refactor(Table): Changed cell renderer config property name

DevoInc · Nov 14, 2023 · 46e1462 · 46e1462
1 parent 91db330
commit 46e1462
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 12 deletions.
diff --git a/packages/table/src/core/Row/Row.stories.tsx b/packages/table/src/core/Row/Row.stories.tsx
@@ -59,7 +59,7 @@ const colDefs: ColDef[] = [
     id: 'booleanValue',
     headerName: 'booleanValue',
     type: 'tag',
-    tagConfig: {
+    cellRendererConfig: {
       true: { color: '#1EC990', text: 'Active' },
       false: { color: '#ED5353', text: 'Inactive' },
     },
@@ -69,7 +69,7 @@ const colDefs: ColDef[] = [
     id: 'status',
     headerName: 'status',
     type: 'tag',
-    tagConfig: {
+    cellRendererConfig: {
       TODO: { color: '#1EC990', text: 'TODO' },
       inProgress: { color: '#ED5353', text: 'inProgress' },
       test: { color: 'orange', text: 'test' },

diff --git a/packages/table/src/declarations.ts b/packages/table/src/declarations.ts
@@ -43,7 +43,7 @@ export interface ColDef {
   valueFormatter?: (value: unknown, context: DateContext) => void;
 
   // revisar
-  tagConfig?: any;
+  cellRendererConfig?: any;
   context?: {
     [key: string]: unknown;
   };

diff --git a/packages/table/src/editors/EditBoolean.stories.tsx b/packages/table/src/editors/EditBoolean.stories.tsx
@@ -25,7 +25,7 @@ export const BooleanEditor: Story = {
         headerName: 'booleanValue',
         CellEditor: () => EditBoolean({ value: boolean, onChange }),
         CellRenderer: TagRenderer,
-        tagConfig: {
+        cellRendererConfig: {
           true: { color: '#1EC990', text: 'Active' },
           false: { color: '#ED5353', text: 'Inactive' },
         },

diff --git a/packages/table/src/renderers/tag/Tag.stories.tsx b/packages/table/src/renderers/tag/Tag.stories.tsx
@@ -18,7 +18,7 @@ const columnBoolean: ColDef = {
   id: 'booleanValue',
   headerName: 'booleanValue',
   type: 'tag',
-  tagConfig: {
+  cellRendererConfig: {
     true: { color: '#1EC990', text: 'Active' },
     false: { color: '#ED5353', text: 'Inactive' },
   },
@@ -29,7 +29,7 @@ const columnStatus: ColDef = {
   id: 'status',
   headerName: 'status',
   type: 'tag',
-  tagConfig: {
+  cellRendererConfig: {
     TODO: { color: '#1EC990', text: 'TODO' },
     inProgress: { color: '#ED5353', text: 'inProgress' },
     test: { color: 'orange', text: 'test' },

diff --git a/packages/table/src/renderers/tag/Tag.tsx b/packages/table/src/renderers/tag/Tag.tsx
@@ -11,9 +11,9 @@ interface TagProps {
 export const TagRenderer: React.FC<TagProps> = ({ value, columnDef }) => {
   return (
     <Tag
-      colorScheme={columnDef.tagConfig[value]?.color}
-      text={columnDef.tagConfig[value]?.text}
-      icon={columnDef.tagConfig[value]?.icon}
+      colorScheme={columnDef.cellRendererConfig[value]?.color}
+      text={columnDef.cellRendererConfig[value]?.text}
+      icon={columnDef.cellRendererConfig[value]?.icon}
     />
   );
 };
diff --git a/packages/table/src/types/boolean.ts b/packages/table/src/types/boolean.ts
@@ -6,7 +6,7 @@ export const typeBoolean: ColumnType = {
   id: 'tagBoolean',
   CellRenderer: TagRenderer,
   CellEditor: EditBoolean,
-  tagConfig: {
+  cellRendererConfig: {
     true: { color: '#1EC990', text: 'Active' },
     false: { color: '#ED5353', text: 'Inactive' },
   },

diff --git a/packages/table/src/types/declarations.ts b/packages/table/src/types/declarations.ts
@@ -6,5 +6,5 @@ export type ColumnType = {
   context?: {
     [key: string]: unknown;
   };
-  tagConfig?: { [key: string]: { color: string; text: string } };
+  cellRendererConfig?: { [key: string]: { color: string; text: string } };
 };
diff --git a/packages/table/src/types/tag.ts b/packages/table/src/types/tag.ts
@@ -4,7 +4,7 @@ import { ColumnType } from './declarations';
 export const typeTag: ColumnType = {
   id: 'tag',
   CellRenderer: TagRenderer,
-  tagConfig: {
+  cellRendererConfig: {
     TODO: { color: '#1EC990', text: 'TODO' },
     inProgress: { color: '#ED5353', text: 'inProgress' },
     test: { color: 'orange', text: 'test' },