@ackplus/react-tanstack-data-table 1.0.35 → 1.1.1

package/dist/lib/components/toolbar/table-export-control.d.ts

@@ -0,0 +1,12 @@
+import { IconButtonProps, SxProps } from '@mui/material';
+interface TableExportControlProps {
+    exportFilename?: string;
+    iconButtonProps?: IconButtonProps;
+    tooltipProps?: any;
+    menuSx?: SxProps;
+    menuItemProps?: any;
+    [key: string]: any;
+}
+export declare function TableExportControl(props?: TableExportControlProps): any;
+export {};
+//# sourceMappingURL=table-export-control.d.ts.map

package/dist/lib/components/toolbar/table-export-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-export-control.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toolbar/table-export-control.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,eAAe,EACf,OAAO,EACV,MAAM,eAAe,CAAC;AAOvB,UAAU,uBAAuB;IAE7B,cAAc,CAAC,EAAE,MAAM,CAAC;IAMxB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,uBAA4B,OAgJrE"}

package/dist/lib/components/toolbar/table-export-control.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableExportControl = TableExportControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const menu_dropdown_1 = require("../droupdown/menu-dropdown");
+const data_table_context_1 = require("../../contexts/data-table-context");
+const icons_1 = require("../../icons");
+const slot_helpers_1 = require("../../utils/slot-helpers");
+function TableExportControl(props = {}) {
+    const { exportFilename: propsExportFilename, iconButtonProps, tooltipProps, menuSx, menuItemProps, } = props;
+    const { apiRef, slots, slotProps, isExporting, 
+    // Export callbacks from context (DataTable props)
+    exportFilename: contextExportFilename, } = (0, data_table_context_1.useDataTableContext)();
+    // Use props if provided, otherwise fall back to context values
+    const exportFilename = propsExportFilename || contextExportFilename || 'export';
+    // Extract slot-specific props with enhanced merging
+    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');
+    const ExportIconSlot = (0, slot_helpers_1.getSlotComponent)(slots, 'exportIcon', icons_material_1.CloudDownloadOutlined);
+    const CsvIconSlot = (0, slot_helpers_1.getSlotComponent)(slots, 'csvIcon', icons_1.CsvIcon);
+    const ExcelIconSlot = (0, slot_helpers_1.getSlotComponent)(slots, 'excelIcon', icons_1.ExcelIcon);
+    const handleExport = async (format) => {
+        if (!(apiRef === null || apiRef === void 0 ? void 0 : apiRef.current))
+            return;
+        try {
+            if (format === 'csv') {
+                await apiRef.current.export.exportCSV({
+                    filename: exportFilename,
+                });
+            }
+            else {
+                await apiRef.current.export.exportExcel({
+                    filename: exportFilename,
+                });
+            }
+        }
+        catch (error) {
+            console.error('Export failed:', error);
+        }
+    };
+    // Merge all props for maximum flexibility
+    const mergedIconButtonProps = (0, slot_helpers_1.mergeSlotProps)({
+        size: 'small',
+        disabled: isExporting,
+        sx: { flexShrink: 0 },
+    }, exportIconSlotProps, iconButtonProps || {});
+    const mergedMenuItemProps = (0, slot_helpers_1.mergeSlotProps)({
+        sx: { minWidth: 150 },
+    }, menuItemProps || {});
+    return ((0, jsx_runtime_1.jsx)(menu_dropdown_1.MenuDropdown, { anchor: ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: isExporting ? 'Export in progress...' : 'Export data', ...tooltipProps, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { ...mergedIconButtonProps, children: (0, jsx_runtime_1.jsx)(ExportIconSlot, { ...exportIconSlotProps }) }) })), children: ({ handleClose }) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                minWidth: 200,
+                ...menuSx,
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", sx: { p: 2, pb: 1 }, children: "Export Format" }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => {
+                        handleExport('csv');
+                        handleClose();
+                    }, disabled: isExporting, ...mergedMenuItemProps, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(CsvIconSlot, { ...csvIconSlotProps }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "CSV", secondary: "Comma-separated values" })] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => {
+                        handleExport('excel');
+                        handleClose();
+                    }, disabled: isExporting, ...mergedMenuItemProps, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(ExcelIconSlot, { ...excelIconSlotProps }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "Excel", secondary: "Microsoft Excel format" })] }), isExporting && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { p: 2, pt: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: "text.secondary", sx: { display: 'block', textAlign: 'center' }, children: "Export in progress..." }) }))] })) }));
+}

