@ctlyst.id/internal-ui 5.3.0 → 5.3.2

package/dist/index.mjs

@@ -1229,7 +1229,8 @@ var useDataTable = ({
     action,
     toggleAllRowsSelected,
     generateColumn,
-    throttleRowClick
+    throttleRowClick,
+    selectedRow
   };
 };
 var DataTable = React5.forwardRef((props, ref) => {
@@ -1249,7 +1250,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
@@ -1393,7 +1394,7 @@ var DataTable = React5.forwardRef((props, ref) => {
         ),
         /* @__PURE__ */ jsx24(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 : {}).filter((key) => selectedRow == null ? void 0 : selectedRow[key]).includes(row.id) || highlightedRow && highlightedRow(row.original);
           return /* @__PURE__ */ jsx24(
             Tr,
             {
@@ -7551,12 +7552,12 @@ var baseStyle11 = definePartsStyle10({
             td: {
               backgroundColor: "neutral.100"
             }
-          },
-          '&[data-active="true"]': {
-            td: {
-              backgroundColor: "neutral.200"
-            }
           }
+          // '&[data-active="true"]': {
+          //   td: {
+          //     backgroundColor: 'neutral.200',
+          //   },
+          // },
         }
       }
     }