@ctlyst.id/internal-ui 3.1.9 → 3.1.11

package/dist/index.js

@@ -1509,6 +1509,7 @@ var DataTable = React5.forwardRef((props, ref) => {
             }
           },
           children: row.getVisibleCells().map((cell) => {
+            const meta = cell.column.columnDef.meta;
             const isDisabled = isCellDisabled(row.original, cell.column.id);
             return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               import_react28.Td,
@@ -1517,21 +1518,31 @@ var DataTable = React5.forwardRef((props, ref) => {
                 fontSize: "text.sm",
                 sx: getCommonPinningStyles(cell.column),
                 ...styles == null ? void 0 : styles.tableCell,
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Flex, { height: "100%", align: "center", opacity: isDisabled ? 0.5 : 1, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   import_react28.Flex,
                   {
-                    tabIndex: 0,
-                    display: "inline-flex",
-                    cursor: "auto",
-                    "data-test-id": `CT_Component_TableCell_Content-${cell.id}`,
-                    onMouseUp: (e) => e.stopPropagation(),
-                    onMouseDown: (e) => e.stopPropagation(),
-                    onClick: (e) => {
-                      e.stopPropagation();
-                    },
-                    children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+                    height: "100%",
+                    width: "100%",
+                    align: "center",
+                    opacity: isDisabled ? 0.5 : 1,
+                    sx: { ...meta && meta.columnStyles ? meta.columnStyles : {} },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                      import_react28.Flex,
+                      {
+                        tabIndex: 0,
+                        display: "inline-flex",
+                        cursor: "auto",
+                        "data-test-id": `CT_Component_TableCell_Content-${cell.id}`,
+                        onMouseUp: (e) => e.stopPropagation(),
+                        onMouseDown: (e) => e.stopPropagation(),
+                        onClick: (e) => {
+                          e.stopPropagation();
+                        },
+                        children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+                      }
+                    )
                   }
-                ) })
+                )
               },
               cell.id
             );
@@ -6412,12 +6423,12 @@ var baseStyle11 = definePartsStyle10({
           cursor: "pointer",
           _hover: {
             td: {
-              backgroundColor: "neutral.200"
+              backgroundColor: "neutral.100"
             }
           },
           '&[data-active="true"]': {
             td: {
-              backgroundColor: "neutral.100"
+              backgroundColor: "neutral.200"
             }
           }
         }