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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Ack Solutions
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/{src → dist}/index.d.ts

@@ -1,5 +1,23 @@
-export { DataTable } from './lib/components/table';
-export type { DataTableProps } from './lib/components/table';
+/**
+ * MUI TanStack DataTable
+ *
+ * A comprehensive, highly customizable data table component built with:
+ * - Material-UI (MUI) for styling
+ * - TanStack Table for table logic
+ * - TypeScript for type safety
+ *
+ * Features:
+ * - Column sorting, filtering, resizing, reordering, and pinning
+ * - Row selection, expansion, and virtualization
+ * - Pagination with customizable page sizes
+ * - Global and column-specific search/filtering
+ * - Export functionality (CSV, XLSX, JSON)
+ * - Responsive design with mobile support
+ * - Accessibility features
+ * - Customizable toolbar and actions
+ * - Loading states and empty data handling
+ */
+export { DataTable } from './lib/data-table';
 export * from './lib/components/headers';
 export * from './lib/components/rows';
 export * from './lib/components/filters';
@@ -11,8 +29,7 @@ export * from './lib/utils/styling-helpers';
 export * from './lib/utils/column-helpers';
 export * from './lib/utils/table-helpers';
 export * from './lib/utils/logger';
-export * from './lib/hooks';
 export * from './lib/types';
 export type { Column, ColumnDef, Row, Table, Header, Cell, SortingState, ColumnFiltersState, VisibilityState, ColumnOrderState, ColumnPinningState, PaginationState, } from '@tanstack/react-table';
 export * from './lib/features';
-export * from './lib/examples';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0CAA0C,CAAC;AAGzD,OAAO,EACH,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,GACnB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC;AAG5B,YAAY,EACR,MAAM,EACN,SAAS,EACT,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAClB,MAAM,uBAAuB,CAAC;AAG/B,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,63 @@
+"use strict";
+/**
+ * MUI TanStack DataTable
+ *
+ * A comprehensive, highly customizable data table component built with:
+ * - Material-UI (MUI) for styling
+ * - TanStack Table for table logic
+ * - TypeScript for type safety
+ *
+ * Features:
+ * - Column sorting, filtering, resizing, reordering, and pinning
+ * - Row selection, expansion, and virtualization
+ * - Pagination with customizable page sizes
+ * - Global and column-specific search/filtering
+ * - Export functionality (CSV, XLSX, JSON)
+ * - Responsive design with mobile support
+ * - Accessibility features
+ * - Customizable toolbar and actions
+ * - Loading states and empty data handling
+ */
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableToolbar = exports.BulkActionsToolbar = exports.TableSizeControl = exports.TableExportControl = exports.ColumnResetControl = exports.ColumnPinningControl = exports.ColumnVisibilityControl = exports.DataTable = void 0;
+// Main components - be specific to avoid conflicts
+var data_table_1 = require("./lib/data-table");
+Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return data_table_1.DataTable; } });
+// Other component exports
+__exportStar(require("./lib/components/headers"), exports);
+__exportStar(require("./lib/components/rows"), exports);
+__exportStar(require("./lib/components/filters"), exports);
+__exportStar(require("./lib/components/pagination"), exports);
+__exportStar(require("./lib/components/droupdown/menu-dropdown"), exports);
+// Individual toolbar components for custom toolbars
+var toolbar_1 = require("./lib/components/toolbar");
+Object.defineProperty(exports, "ColumnVisibilityControl", { enumerable: true, get: function () { return toolbar_1.ColumnVisibilityControl; } });
+Object.defineProperty(exports, "ColumnPinningControl", { enumerable: true, get: function () { return toolbar_1.ColumnPinningControl; } });
+Object.defineProperty(exports, "ColumnResetControl", { enumerable: true, get: function () { return toolbar_1.ColumnResetControl; } });
+Object.defineProperty(exports, "TableExportControl", { enumerable: true, get: function () { return toolbar_1.TableExportControl; } });
+Object.defineProperty(exports, "TableSizeControl", { enumerable: true, get: function () { return toolbar_1.TableSizeControl; } });
+Object.defineProperty(exports, "BulkActionsToolbar", { enumerable: true, get: function () { return toolbar_1.BulkActionsToolbar; } });
+Object.defineProperty(exports, "DataTableToolbar", { enumerable: true, get: function () { return toolbar_1.DataTableToolbar; } });
+// Utilities and helpers
+__exportStar(require("./lib/utils/styling-helpers"), exports);
+__exportStar(require("./lib/utils/column-helpers"), exports);
+__exportStar(require("./lib/utils/table-helpers"), exports);
+__exportStar(require("./lib/utils/logger"), exports);
+// Custom hooks
+__exportStar(require("./lib/types"), exports);
+// Custom features (this includes SelectMode from features)
+__exportStar(require("./lib/features"), exports);

