@ctlyst.id/internal-ui 4.1.16 → 4.2.1

package/dist/index.mjs

@@ -1085,7 +1085,17 @@ var useDataTable = ({
 };
 var DataTable = React5.forwardRef((props, ref) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const { isLoading, styles, headerSticky, onRowClick, container, columnPinning, isRowDisabled } = props;
+  const {
+    isLoading,
+    styles,
+    headerSticky,
+    onRowClick,
+    container,
+    columnPinning,
+    disabledRow,
+    highlightedRow,
+    cellLineClamp = 2
+  } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
   const refTable = React5.useRef(null);
   React5.useImperativeHandle(ref, () => ({
@@ -1210,14 +1220,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 {
@@ -1225,10 +1235,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");
                 }
               },
@@ -1238,7 +1248,7 @@ var DataTable = React5.forwardRef((props, ref) => {
               },
               onClick: () => {
                 if (onRowClick) {
-                  if (disabledRow) return;
+                  if (isDisabledRow) return;
                   onRowClick(row.original);
                 }
               },
@@ -1271,10 +1281,12 @@ var DataTable = React5.forwardRef((props, ref) => {
                             onClick: (e) => {
                               e.stopPropagation();
                             },
-                            noOfLines: 2,
-                            sx: {
-                              display: "-webkit-inline-box"
-                            },
+                            ...cellLineClamp > 0 ? {
+                              noOfLines: cellLineClamp,
+                              sx: {
+                                display: "-webkit-inline-box"
+                              }
+                            } : {},
                             children: flexRender(cell.column.columnDef.cell, cell.getContext())
                           }
                         )
@@ -7353,6 +7365,11 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.200"
             }
+          },
+          '&[aria-selected="true"]': {
+            td: {
+              backgroundColor: "danger.50"
+            }
           }
         }
       }