@ctlyst.id/internal-ui 4.2.6 → 4.3.0

package/dist/index.mjs

@@ -941,7 +941,6 @@ var getCommonPinningStyles = (column) => {
     right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
     position: isPinned ? "sticky" : "relative",
     zIndex: isPinned ? 1 : 0,
-    backgroundColor: "white",
     ...isFirstLeftPinnedColumn ? {
       pl: "16px"
     } : { pl: "8px" },
@@ -1090,6 +1089,7 @@ var DataTable = React5.forwardRef((props, ref) => {
     columnPinning,
     disabledRow,
     highlightedRow,
+    highlightRowColor,
     cellLineClamp = 2
   } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
@@ -1106,6 +1106,13 @@ var DataTable = React5.forwardRef((props, ref) => {
       (_e2 = refTable.current) == null ? void 0 : _e2.setAttribute("data-pin-right", "true");
     }
   };
+  const getTableHighlightStyle = (highlightColor = "primary.50") => {
+    return {
+      td: {
+        background: `${highlightColor} !important`
+      }
+    };
+  };
   let lastPinnedColumn = 0;
   React5.useEffect(() => {
     var _a2;
@@ -1223,7 +1230,9 @@ var DataTable = React5.forwardRef((props, ref) => {
             {
               "data-test-id": "-RU0hNYGRzeVM3HQ4cXHl",
               ...styles == null ? void 0 : styles.tableRow,
-              "aria-selected": isHighlightedRow,
+              sx: { ...isHighlightedRow && getTableHighlightStyle() },
+              "aria-disabled": isDisabledRow,
+              "data-highlight": isHighlightedRow ? "true" : "false",
               css: css`
                     &:last-child {
                       td {
@@ -1242,6 +1251,8 @@ var DataTable = React5.forwardRef((props, ref) => {
                 var _a2;
                 (_a2 = e.currentTarget) == null ? void 0 : _a2.removeAttribute("data-active");
               },
+              opacity: isDisabledRow ? 0.4 : 1,
+              pointerEvents: isDisabledRow ? "none" : "auto",
               onClick: () => {
                 if (onRowClick) {
                   if (isDisabledRow) return;
@@ -1256,7 +1267,9 @@ var DataTable = React5.forwardRef((props, ref) => {
                   {
                     "data-test-id": `CT_Component_TableCell_${cell.id}`,
                     fontSize: "text.sm",
-                    sx: getCommonPinningStyles(cell.column),
+                    sx: {
+                      ...getCommonPinningStyles(cell.column)
+                    },
                     ...styles == null ? void 0 : styles.tableCell,
                     children: /* @__PURE__ */ jsx24(
                       Flex2,
@@ -7384,7 +7397,7 @@ var baseStyle11 = definePartsStyle10({
     backgroundColor: "neutral.50"
   },
   td: {
-    // backgroundColor: 'neutral.50',
+    backgroundColor: "white",
     textAlign: "start",
     minHeight: "56px",
     _disabled: {
@@ -7409,12 +7422,12 @@ var variantSimple = definePartsStyle10((props) => {
     th: {
       color: "black.high",
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     td: {
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     caption: {
@@ -7435,12 +7448,12 @@ var variantStripe = definePartsStyle10((props) => {
     th: {
       color: "black.high",
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     td: {
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     caption: {
@@ -7537,7 +7550,7 @@ var tableTheme = defineMultiStyleConfig10({
   defaultProps: {
     variant: "simple",
     size: "md",
-    colorScheme: "gray"
+    colorScheme: "neutral"
   }
 });
 var table_default = tableTheme;