package/{src → dist}/lib/components/droupdown/menu-dropdown.d.ts

@@ -13,5 +13,6 @@ export interface MenuDropdownProps extends Omit<MenuProps, 'children' | 'open'>
     label?: ReactNode;
     component?: typeof Popover | typeof Menu;
 }
-export declare function MenuDropdown({ children, anchor, label, component, sx, ...props }: MenuDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuDropdown({ children, anchor, label, component, ...props }: MenuDropdownProps): ReactElement;
 export {};
+//# sourceMappingURL=menu-dropdown.d.ts.map

package/dist/lib/components/droupdown/menu-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/droupdown/menu-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACjE,OAAc,EAEV,YAAY,EACZ,SAAS,EAIZ,MAAM,OAAO,CAAC;AAGf,KAAK,aAAa,GAAG;IACjB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS,CAAC,GAAG,SAAS,GAAG,GAAG,CAAC;IACnE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,OAAO,GAAG,OAAO,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACX,EAAE,iBAAiB,GAAG,YAAY,CA8DlC"}

package/{src → dist}/lib/components/droupdown/menu-dropdown.js

@@ -1,12 +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.MenuDropdown = MenuDropdown;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const react_1 = require("react");
-function MenuDropdown(_a) {
-    var { children, anchor, label, component, sx } = _a, props = tslib_1.__rest(_a, ["children", "anchor", "label", "component", "sx"]);
+const react_1 = __importStar(require("react"));
+function MenuDropdown({ children, anchor, label, component, ...props }) {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const isOpen = (0, react_1.useMemo)(() => Boolean(anchorEl), [anchorEl]);
     const handleClick = (0, react_1.useCallback)((event) => {
@@ -37,16 +68,16 @@ function MenuDropdown(_a) {
         label,
     ]);
     const DropDownComponent = (component || material_1.Popover);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [anchorNode, (0, jsx_runtime_1.jsx)(DropDownComponent, Object.assign({ anchorEl: anchorEl, open: isOpen, onClose: handleClose, anchorOrigin: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [anchorNode, (0, jsx_runtime_1.jsx)(DropDownComponent, { anchorEl: anchorEl, open: isOpen, onClose: handleClose, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'left',
                 }, transformOrigin: {
                     vertical: 'top',
                     horizontal: 'left',
-                } }, props, { children: typeof children === 'function' ?
+                }, ...props, children: typeof children === 'function' ?
                     children({
                         handleClose,
                         open: isOpen,
                     }) :
-                    children }))] }));
+                    children })] }));
 }

package/{src → dist}/lib/components/filters/filter-value-input.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { FormControlProps, TextFieldProps, SelectProps, SxProps } from '@mui/material';
 import { Column } from '@tanstack/react-table';
 import { ColumnFilterRule } from '../../features';
@@ -12,5 +13,6 @@ interface FilterValueInputProps<T> {
     containerSx?: SxProps;
     [key: string]: any;
 }
