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

package/package.json

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

@@ -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,
         },
@@ -1141,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');