@ctlyst.id/internal-ui 4.2.7 → 4.3.1

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,
@@ -7361,11 +7374,6 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.200"
             }
-          },
-          '&[aria-selected="true"]': {
-            td: {
-              backgroundColor: "danger.50"
-            }
           }
         }
       }
@@ -7384,7 +7392,7 @@ var baseStyle11 = definePartsStyle10({
     backgroundColor: "neutral.50"
   },
   td: {
-    // backgroundColor: 'neutral.50',
+    backgroundColor: "white",
     textAlign: "start",
     minHeight: "56px",
     _disabled: {