@ctlyst.id/internal-ui 5.0.3 → 5.1.0

package/dist/index.mjs

@@ -1079,6 +1079,7 @@ var useDataTable = ({
   const [isFirstLoad, setIsFirstLoad] = React5.useState(true);
   const [sorting, setSorting] = React5.useState(sortingState != null ? sortingState : []);
   const dataColumns = React5.useMemo(() => columns, [columns]);
+  const action = React5.useRef("");
   const checkboxColumn = React5.useMemo(
     () => [
       {
@@ -1090,11 +1091,12 @@ var useDataTable = ({
             "data-test-id": "select-header-data-table",
             ...{
               isDisabled: table2.getPaginationRowModel().rows.filter((row) => !(disabledRow == null ? void 0 : disabledRow(row.original))).length === 0,
-              isChecked: table2.getIsAllRowsSelected(),
-              isIndeterminate: table2.getIsSomeRowsSelected(),
+              isChecked: table2.getIsAllPageRowsSelected(),
+              isIndeterminate: table2.getIsSomePageRowsSelected(),
               onChange: () => {
+                action.current = "selectAll";
                 if (table2.getIsAllRowsSelected()) {
-                  table2.getToggleAllRowsSelectedHandler();
+                  table2.toggleAllRowsSelected();
                 } else if (disabledRow) {
                   const prevSelected = table2.getFilteredSelectedRowModel().rows.length;
                   const rows = table2.getPaginationRowModel().rows.filter((row) => !disabledRow(row.original));
@@ -1104,7 +1106,7 @@ var useDataTable = ({
                     table2.setRowSelection(Object.fromEntries(rows.map((row) => [row.id, true])));
                   }
                 } else {
-                  table2.getToggleAllRowsSelectedHandler();
+                  table2.toggleAllRowsSelected();
                 }
               }
             }
@@ -1122,7 +1124,7 @@ var useDataTable = ({
         ) })
       }
     ],
-    []
+    [dataSource]
   );
   const generateColumn = () => {
     if (withSelectedRow) {
@@ -1152,15 +1154,16 @@ var useDataTable = ({
   });
   const { getSelectedRowModel, toggleAllRowsSelected } = table;
   const { flatRows } = getSelectedRowModel();
-  React5.useEffect(() => {
-    table.setRowSelection(selectedRow != null ? selectedRow : {});
-  }, [selectedRow]);
   React5.useEffect(() => {
     const rowData = flatRows.map((row) => row.original);
     if (onSelectedRow) {
-      onSelectedRow(rowData);
+      onSelectedRow(rowData, action.current);
     }
   }, [flatRows]);
+  React5.useEffect(() => {
+    action.current = "newData";
+    table.setRowSelection(selectedRow != null ? selectedRow : {});
+  }, [selectedRow]);
   React5.useEffect(() => {
     if (onSort && !isFirstLoad) {
       onSort(sorting);
@@ -1171,6 +1174,7 @@ var useDataTable = ({
   }, []);
   return {
     table,
+    action,
     toggleAllRowsSelected,
     generateColumn
   };
@@ -1191,7 +1195,7 @@ var DataTable = React5.forwardRef((props, ref) => {
     cellLineClamp = 2
   } = props;
   const { clickOrDragged, getDragOrClickProps } = useDragOrClick();
-  const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
+  const { table, action, toggleAllRowsSelected, generateColumn } = useDataTable(props);
   const refTable = React5.useRef(null);
   React5.useImperativeHandle(ref, () => ({
     toggleAllRowsSelected
@@ -1352,6 +1356,7 @@ var DataTable = React5.forwardRef((props, ref) => {
                   (_a2 = e.currentTarget) == null ? void 0 : _a2.removeAttribute("data-active");
                 },
                 onClick: () => {
+                  action.current = "selectRow";
                   if (withSelectedRow) row.toggleSelected();
                   if (onRowClick) {
                     if (isDisabledRow) return;