@ctlyst.id/internal-ui 5.0.4 → 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,9 +1091,10 @@ 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.toggleAllRowsSelected();
                 } else if (disabledRow) {
@@ -1122,7 +1124,7 @@ var useDataTable = ({
         ) })
       }
     ],
-    [disabledRow]
+    [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;