@ctlyst.id/internal-ui 4.2.0 → 4.2.2

package/dist/index.d.mts

@@ -254,7 +254,8 @@ interface DataTableProps<T> {
     columnPinning?: ColumnPinningState;
     cellLineClamp?: number;
     onRowClick?: (data: T) => void;
-    isRowDisabled?: (row: T) => boolean;
+    disabledRow?: (row: T) => boolean;
+    highlightedRow?: (row: T) => boolean;
 }
 declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;

package/dist/index.d.ts

@@ -254,7 +254,8 @@ interface DataTableProps<T> {
     columnPinning?: ColumnPinningState;
     cellLineClamp?: number;
     onRowClick?: (data: T) => void;
-    isRowDisabled?: (row: T) => boolean;
+    disabledRow?: (row: T) => boolean;
+    highlightedRow?: (row: T) => boolean;
 }
 declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;

package/dist/index.js

@@ -1312,7 +1312,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"
@@ -1329,7 +1330,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"
@@ -1439,7 +1441,8 @@ var DataTable = React5.forwardRef((props, ref) => {
     onRowClick,
     container,
     columnPinning,
-    isRowDisabled,
+    disabledRow,
+    highlightedRow,
     cellLineClamp = 2
   } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
@@ -1566,14 +1569,14 @@ var DataTable = React5.forwardRef((props, ref) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.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__ */ (0, import_jsx_runtime24.jsx)(
             import_react28.Tr,
             {
               "data-test-id": "-RU0hNYGRzeVM3HQ4cXHl",
-              tabindex: "0",
               ...styles == null ? void 0 : styles.tableRow,
-              "aria-disabled": disabledRow,
+              "aria-selected": isHighlightedRow,
               css: import_react29.css`
                     &:last-child {
                       td {
@@ -1581,10 +1584,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");
                 }
               },
@@ -1594,7 +1597,7 @@ var DataTable = React5.forwardRef((props, ref) => {
               },
               onClick: () => {
                 if (onRowClick) {
-                  if (disabledRow) return;
+                  if (isDisabledRow) return;
                   onRowClick(row.original);
                 }
               },
@@ -7444,6 +7447,11 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.200"
             }
+          },
+          '&[aria-selected="true"]': {
+            td: {
+              backgroundColor: "danger.50"
+            }
           }
         }
       }