package/{src → dist}/lib/components/toolbar/table-search-control.d.ts

@@ -1,4 +1,5 @@
 import { IconButtonProps, OutlinedInputProps, SxProps } from '@mui/material';
+import { ReactElement } from 'react';
 export interface TableSearchControlProps {
     placeholder?: string;
     autoFocus?: boolean;
@@ -9,4 +10,5 @@ export interface TableSearchControlProps {
     tooltipProps?: any;
     [key: string]: any;
 }
-export declare function TableSearchControl(props?: TableSearchControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableSearchControl(props?: TableSearchControlProps): ReactElement;
+//# sourceMappingURL=table-search-control.d.ts.map

package/dist/lib/components/toolbar/table-search-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-search-control.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toolbar/table-search-control.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqE,eAAe,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChJ,OAAc,EAA4C,YAAY,EAAE,MAAM,OAAO,CAAC;AAKtF,MAAM,WAAW,uBAAuB;IAEpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,uBAA4B,GAAG,YAAY,CAuIpF"}

package/{src → dist}/lib/components/toolbar/table-search-control.js

@@ -1,10 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableSearchControl = TableSearchControl;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const data_table_context_1 = require("../../contexts/data-table-context");
 const slot_helpers_1 = require("../../utils/slot-helpers");
 function TableSearchControl(props = {}) {
@@ -13,6 +46,7 @@ function TableSearchControl(props = {}) {
     const searchInputRef = (0, react_1.useRef)(null);
     const globalFilter = table.getState().globalFilter || '';
     const hasSearch = globalFilter.length > 0;
+    // Extract slot-specific props with enhanced merging
     const searchIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'searchIcon');
     const clearIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'clearIcon');
     const SearchIconSlot = (0, slot_helpers_1.getSlotComponent)(slots, 'searchIcon', icons_material_1.Search);
@@ -22,10 +56,12 @@ function TableSearchControl(props = {}) {
     }, [table]);
     const handleSearchToggle = () => {
         if (searchVisible || hasSearch) {
+            // If search is visible or has text, hide it and clear
             setSearchVisible(false);
             table.setGlobalFilter('');
         }
         else {
+            // Show search input
             setSearchVisible(true);
         }
     };
@@ -36,12 +72,14 @@ function TableSearchControl(props = {}) {
         }
     };
     const handleSearchBlur = () => {
+        // Only auto-hide if search is empty
         if (searchVisible && !hasSearch) {
             setSearchVisible(false);
         }
     };
     (0, react_1.useEffect)(() => {
         if (searchVisible && searchInputRef.current) {
+            // Add a delay to ensure the Collapse animation completes
             const timer = setTimeout(() => {
                 var _a;
                 (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -50,6 +88,7 @@ function TableSearchControl(props = {}) {
         }
         return undefined;
     }, [searchVisible]);
+    // Merge all props for maximum flexibility
     const mergedSearchIconProps = (0, slot_helpers_1.mergeSlotProps)({
         size: 'small',
         onClick: handleSearchToggle,
@@ -70,5 +109,9 @@ function TableSearchControl(props = {}) {
         autoFocus: props.autoFocus,
         sx: { minWidth: 200 },
     }, props.inputProps || {});
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: Object.assign({ display: 'flex', alignItems: 'center' }, props.containerSx), children: [!(searchVisible || hasSearch) && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: "Search" }, props.tooltipProps, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({}, mergedSearchIconProps, { children: (0, jsx_runtime_1.jsx)(SearchIconSlot, Object.assign({}, searchIconSlotProps)) })) }))), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: searchVisible || hasSearch, orientation: "horizontal", timeout: 200, children: (0, jsx_runtime_1.jsx)(material_1.OutlinedInput, Object.assign({}, mergedInputProps, { endAdornment: hasSearch ? ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({}, mergedClearIconProps, { children: (0, jsx_runtime_1.jsx)(ClearIconSlot, Object.assign({}, clearIconSlotProps)) })) })) : null })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            display: 'flex',
+            alignItems: 'center',
+            ...props.containerSx,
+        }, children: [!(searchVisible || hasSearch) && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Search", ...props.tooltipProps, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { ...mergedSearchIconProps, children: (0, jsx_runtime_1.jsx)(SearchIconSlot, { ...searchIconSlotProps }) }) })), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: searchVisible || hasSearch, orientation: "horizontal", timeout: 200, children: (0, jsx_runtime_1.jsx)(material_1.OutlinedInput, { ...mergedInputProps, endAdornment: hasSearch ? ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { ...mergedClearIconProps, children: (0, jsx_runtime_1.jsx)(ClearIconSlot, { ...clearIconSlotProps }) }) })) : null }) })] }));
 }

