@ackplus/react-tanstack-data-table 1.0.24 → 1.0.25

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ackplus/react-tanstack-data-table",
   "type": "commonjs",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "A powerful React data table component built with MUI and TanStack Table",
   "keywords": [
     "react",

package/src/lib/components/table/data-table.js

@@ -634,7 +634,6 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
                 });
             },
             resetFilters: () => {
-                table.resetGlobalFilter();
                 handleColumnFilterStateChange({
                     filters: [],
                     logic: 'AND',
@@ -668,7 +667,7 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
                 table.resetSorting();
             },
             resetSorting: () => {
-                table.resetSorting();
+                table.setSorting(initialStateConfig.sorting || []);
             },
         },
         pagination: {
@@ -711,6 +710,9 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
                     }
                 }
             },
+            resetPagination: () => {
+                table.setPagination(initialStateConfig.pagination || { pageIndex: 0, pageSize: 10 });
+            },
         },
         selection: {
             selectRow: (rowId) => { var _a; return (_a = table.selectRow) === null || _a === void 0 ? void 0 : _a.call(table, rowId); },

package/src/lib/components/toolbar/column-reset-control.js

@@ -7,32 +7,34 @@ const material_1 = require("@mui/material");
 const data_table_context_1 = require("../../contexts/data-table-context");
 const slot_helpers_1 = require("../../utils/slot-helpers");
 function ColumnResetControl(props = {}) {
-    const { table, slots, slotProps } = (0, data_table_context_1.useDataTableContext)();
+    const { apiRef, table, slots, slotProps } = (0, data_table_context_1.useDataTableContext)();
     const resetIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'resetIcon');
     const ResetIconSlot = (0, slot_helpers_1.getSlotComponent)(slots, 'resetIcon', icons_material_1.Autorenew);
     const handleResetLayout = () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const actions = props.resetActions || ['columnOrder', 'columnPinning', 'columnSizing'];
+        if (!(apiRef === null || apiRef === void 0 ? void 0 : apiRef.current))
+            return;
         if (actions.includes('columnOrder')) {
-            table.resetColumnOrder();
+            (_b = (_a = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _a === void 0 ? void 0 : _a.columnOrdering) === null || _b === void 0 ? void 0 : _b.resetColumnOrder();
         }
         if (actions.includes('columnPinning')) {
-            table.resetColumnPinning();
+            (_d = (_c = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _c === void 0 ? void 0 : _c.columnPinning) === null || _d === void 0 ? void 0 : _d.resetColumnPinning();
         }
         if (actions.includes('columnSizing')) {
-            table.resetColumnSizing();
+            (_f = (_e = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _e === void 0 ? void 0 : _e.columnResizing) === null || _f === void 0 ? void 0 : _f.resetColumnSizing();
         }
         if (actions.includes('columnVisibility')) {
-            table.resetColumnVisibility();
+            (_h = (_g = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _g === void 0 ? void 0 : _g.columnVisibility) === null || _h === void 0 ? void 0 : _h.resetColumnVisibility();
         }
         if (actions.includes('filters')) {
-            table.resetColumnFilters();
-            table.resetGlobalFilter();
+            (_k = (_j = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _j === void 0 ? void 0 : _j.filtering) === null || _k === void 0 ? void 0 : _k.clearAllFilters();
         }
         if (actions.includes('sorting')) {
-            table.resetSorting();
+            (_m = (_l = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _l === void 0 ? void 0 : _l.sorting) === null || _m === void 0 ? void 0 : _m.resetSorting();
         }
         if (actions.includes('pagination')) {
-            table.resetPagination();
+            (_p = (_o = apiRef === null || apiRef === void 0 ? void 0 : apiRef.current) === null || _o === void 0 ? void 0 : _o.pagination) === null || _p === void 0 ? void 0 : _p.resetPagination();
         }
     };
     const mergedIconButtonProps = (0, slot_helpers_1.mergeSlotProps)({

package/src/lib/types/data-table-api.d.ts

@@ -53,6 +53,7 @@ export interface DataTableApi<T = any> {
         setPageSize: (pageSize: number) => void;
         goToFirstPage: () => void;
         goToLastPage: () => void;
+        resetPagination?: () => void;
     };
     selection: {
         selectRow: (rowId: string) => void;