@ctlyst.id/internal-ui 4.2.0 → 4.2.2

package/dist/index.mjs

@@ -965,7 +965,8 @@ var getCommonPinningStyles = (column) => {
         right: "0px",
         bottom: "-1px",
         top: 0,
-        transform: "translateX(100%)"
+        transform: "translateX(100%)",
+        pointerEvents: "none"
       },
       "[data-pin-left=true] &:after": {
         boxShadow: "inset 14px 0px 20px -10px #00000010"
@@ -982,7 +983,8 @@ var getCommonPinningStyles = (column) => {
         left: "0%",
         top: 0,
         bottom: "-1px",
-        transform: "translateX(-100%)"
+        transform: "translateX(-100%)",
+        pointerEvents: "none"
       },
       "[data-pin-right=true] &:after": {
         boxShadow: "inset -14px 0px 20px -10px #00000010"
@@ -1092,7 +1094,8 @@ var DataTable = React5.forwardRef((props, ref) => {
     onRowClick,
     container,
     columnPinning,
-    isRowDisabled,
+    disabledRow,
+    highlightedRow,
     cellLineClamp = 2
   } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
@@ -1219,14 +1222,14 @@ var DataTable = React5.forwardRef((props, ref) => {
           }
         ),
         /* @__PURE__ */ jsx24(Tbody, { ...styles == null ? void 0 : styles.tableBody, children: table.getRowModel().rows.map((row) => {
-          const disabledRow = isRowDisabled && isRowDisabled(row.original);
+          const isDisabledRow = disabledRow && disabledRow(row.original);
+          const isHighlightedRow = highlightedRow && highlightedRow(row.original);
           return /* @__PURE__ */ jsx24(
             Tr,
             {
               "data-test-id": "-RU0hNYGRzeVM3HQ4cXHl",
-              tabindex: "0",
               ...styles == null ? void 0 : styles.tableRow,
-              "aria-disabled": disabledRow,
+              "aria-selected": isHighlightedRow,
               css: css`
                     &:last-child {
                       td {
@@ -1234,10 +1237,10 @@ var DataTable = React5.forwardRef((props, ref) => {
                       }
                     }
                   `,
-              cursor: disabledRow ? "default" : "pointer",
+              cursor: isDisabledRow ? "default" : "pointer",
               onMouseDown: (e) => {
                 var _a2;
-                if (!disabledRow) {
+                if (!isDisabledRow && !isHighlightedRow) {
                   (_a2 = e.currentTarget) == null ? void 0 : _a2.setAttribute("data-active", "true");
                 }
               },
@@ -1247,7 +1250,7 @@ var DataTable = React5.forwardRef((props, ref) => {
               },
               onClick: () => {
                 if (onRowClick) {
-                  if (disabledRow) return;
+                  if (isDisabledRow) return;
                   onRowClick(row.original);
                 }
               },
@@ -7364,6 +7367,11 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.200"
             }
+          },
+          '&[aria-selected="true"]': {
+            td: {
+              backgroundColor: "danger.50"
+            }
           }
         }
       }