@ctlyst.id/internal-ui 5.0.3 → 5.1.0

package/dist/index.d.mts

@@ -248,7 +248,7 @@ interface DataTableProps<T> {
     withSelectedRow?: boolean | undefined;
     selectedRow?: RowSelectionState;
     onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-    onSelectedRow?: (data: T[]) => void;
+    onSelectedRow?: (data: T[], action: string) => void;
     onSort?: (data: SortingState) => void;
     manualSorting?: boolean;
     sortingState?: SortingState;
@@ -265,6 +265,7 @@ declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
 declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, selectedRow, disabledRow, onRowSelectionChange, columnPinning, }: DataTableProps<T>) => {
     table: _tanstack_react_table.Table<T>;
+    action: React$1.MutableRefObject<string>;
     toggleAllRowsSelected: (value?: boolean | undefined) => void;
     generateColumn: () => ColumnDef<T>[];
 };

package/dist/index.d.ts

@@ -248,7 +248,7 @@ interface DataTableProps<T> {
     withSelectedRow?: boolean | undefined;
     selectedRow?: RowSelectionState;
     onRowSelectionChange?: OnChangeFn<RowSelectionState>;
-    onSelectedRow?: (data: T[]) => void;
+    onSelectedRow?: (data: T[], action: string) => void;
     onSort?: (data: SortingState) => void;
     manualSorting?: boolean;
     sortingState?: SortingState;
@@ -265,6 +265,7 @@ declare const isCellDisabled: (row: DisabledRowData, cellId: string) => boolean;
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
 declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, selectedRow, disabledRow, onRowSelectionChange, columnPinning, }: DataTableProps<T>) => {
     table: _tanstack_react_table.Table<T>;
+    action: React$1.MutableRefObject<string>;
     toggleAllRowsSelected: (value?: boolean | undefined) => void;
     generateColumn: () => ColumnDef<T>[];
 };

package/dist/index.js

@@ -1427,6 +1427,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(
     () => [
       {
@@ -1438,11 +1439,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));
@@ -1452,7 +1454,7 @@ var useDataTable = ({
                     table2.setRowSelection(Object.fromEntries(rows.map((row) => [row.id, true])));
                   }
                 } else {
-                  table2.getToggleAllRowsSelectedHandler();
+                  table2.toggleAllRowsSelected();
                 }
               }
             }
@@ -1470,7 +1472,7 @@ var useDataTable = ({
         ) })
       }
     ],
-    []
+    [dataSource]
   );
   const generateColumn = () => {
     if (withSelectedRow) {
@@ -1500,15 +1502,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);
@@ -1519,6 +1522,7 @@ var useDataTable = ({
   }, []);
   return {
     table,
+    action,
     toggleAllRowsSelected,
     generateColumn
   };
@@ -1539,7 +1543,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
@@ -1700,6 +1704,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;