@ctlyst.id/internal-ui 3.1.9 → 3.1.11

package/dist/index.mjs

@@ -1172,6 +1172,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__ */ jsx24(
               Td,
@@ -1180,21 +1181,31 @@ var DataTable = React5.forwardRef((props, ref) => {
                 fontSize: "text.sm",
                 sx: getCommonPinningStyles(cell.column),
                 ...styles == null ? void 0 : styles.tableCell,
-                children: /* @__PURE__ */ jsx24(Flex2, { height: "100%", align: "center", opacity: isDisabled ? 0.5 : 1, children: /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx24(
                   Flex2,
                   {
-                    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: 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__ */ jsx24(
+                      Flex2,
+                      {
+                        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: flexRender(cell.column.columnDef.cell, cell.getContext())
+                      }
+                    )
                   }
-                ) })
+                )
               },
               cell.id
             );
@@ -6340,12 +6351,12 @@ var baseStyle11 = definePartsStyle10({
           cursor: "pointer",
           _hover: {
             td: {
-              backgroundColor: "neutral.200"
+              backgroundColor: "neutral.100"
             }
           },
           '&[data-active="true"]': {
             td: {
-              backgroundColor: "neutral.100"
+              backgroundColor: "neutral.200"
             }
           }
         }