-export declare function FilterValueInput<T>(props: FilterValueInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterValueInput<T>(props: FilterValueInputProps<T>): ReactElement;
 export {};
+//# sourceMappingURL=filter-value-input.d.ts.map

package/dist/lib/components/filters/filter-value-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-value-input.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/filters/filter-value-input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAqF,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE1K,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAM/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,UAAU,qBAAqB,CAAC,CAAC;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,YAAY,CAwMjF"}

package/dist/lib/components/filters/filter-value-input.js

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterValueInput = FilterValueInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
+const moment_1 = __importDefault(require("moment"));
+const column_helpers_1 = require("../../utils/column-helpers");
+const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+const x_date_pickers_1 = require("@mui/x-date-pickers");
+function FilterValueInput(props) {
+    const { filter, column, onValueChange, formControlProps, textFieldProps, selectProps, datePickerProps, containerSx, ...otherProps } = props;
+    const columnType = (0, column_helpers_1.getColumnType)(column);
+    const customComponent = (0, column_helpers_1.getCustomFilterComponent)(column);
+    const options = (0, column_helpers_1.getColumnOptions)(column);
+    const operator = filter.operator;
+    // If custom component is provided, use it
+    if (customComponent) {
+        const CustomComponent = customComponent;
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: containerSx, children: (0, jsx_runtime_1.jsx)(CustomComponent, { value: filter.value, onChange: onValueChange, filter: filter, column: column, ...otherProps }) }));
+    }
+    // Boolean type - Yes/No select
+    if (columnType === 'boolean') {
+        return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { size: "small", sx: {
+                flex: 1,
+                minWidth: 120,
+                ...containerSx,
+            }, ...formControlProps, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Value" }), (0, jsx_runtime_1.jsxs)(material_1.Select, { value: filter.value || 'any', label: "Value", onChange: (e) => onValueChange(e.target.value), ...selectProps, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: 'any', children: "Any" }, 'any'), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: 'true', children: "True" }, 'true'), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: 'false', children: "False" }, 'false')] })] }));
+    }
+    // Select type with options
+    if (options && options.length > 0) {
+        // Multi-select for 'in' operator
+        if (operator === 'in') {
+            const currentValue = Array.isArray(filter.value) ? filter.value : [];
+            return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { size: "small", sx: {
+                    flex: 1,
+                    minWidth: 120,
+                    ...containerSx,
+                }, ...formControlProps, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Values" }), (0, jsx_runtime_1.jsx)(material_1.Select, { multiple: true, value: currentValue, label: "Values", onChange: (e) => onValueChange(e.target.value), renderValue: (selected) => selected.join(', '), ...selectProps, children: options.map(option => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { value: option.value, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: currentValue.includes(option.value) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: option.label })] }, String(option.value)))) })] }));
+        }
+        // Single select for other operators
+        return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { size: "small", sx: {
+                flex: 1,
+                minWidth: 120,
+                ...containerSx,
+            }, ...formControlProps, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Value" }), (0, jsx_runtime_1.jsx)(material_1.Select, { value: filter.value, label: "Value", onChange: (e) => onValueChange(e.target.value), ...selectProps, children: options.map(option => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option.value, children: option.label }, String(option.value)))) })] }));
+    }
+    // Date type
+    if (columnType === 'date') {
+        // Only single date picker, no 'between' support
+        return ((0, jsx_runtime_1.jsx)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { value: filter.value ? (0, moment_1.default)(filter.value) : null, onChange: (e) => onValueChange(e === null || e === void 0 ? void 0 : e.toDate()), slotProps: {
+                    textField: {
+                        size: 'small',
+                        label: 'Value',
+                        sx: {
+                            flex: 1,
+                            minWidth: 120,
+                            ...containerSx,
+                        },
+                        ...textFieldProps,
+                    },
+                }, ...datePickerProps }) }));
+    }
+    // Number type
+    if (columnType === 'number') {
+        // Only single number input, no 'between' support
+        return ((0, jsx_runtime_1.jsx)(material_1.TextField, { size: "small", label: "Value", value: filter.value, onChange: (e) => onValueChange(e.target.value), type: "number", sx: {
+                flex: 1,
+                minWidth: 120,
+                ...containerSx,
+            }, ...textFieldProps }));
+    }
+    // Default: text input
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { size: "small", label: "Value", value: filter.value, onChange: (e) => onValueChange(e.target.value), sx: {
+            flex: 1,
+            minWidth: 120,
+            ...containerSx,
+        }, ...textFieldProps }));
+}

