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

package/package.json

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

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

@@ -18,6 +18,7 @@ const pagination_1 = require("../pagination");
 const rows_1 = require("../rows");
 const toolbar_1 = require("../toolbar");
 const special_columns_utils_1 = require("../../utils/special-columns.utils");
+const lodash_1 = require("lodash");
 const DEFAULT_INITIAL_STATE = {
     sorting: [],
     pagination: {
@@ -143,6 +144,7 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
     }), [tableWidth]);
     const fetchData = (0, react_1.useCallback)((...args_1) => tslib_1.__awaiter(this, [...args_1], void 0, function* (overrides = {}) {
         var _a, _b;
+        console.info('fetchData', (0, lodash_1.cloneDeep)(overrides), (0, lodash_1.cloneDeep)(columnFilter), (0, lodash_1.cloneDeep)(sorting), (0, lodash_1.cloneDeep)(pagination));
         if (!onFetchData) {
             if (fetchLogger.isLevelEnabled('debug')) {
                 fetchLogger.debug('onFetchData not provided, skipping fetch', { overrides });
@@ -452,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) => {
@@ -469,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,
         },
@@ -718,11 +728,14 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
             refresh: () => {
                 var _a, _b;
                 const filters = table.getState();
+                console.info('filters', (0, lodash_1.cloneDeep)(filters));
                 const pagination = {
                     pageIndex: 0,
                     pageSize: ((_a = filters.pagination) === null || _a === void 0 ? void 0 : _a.pageSize) || ((_b = initialStateConfig.pagination) === null || _b === void 0 ? void 0 : _b.pageSize) || 10,
                 };
+                console.info('pagination', (0, lodash_1.cloneDeep)(pagination));
                 const allState = table.getState();
+                console.info('allState', (0, lodash_1.cloneDeep)(allState));
                 setPagination(pagination);
                 onDataStateChange === null || onDataStateChange === void 0 ? void 0 : onDataStateChange(allState);
                 fetchData === null || fetchData === void 0 ? void 0 : fetchData({ pagination });
@@ -1136,6 +1149,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/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');