package/{src → dist}/lib/components/toolbar/table-size-control.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { IconButtonProps, SxProps } from '@mui/material';
 export interface TableSizeControlProps {
     iconButtonProps?: IconButtonProps;
@@ -6,4 +7,5 @@ export interface TableSizeControlProps {
     containerSx?: SxProps;
     [key: string]: any;
 }
-export declare function TableSizeControl(props?: TableSizeControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableSizeControl(props?: TableSizeControlProps): ReactElement;
+//# sourceMappingURL=table-size-control.d.ts.map

package/dist/lib/components/toolbar/table-size-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-size-control.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toolbar/table-size-control.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAA6D,eAAe,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOpH,MAAM,WAAW,qBAAqB;IAElC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,qBAA0B,GAAG,YAAY,CAmFhF"}

package/{src → dist}/lib/components/toolbar/table-size-control.js

@@ -1,7 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableSizeControl = TableSizeControl;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const menu_dropdown_1 = require("../droupdown/menu-dropdown");
@@ -10,6 +14,7 @@ const icons_1 = require("../../icons");
 const slot_helpers_1 = require("../../utils/slot-helpers");
 function TableSizeControl(props = {}) {
     const { tableSize, onTableSizeChange, slotProps, slots } = (0, data_table_context_1.useDataTableContext)();
+    // Extract slot-specific props with enhanced merging
     const tableSizeIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'tableSizeIcon');
     const tableSizeSmallIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'tableSizeSmallIcon');
     const tableSizeMediumIconSlotProps = (0, slot_helpers_1.extractSlotProps)(slotProps, 'tableSizeMediumIcon');
@@ -21,24 +26,31 @@ function TableSizeControl(props = {}) {
             value: 'small',
             label: 'Compact',
             description: 'Small padding, compact rows',
-            icon: (0, jsx_runtime_1.jsx)(TableSizeSmallIconSlot, Object.assign({}, tableSizeSmallIconSlotProps)),
+            icon: (0, jsx_runtime_1.jsx)(TableSizeSmallIconSlot, { ...tableSizeSmallIconSlotProps }),
         },
         {
             value: 'medium',
             label: 'Standard',
             description: 'Default padding and spacing',
-            icon: (0, jsx_runtime_1.jsx)(TableSizeMediumIconSlot, Object.assign({}, tableSizeMediumIconSlotProps)),
+            icon: (0, jsx_runtime_1.jsx)(TableSizeMediumIconSlot, { ...tableSizeMediumIconSlotProps }),
         },
     ];
+    // Merge all props for maximum flexibility
     const mergedIconButtonProps = (0, slot_helpers_1.mergeSlotProps)({
         size: 'small',
         sx: { flexShrink: 0 },
     }, tableSizeIconSlotProps, props.iconButtonProps || {});