package/{src → dist}/lib/components/filters/index.d.ts

@@ -21,3 +21,4 @@ export declare const FILTER_OPERATORS: {
     }[];
 };
 export * from './filter-value-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/filters/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CA2H5B,CAAC;AAEF,cAAc,sBAAsB,CAAC"}

package/dist/lib/components/filters/index.js

@@ -0,0 +1,142 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILTER_OPERATORS = void 0;
+exports.FILTER_OPERATORS = {
+    text: [
+        {
+            value: 'contains',
+            label: 'Contains',
+        },
+        {
+            value: 'startsWith',
+            label: 'Starts with',
+        },
+        {
+            value: 'endsWith',
+            label: 'Ends with',
+        },
+        {
+            value: 'equals',
+            label: 'Equals',
+        },
+        {
+            value: 'notEquals',
+            label: 'Not equals',
+        },
+        {
+            value: 'isEmpty',
+            label: 'Is empty',
+        },
+        {
+            value: 'isNotEmpty',
+            label: 'Is not empty',
+        },
+    ],
+    boolean: [
+        {
+            value: 'is',
+            label: 'Is',
+        },
+    ],
+    number: [
+        {
+            value: 'equals',
+            label: 'Equals',
+        },
+        {
+            value: 'notEquals',
+            label: 'Not equals',
+        },
+        {
+            value: 'greaterThan',
+            label: 'Greater than',
+        },
+        {
+            value: 'lessThan',
+            label: 'Less than',
+        },
+        {
+            value: 'greaterThanOrEqual',
+            label: 'Greater than or equal',
+        },
+        {
+            value: 'lessThanOrEqual',
+            label: 'Less than or equal',
+        },
+        {
+            value: 'isEmpty',
+            label: 'Is empty',
+        },
+        {
+            value: 'isNotEmpty',
+            label: 'Is not empty',
+        },
+    ],
+    date: [
+        {
+            value: 'equals',
+            label: 'Equals',
+        },
+        {
+            value: 'notEquals',
+            label: 'Not equals',
+        },
+        {
+            value: 'after',
+            label: 'After',
+        },
+        {
+            value: 'before',
+            label: 'Before',
+        },
+        {
+            value: 'isEmpty',
+            label: 'Is empty',
+        },
+        {
+            value: 'isNotEmpty',
+            label: 'Is not empty',
+        },
+    ],
+    select: [
+        {
+            value: 'equals',
+            label: 'Equals',
+        },
+        {
+            value: 'notEquals',
+            label: 'Not equals',
+        },
+        {
+            value: 'in',
+            label: 'In',
+        },
+        {
+            value: 'notIn',
+            label: 'Not in',
+        },
+        {
+            value: 'isEmpty',
+            label: 'Is empty',
+        },
+        {
+            value: 'isNotEmpty',
+            label: 'Is not empty',
+        },
+    ],
+};
+__exportStar(require("./filter-value-input"), exports);

package/{src → dist}/lib/components/headers/draggable-header.d.ts

@@ -1,6 +1,5 @@
 import { SxProps } from '@mui/material';
 import { Header } from '@tanstack/react-table';
-import React from 'react';
 interface DraggableHeaderProps<T> {
     header: Header<T, unknown>;
     enableSorting?: boolean;
@@ -13,6 +12,7 @@ interface DraggableHeaderProps<T> {
     slotProps?: Record<string, any>;
     [key: string]: any;
 }
-export declare function DraggableHeader<T>(props: DraggableHeaderProps<T>): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | import("react/jsx-runtime").JSX.Element;
+export declare function DraggableHeader<T>(props: DraggableHeaderProps<T>): any;
 export declare const DraggableHeaderMemo: typeof DraggableHeader;
 export {};
+//# sourceMappingURL=draggable-header.d.ts.map

package/dist/lib/components/headers/draggable-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-header.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/headers/draggable-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAK3D,UAAU,oBAAoB,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,OA6ShE;AAGD,eAAO,MAAM,mBAAmB,EAAkC,OAAO,eAAe,CAAC"}