@ackplus/react-tanstack-data-table 1.0.27 → 1.0.29

package/package.json

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

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

@@ -18,7 +18,6 @@ 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: {
@@ -66,8 +65,12 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
         };
     }, [logger, dataMode, paginationMode, filterMode, sortingMode]);
     const initialStateConfig = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({}, DEFAULT_INITIAL_STATE), initialState);
-    }, [initialState]);
+        const config = Object.assign(Object.assign({}, DEFAULT_INITIAL_STATE), initialState);
+        if (logger.isLevelEnabled('info')) {
+            logger.info('initialStateConfig', { config });
+        }
+        return config;
+    }, [initialState, logger]);
     const [sorting, setSorting] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.sorting) || DEFAULT_INITIAL_STATE.sorting);
     const [pagination, setPagination] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.pagination) || DEFAULT_INITIAL_STATE.pagination);
     const [globalFilter, setGlobalFilter] = (0, react_1.useState)((initialState === null || initialState === void 0 ? void 0 : initialState.globalFilter) || DEFAULT_INITIAL_STATE.globalFilter);
@@ -96,7 +99,11 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
             const selectionColumnMap = (0, special_columns_utils_1.createSelectionColumn)(Object.assign(Object.assign({}, ((slotProps === null || slotProps === void 0 ? void 0 : slotProps.selectionColumn) && typeof slotProps.selectionColumn === 'object' ? slotProps.selectionColumn : {})), { multiSelect: enableMultiRowSelection }));
             columnsMap = [selectionColumnMap, ...columnsMap];
         }
-        return (0, utils_1.withIdsDeep)(columnsMap);
+        const enhancedColumns = (0, utils_1.withIdsDeep)(columnsMap);
+        if (logger.isLevelEnabled('info')) {
+            logger.info('enhancedColumns', { enhancedColumns });
+        }
+        return enhancedColumns;
     }, [columns, enableExpanding, enableRowSelection, enableMultiRowSelection, slotProps === null || slotProps === void 0 ? void 0 : slotProps.expandColumn, slotProps === null || slotProps === void 0 ? void 0 : slotProps.selectionColumn]);
     const isExporting = (0, react_1.useMemo)(() => exportController !== null, [exportController]);
     const isSomeRowsSelected = (0, react_1.useMemo)(() => {
@@ -137,10 +144,9 @@ 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 });
+                fetchLogger.debug('onFetchData not provided, skipping fetch', { overrides, columnFilter, sorting, pagination });
             }
             return;
         }
@@ -148,13 +154,13 @@ exports.DataTable = (0, react_1.forwardRef)(function DataTable({ initialState, c
             pagination,
             columnFilter,
             sorting }, overrides);
-        if (fetchLogger.isLevelEnabled('debug')) {
-            fetchLogger.debug('Requesting data', { filters });
+        if (fetchLogger.isLevelEnabled('info')) {
+            fetchLogger.info('Requesting data', { filters });
         }
         try {
             const result = yield debouncedFetch(filters);
-            if (fetchLogger.isLevelEnabled('debug')) {
-                fetchLogger.debug('Fetch resolved', {
+            if (fetchLogger.isLevelEnabled('info')) {
+                fetchLogger.info('Fetch resolved', {
                     rows: (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0,
                     total: result === null || result === void 0 ? void 0 : result.total,
                 });
@@ -723,19 +729,16 @@ 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 });
                 if (fetchLogger.isLevelEnabled('debug')) {
-                    fetchLogger.debug('Refreshing data', { pagination, allState });
+                    fetchLogger.debug('Refreshing data using Ref', { pagination, allState });
                 }
             },
             reload: () => {