@ctlyst.id/internal-ui 4.1.16 → 4.2.1

package/dist/index.d.mts

@@ -252,8 +252,10 @@ interface DataTableProps<T> {
     sortDescFirst?: boolean;
     headerSticky?: boolean;
     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

@@ -252,8 +252,10 @@ interface DataTableProps<T> {
     sortDescFirst?: boolean;
     headerSticky?: boolean;
     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

@@ -1432,7 +1432,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, () => ({
@@ -1557,14 +1567,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 {
@@ -1572,10 +1582,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");
                 }
               },
@@ -1585,7 +1595,7 @@ var DataTable = React5.forwardRef((props, ref) => {
               },
               onClick: () => {
                 if (onRowClick) {
-                  if (disabledRow) return;
+                  if (isDisabledRow) return;
                   onRowClick(row.original);
                 }
               },
@@ -1618,10 +1628,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: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
                           }
                         )
@@ -7433,6 +7445,11 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.200"
             }
+          },
+          '&[aria-selected="true"]': {
+            td: {
+              backgroundColor: "danger.50"
+            }
           }
         }
       }