@ctlyst.id/internal-ui 5.3.0 → 5.3.1

package/dist/index.d.mts

@@ -272,6 +272,7 @@ declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelect
     toggleAllRowsSelected: (value?: boolean | undefined) => void;
     generateColumn: () => ColumnDef<T>[];
     throttleRowClick: (val: Row<T>) => void;
+    selectedRow: RowSelectionState | undefined;
 };
 declare const _default: <T>(props: DataTableProps<T> & {
     ref?: React$1.Ref<DataTableRefs<T>>;

package/dist/index.d.ts

@@ -272,6 +272,7 @@ declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelect
     toggleAllRowsSelected: (value?: boolean | undefined) => void;
     generateColumn: () => ColumnDef<T>[];
     throttleRowClick: (val: Row<T>) => void;
+    selectedRow: RowSelectionState | undefined;
 };
 declare const _default: <T>(props: DataTableProps<T> & {
     ref?: React$1.Ref<DataTableRefs<T>>;

package/dist/index.js

@@ -1577,7 +1577,8 @@ var useDataTable = ({
     action,
     toggleAllRowsSelected,
     generateColumn,
-    throttleRowClick
+    throttleRowClick,
+    selectedRow
   };
 };
 var DataTable = React5.forwardRef((props, ref) => {
@@ -1597,7 +1598,7 @@ var DataTable = React5.forwardRef((props, ref) => {
     paddingRowX = 8
   } = props;
   const { clickOrDragged, getDragOrClickProps } = useDragOrClick();
-  const { table, action, throttleRowClick, toggleAllRowsSelected, generateColumn } = useDataTable(props);
+  const { table, action, throttleRowClick, toggleAllRowsSelected, generateColumn, selectedRow } = useDataTable(props);
   const refTable = React5.useRef(null);
   React5.useImperativeHandle(ref, () => ({
     toggleAllRowsSelected
@@ -1741,7 +1742,7 @@ var DataTable = React5.forwardRef((props, ref) => {
         ),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.Tbody, { ...styles == null ? void 0 : styles.tableBody, children: table.getRowModel().rows.map((row, index) => {
           const isDisabledRow = disabledRow && disabledRow(row.original);
-          const isHighlightedRow = highlightedRow && highlightedRow(row.original);
+          const isHighlightedRow = Object.keys(selectedRow != null ? selectedRow : {}).includes(row.id) || highlightedRow && highlightedRow(row.original);
           return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             import_react30.Tr,
             {
@@ -7632,12 +7633,12 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.100"
             }
-          },
-          '&[data-active="true"]': {
-            td: {
-              backgroundColor: "neutral.200"
-            }
           }
+          // '&[data-active="true"]': {
+          //   td: {
+          //     backgroundColor: 'neutral.200',
+          //   },
+          // },
         }
       }
     }