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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ackplus/react-tanstack-data-table",
   "type": "commonjs",
-  "version": "1.0.24-b-1",
+  "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

@@ -454,9 +454,18 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
     }, [columnOrder, enhancedColumns, handleColumnOrderChange]);
     (0, react_1.useEffect)(() => {
         if (initialLoadData && onFetchData) {
+            if (fetchLogger.isLevelEnabled('info')) {
+                fetchLogger.info('Initial data load triggered', { initialLoadData });
+            }
             fetchData();
         }
-    }, [initialLoadData]);
+        else if (fetchLogger.isLevelEnabled('debug')) {
+            fetchLogger.debug('Skipping initial data load', {
+                initialLoadData,
+                hasOnFetchData: !!onFetchData
+            });
+        }
+    }, []);
     (0, react_1.useEffect)(() => {
         if (enableColumnDragging && columnOrder.length === 0) {
             const initialOrder = enhancedColumns.map((col, index) => {
@@ -471,8 +480,7 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
             setColumnOrder(initialOrder);
         }
     }, [enableColumnDragging, enhancedColumns, columnOrder.length]);
-    (0, react_1.useImperativeHandle)(ref, () => internalApiRef.current, []);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    const dataTableApi = (0, react_1.useMemo)(() => ({
         table: {
             getTable: () => table,
         },
@@ -626,7 +634,6 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
                 });
             },
             resetFilters: () => {
-                table.resetGlobalFilter();
                 handleColumnFilterStateChange({
                     filters: [],
                     logic: 'AND',
@@ -660,7 +667,7 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
                 table.resetSorting();
             },
             resetSorting: () => {
-                table.resetSorting();
+                table.setSorting(initialStateConfig.sorting || []);
             },
         },
         pagination: {
@@ -703,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); },
@@ -1141,6 +1151,8 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
         selectMode,
         onSelectionChange,
     ]);
+    internalApiRef.current = dataTableApi;
+    (0, react_1.useImperativeHandle)(ref, () => dataTableApi, [dataTableApi]);
     const renderTableRows = (0, react_1.useCallback)(() => {
         var _a, _b, _c, _d;
         if (tableLoading) {

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/components/toolbar/table-export-control.js

@@ -11,12 +11,8 @@ const icons_1 = require("../../icons");
 const slot_helpers_1 = require("../../utils/slot-helpers");
 function TableExportControl(props = {}) {
     const { exportFilename: propsExportFilename, onServerExport: propsOnServerExport, onExportProgress: propsOnExportProgress, onExportComplete: propsOnExportComplete, onExportError: propsOnExportError, iconButtonProps, tooltipProps, menuSx, menuItemProps } = props, otherProps = tslib_1.__rest(props, ["exportFilename", "onServerExport", "onExportProgress", "onExportComplete", "onExportError", "iconButtonProps", "tooltipProps", "menuSx", "menuItemProps"]);
-    const { table, apiRef, slots, slotProps, dataMode, isExporting, onCancelExport, exportFilename: contextExportFilename, onServerExport: contextOnServerExport, onExportProgress: contextOnExportProgress, onExportComplete: contextOnExportComplete, onExportError: contextOnExportError, } = (0, data_table_context_1.useDataTableContext)();
+    const { apiRef, slots, slotProps, isExporting, exportFilename: contextExportFilename, } = (0, data_table_context_1.useDataTableContext)();
     const exportFilename = propsExportFilename || contextExportFilename || 'export';
-    const onServerExport = propsOnServerExport || contextOnServerExport;
-    const onExportProgress = propsOnExportProgress || contextOnExportProgress;
-    const onExportComplete = propsOnExportComplete || contextOnExportComplete;
-    const onExportError = propsOnExportError || contextOnExportError;
     const exportIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'exportIcon');
     const csvIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'csvIcon');
     const excelIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'excelIcon');

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;