-    return ((0, jsx_runtime_1.jsx)(menu_dropdown_1.MenuDropdown, { anchor: ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: "Table size" }, props.tooltipProps, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({}, mergedIconButtonProps, { children: (0, jsx_runtime_1.jsx)(TableSizeIconSlot, Object.assign({}, tableSizeIconSlotProps)) })) }))), children: SIZE_OPTIONS.map((option) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { selected: tableSize === option.value, onClick: () => onTableSizeChange(option.value), sx: Object.assign({ minWidth: 200 }, props.containerSx), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: { minWidth: 36 }, children: option.icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: option.label, secondary: option.description, primaryTypographyProps: {
-                        variant: 'body2',
-                        fontWeight: tableSize === option.value ? 600 : 400,
-                    }, secondaryTypographyProps: {
-                        variant: 'caption',
-                        color: 'text.secondary',
+    return ((0, jsx_runtime_1.jsx)(menu_dropdown_1.MenuDropdown, { anchor: ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Table size", ...props.tooltipProps, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { ...mergedIconButtonProps, children: (0, jsx_runtime_1.jsx)(TableSizeIconSlot, { ...tableSizeIconSlotProps }) }) })), children: SIZE_OPTIONS.map((option) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { selected: tableSize === option.value, onClick: () => onTableSizeChange(option.value), sx: {
+                minWidth: 200,
+                ...props.containerSx,
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: { minWidth: 36 }, children: option.icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: option.label, secondary: option.description, slotProps: {
+                        primary: {
+                            variant: 'body2',
+                            fontWeight: tableSize === option.value ? 600 : 400,
+                        },
+                        secondary: {
+                            variant: 'caption',
+                            color: 'text.secondary',
+                        },
                     } })] }, option.value))) }));
 }

package/{src → dist}/lib/contexts/data-table-context.d.ts

@@ -1,7 +1,10 @@
 import { Table } from '@tanstack/react-table';
-import { ReactNode, RefObject } from 'react';
+import { ReactNode, RefObject, ReactElement } from 'react';
 import { ColumnFilterState, TableSize } from '../types';
 import { DataTableApi } from '../types/data-table-api';
+/**
+ * Context value for the DataTable
+ */
 interface DataTableContextValue<T = any> {
     table?: Table<T>;
     apiRef?: RefObject<DataTableApi<T> | null>;
@@ -38,6 +41,7 @@ interface DataTableContextValue<T = any> {
 interface DataTableProviderProps<T = any> extends DataTableContextValue<T> {
     children: ReactNode;
 }
-export declare function DataTableProvider<T = any>({ children, table, apiRef, dataMode, tableSize, onTableSizeChange, columnFilter, onChangeColumnFilter, slots, slotProps, isExporting, exportController, onCancelExport, exportFilename, onExportProgress, onExportComplete, onExportError, onServerExport, }: DataTableProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableProvider<T = any>({ children, table, apiRef, dataMode, tableSize, onTableSizeChange, columnFilter, onChangeColumnFilter, slots, slotProps, isExporting, exportController, onCancelExport, exportFilename, onExportProgress, onExportComplete, onExportError, onServerExport, }: DataTableProviderProps<T>): ReactElement;
 export declare function useDataTableContext<T = any>(): DataTableContextValue<T>;
 export {};
+//# sourceMappingURL=data-table-context.d.ts.map

package/dist/lib/contexts/data-table-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-context.d.ts","sourceRoot":"","sources":["../../../src/lib/contexts/data-table-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAc,EAA6B,SAAS,EAAW,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtG,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD;;GAEG;AACH,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAGhC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAG5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3G,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC;QAAE,IAAI,EAAE,GAAG,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACxF;AAID,UAAU,sBAAsB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,GAAG,EAAE,EACvC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,oBAAoB,EACpB,KAAU,EACV,SAAc,EACd,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,cAAc,GACjB,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,YAAY,CA4C1C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,GAAG,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAMvE"}

package/{src → dist}/lib/contexts/data-table-context.js

@@ -1,9 +1,42 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTableProvider = DataTableProvider;
 exports.useDataTableContext = useDataTableContext;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const DataTableContext = (0, react_1.createContext)(null);
 function DataTableProvider({ children, table, apiRef, dataMode, tableSize, onTableSizeChange, columnFilter, onChangeColumnFilter, slots = {}, slotProps = {}, isExporting, exportController, onCancelExport, exportFilename, onExportProgress, onExportComplete, onExportError, onServerExport, }) {
     const value = (0, react_1.useMemo)(() => ({

package/dist/lib/data-table.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Main DataTable component with all features
+ */
+export declare const DataTable: any;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/lib/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/lib/data-table.tsx"],"names":[],"mappings":"AA6EA;;GAEG;AACH,eAAO,MAAM,SAAS,KAsyDpB,CAAC"}