@ackplus/react-tanstack-data-table 1.0.19-beta-0.6 → 1.0.19-beta-0.8

package/{lib → src/lib}/examples/simple-local-example.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { Box, Typography, Chip } from '@mui/material';
-import { DataTable } from '../components';
-// Simple static data
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleLocalExample = SimpleLocalExample;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
+const components_1 = require("../components");
 const products = [
     { id: 1, name: 'Laptop Pro', category: 'Electronics', price: 1299, inStock: true, rating: 4.5 },
     { id: 2, name: 'Wireless Mouse', category: 'Electronics', price: 29, inStock: true, rating: 4.2 },
@@ -22,7 +24,6 @@ const products = [
     { id: 16, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
     { id: 17, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
 ];
-// Simple column definitions
 const columns = [
     {
         accessorKey: 'name',
@@ -33,7 +34,7 @@ const columns = [
         accessorKey: 'category',
         header: 'Category',
         size: 120,
-        cell: ({ getValue }) => (_jsx(Chip, { label: getValue(), size: "small", variant: "outlined", color: "primary" })),
+        cell: ({ getValue }) => ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: getValue(), size: "small", variant: "outlined", color: "primary" })),
     },
     {
         accessorKey: 'price',
@@ -45,7 +46,7 @@ const columns = [
         accessorKey: 'inStock',
         header: 'In Stock',
         size: 100,
-        cell: ({ getValue }) => (_jsx(Chip, { label: getValue() ? 'Yes' : 'No', color: getValue() ? 'success' : 'error', size: "small" })),
+        cell: ({ getValue }) => ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: getValue() ? 'Yes' : 'No', color: getValue() ? 'success' : 'error', size: "small" })),
     },
     {
         accessorKey: 'rating',
@@ -54,9 +55,8 @@ const columns = [
         cell: ({ getValue }) => `⭐ ${getValue().toFixed(1)}`,
     },
 ];
-export function SimpleLocalExample() {
-    // Memoize bulkActions function to prevent infinite re-renders
-    const bulkActions = useCallback((selectionState) => (_jsxs(Box, { sx: { display: 'flex', gap: 1 }, children: [_jsx("button", { onClick: () => {
+function SimpleLocalExample() {
+    const bulkActions = (0, react_1.useCallback)((selectionState) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', gap: 1 }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => {
                     const count = selectionState.type === 'include'
                         ? selectionState.ids.length
                         : products.length - selectionState.ids.length;
@@ -67,7 +67,7 @@ export function SimpleLocalExample() {
                     border: '1px solid #ccc',
                     background: '#f5f5f5',
                     cursor: 'pointer'
-                }, children: "\uD83D\uDCCA Show Count" }), _jsx("button", { onClick: () => {
+                }, children: "\uD83D\uDCCA Show Count" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
                     let selectedProducts;
                     if (selectionState.type === 'include') {
                         selectedProducts = products.filter(p => selectionState.ids.includes(p.id.toString()));
@@ -84,11 +84,7 @@ export function SimpleLocalExample() {
                     background: '#f5f5f5',
                     cursor: 'pointer'
                 }, children: "\uD83D\uDCB0 Calculate Total" })] })), []);
-    return (_jsxs(Box, { sx: { p: 3 }, children: [_jsx(Typography, { variant: "h4", gutterBottom: true, children: "Simple Local Data Example" }), _jsx(Typography, { variant: "body1", color: "text.secondary", sx: { mb: 3 }, children: "A basic example using static local data with no API calls. Demonstrates essential DataTable features with minimal setup." }), _jsx(DataTable, { data: products, totalRow: products.length, columns: columns, 
-                //Enable basic features
-                enableSorting: true, enableGlobalFilter: true, enableColumnFilter: true, 
-                // enablePagination={false}
-                enableColumnResizing: true, enableRowSelection: true, enableBulkActions: true, bulkActions: bulkActions, fitToScreen: true, initialState: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 3 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", gutterBottom: true, children: "Simple Local Data Example" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", color: "text.secondary", sx: { mb: 3 }, children: "A basic example using static local data with no API calls. Demonstrates essential DataTable features with minimal setup." }), (0, jsx_runtime_1.jsx)(components_1.DataTable, { data: products, totalRow: products.length, columns: columns, enableSorting: true, enableGlobalFilter: true, enableColumnFilter: true, enableColumnResizing: true, enableRowSelection: true, enableBulkActions: true, bulkActions: bulkActions, fitToScreen: true, initialState: {
                     pagination: {
                         pageIndex: 0,
                         pageSize: 5,
@@ -97,5 +93,5 @@ export function SimpleLocalExample() {
                     pagination: {
                         rowsPerPageOptions: [5, 10, 20, 30, 40, 50],
                     },
-                } }), _jsx(Box, { sx: { mt: 2, p: 2, backgroundColor: 'grey.50', borderRadius: 1 }, children: _jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["\uD83D\uDCA1 ", _jsx("strong", { children: "This example demonstrates:" }), _jsx("br", {}), "\u2022 Basic table with static local data", _jsx("br", {}), "\u2022 Simple column definitions with custom cell renderers", _jsx("br", {}), "\u2022 Sorting, filtering, and pagination", _jsx("br", {}), "\u2022 Row selection with bulk actions", _jsx("br", {}), "\u2022 Minimal setup - perfect for getting started"] }) })] }));
+                } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mt: 2, p: 2, backgroundColor: 'grey.50', borderRadius: 1 }, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", color: "text.secondary", children: ["\uD83D\uDCA1 ", (0, jsx_runtime_1.jsx)("strong", { children: "This example demonstrates:" }), (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Basic table with static local data", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Simple column definitions with custom cell renderers", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Sorting, filtering, and pagination", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Row selection with bulk actions", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Minimal setup - perfect for getting started"] }) })] }));
 }

package/src/lib/features/custom-column-filter.feature.d.ts

@@ -0,0 +1,45 @@
+import { Table, TableFeature, RowData, Updater, RowModel } from '@tanstack/react-table';
+import type { CustomColumnFilterState } from '../types/table.types';
+export interface ColumnFilterRule {
+    id: string;
+    columnId: string;
+    operator: string;
+    value: any;
+    columnType?: string;
+}
+export interface CustomColumnFilterOptions {
+    enableCustomColumnFilter?: boolean;
+    onCustomColumnFilterChange?: (updater: Updater<CustomColumnFilterState>) => void;
+    onCustomColumnFilterApply?: (state: CustomColumnFilterState) => void;
+}
+export interface CustomColumnFilterTableState {
+    customColumnFilter: CustomColumnFilterState;
+}
+declare module '@tanstack/table-core' {
+    interface TableState extends CustomColumnFilterTableState {
+    }
+    interface TableOptionsResolved<TData extends RowData> extends CustomColumnFilterOptions {
+    }
+    interface Table<TData extends RowData> extends CustomColumnFilterInstance<TData> {
+    }
+}
+export interface CustomColumnFilterInstance<TData extends RowData> {
+    setCustomColumnFilter: (updater: Updater<CustomColumnFilterState>) => void;
+    addPendingColumnFilter: (columnId: string, operator: string, value: any) => void;
+    updatePendingColumnFilter: (filterId: string, updates: Partial<ColumnFilterRule>) => void;
+    removePendingColumnFilter: (filterId: string) => void;
+    clearAllPendingColumnFilters: () => void;
+    setPendingFilterLogic: (logic: 'AND' | 'OR') => void;
+    applyPendingColumnFilters: () => void;
+    addColumnFilter: (columnId: string, operator: string, value: any) => void;
+    updateColumnFilter: (filterId: string, updates: Partial<ColumnFilterRule>) => void;
+    removeColumnFilter: (filterId: string) => void;
+    clearAllColumnFilters: () => void;
+    setFilterLogic: (logic: 'AND' | 'OR') => void;
+    getActiveColumnFilters: () => ColumnFilterRule[];
+    getPendingColumnFilters: () => ColumnFilterRule[];
+    getCustomColumnFilterState: () => CustomColumnFilterState;
+}
+export declare const CustomColumnFilterFeature: TableFeature<any>;
+export declare function matchesCustomColumnFilters<TData extends RowData>(row: any, filters: ColumnFilterRule[], logic?: 'AND' | 'OR'): boolean;
+export declare const getCombinedFilteredRowModel: <TData>() => (table: Table<TData>) => () => RowModel<TData>;

package/{lib → src/lib}/features/custom-column-filter.feature.js

@@ -1,45 +1,36 @@
-/**
- * Custom Column Filter Feature for TanStack Table
- *
- * This feature adds advanced column filtering capabilities to TanStack Table
- * following the official custom features pattern introduced in v8.14.0
- */
-import { functionalUpdate, makeStateUpdater, getFilteredRowModel as getDefaultFilter, } from '@tanstack/react-table';
-import moment from 'moment';
-// The custom feature implementation
-export const CustomColumnFilterFeature = {
-    // Define the feature's initial state
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCombinedFilteredRowModel = exports.CustomColumnFilterFeature = void 0;
+exports.matchesCustomColumnFilters = matchesCustomColumnFilters;
+const tslib_1 = require("tslib");
+const react_table_1 = require("@tanstack/react-table");
+const moment_1 = tslib_1.__importDefault(require("moment"));
+exports.CustomColumnFilterFeature = {
     getInitialState: (state) => {
-        return {
-            customColumnFilter: {
+        return Object.assign({ customColumnFilter: {
                 filters: [],
                 logic: 'AND',
                 pendingFilters: [],
                 pendingLogic: 'AND',
-            },
-            ...state,
-        };
+            } }, state);
     },
-    // Define the feature's default options
     getDefaultOptions: (table) => {
         return {
             enableCustomColumnFilter: true,
-            onCustomColumnFilterChange: makeStateUpdater('customColumnFilter', table),
+            onCustomColumnFilterChange: (0, react_table_1.makeStateUpdater)('customColumnFilter', table),
             onCustomColumnFilterApply: (state) => {
-                // Implementation of onCustomColumnFilterApply
             },
         };
     },
-    // Define the feature's table instance methods
     createTable: (table) => {
         table.setCustomColumnFilter = (updater) => {
+            var _a, _b;
             const safeUpdater = (old) => {
-                const newState = functionalUpdate(updater, old);
+                const newState = (0, react_table_1.functionalUpdate)(updater, old);
                 return newState;
             };
-            return table.options.onCustomColumnFilterChange?.(safeUpdater);
+            return (_b = (_a = table.options).onCustomColumnFilterChange) === null || _b === void 0 ? void 0 : _b.call(_a, safeUpdater);
         };
-        // === PENDING FILTER METHODS (Draft state) ===
         table.addPendingColumnFilter = (columnId, operator, value) => {
             table.setCustomColumnFilter((old) => {
                 const newFilter = {
@@ -48,57 +39,35 @@ export const CustomColumnFilterFeature = {
                     operator,
                     value,
                 };
-                return {
-                    ...old,
-                    pendingFilters: [...old.pendingFilters, newFilter],
-                };
+                return Object.assign(Object.assign({}, old), { pendingFilters: [...old.pendingFilters, newFilter] });
             });
         };
         table.updatePendingColumnFilter = (filterId, updates) => {
             table.setCustomColumnFilter((old) => {
-                const updatedFilters = old.pendingFilters.map((filter) => filter.id === filterId ? { ...filter, ...updates } : filter);
-                return {
-                    ...old,
-                    pendingFilters: updatedFilters,
-                };
+                const updatedFilters = old.pendingFilters.map((filter) => filter.id === filterId ? Object.assign(Object.assign({}, filter), updates) : filter);
+                return Object.assign(Object.assign({}, old), { pendingFilters: updatedFilters });
             });
         };
         table.removePendingColumnFilter = (filterId) => {
-            table.setCustomColumnFilter((old) => ({
-                ...old,
-                pendingFilters: old.pendingFilters.filter((filter) => filter.id !== filterId),
-            }));
+            table.setCustomColumnFilter((old) => (Object.assign(Object.assign({}, old), { pendingFilters: old.pendingFilters.filter((filter) => filter.id !== filterId) })));
         };
         table.clearAllPendingColumnFilters = () => {
-            table.setCustomColumnFilter((old) => ({
-                ...old,
-                pendingFilters: [],
-            }));
+            table.setCustomColumnFilter((old) => (Object.assign(Object.assign({}, old), { pendingFilters: [] })));
         };
         table.setPendingFilterLogic = (logic) => {
-            table.setCustomColumnFilter((old) => ({
-                ...old,
-                pendingLogic: logic,
-            }));
+            table.setCustomColumnFilter((old) => (Object.assign(Object.assign({}, old), { pendingLogic: logic })));
         };
-        // === APPLY PENDING FILTERS ===
         table.applyPendingColumnFilters = () => {
             table.setCustomColumnFilter((old) => {
-                const newState = {
-                    ...old,
-                    filters: [...old.pendingFilters],
-                    logic: old.pendingLogic,
-                };
-                // Call the apply callback after state update
+                const newState = Object.assign(Object.assign({}, old), { filters: [...old.pendingFilters], logic: old.pendingLogic });
                 setTimeout(() => {
-                    table.options.onCustomColumnFilterApply?.(newState);
+                    var _a, _b;
+                    (_b = (_a = table.options).onCustomColumnFilterApply) === null || _b === void 0 ? void 0 : _b.call(_a, newState);
                 }, 0);
                 return newState;
             });
         };
-        // === LEGACY METHODS (for backward compatibility) ===
         table.addColumnFilter = (columnId, operator, value) => {
-            // For backward compatibility, add directly to active filters
             table.setCustomColumnFilter((old) => {
                 const newFilter = {
                     id: `filter_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
@@ -106,40 +75,24 @@ export const CustomColumnFilterFeature = {
                     operator,
                     value,
                 };
-                return {
-                    ...old,
-                    filters: [...old.filters, newFilter],
-                };
+                return Object.assign(Object.assign({}, old), { filters: [...old.filters, newFilter] });
             });
         };
         table.updateColumnFilter = (filterId, updates) => {
             table.setCustomColumnFilter((old) => {
-                const updatedFilters = old.filters.map((filter) => filter.id === filterId ? { ...filter, ...updates } : filter);
-                return {
-                    ...old,
-                    filters: updatedFilters,
-                };
+                const updatedFilters = old.filters.map((filter) => filter.id === filterId ? Object.assign(Object.assign({}, filter), updates) : filter);
+                return Object.assign(Object.assign({}, old), { filters: updatedFilters });
             });
         };
         table.removeColumnFilter = (filterId) => {
-            table.setCustomColumnFilter((old) => ({
-                ...old,
-                filters: old.filters.filter((filter) => filter.id !== filterId),
-            }));
+            table.setCustomColumnFilter((old) => (Object.assign(Object.assign({}, old), { filters: old.filters.filter((filter) => filter.id !== filterId) })));
         };
         table.clearAllColumnFilters = () => {
-            table.setCustomColumnFilter((old) => ({
-                ...old,
-                filters: [],
-            }));
+            table.setCustomColumnFilter((old) => (Object.assign(Object.assign({}, old), { filters: [] })));
         };
         table.setFilterLogic = (logic) => {
-            table.setCustomColumnFilter((old) => ({
-                ...old,
-                logic,
-            }));
+            table.setCustomColumnFilter((old) => (Object.assign(Object.assign({}, old), { logic })));
         };
-        // === GETTERS ===
         table.getActiveColumnFilters = () => {
             const state = table.getState().customColumnFilter;
             return state.filters.filter((f) => f.columnId && f.operator);
@@ -153,25 +106,20 @@ export const CustomColumnFilterFeature = {
         };
     },
 };
-/**
- * Utility function to check if a row matches the custom column filters
- * This can be used for client-side filtering
- */
-export function matchesCustomColumnFilters(row, filters, logic = 'AND') {
+function matchesCustomColumnFilters(row, filters, logic = 'AND') {
     if (filters.length === 0)
         return true;
     const activeFilters = filters.filter((f) => f.columnId && f.operator);
     if (activeFilters.length === 0)
         return true;
     const results = activeFilters.map((filter) => {
+        var _a;
         let columnValue;
         let columnType = filter.columnType || 'text';
         try {
-            // Try to get the value safely to avoid infinite loops
             const column = row.getAllCells().find((cell) => cell.column.id === filter.columnId);
             if (column) {
                 columnValue = column.getValue();
-                // Try to get type from columnDef if not set
                 if (!filter.columnType && column.column.columnDef && column.column.columnDef.type) {
                     columnType = column.column.columnDef.type;
                 }
@@ -179,30 +127,30 @@ export function matchesCustomColumnFilters(row, filters, logic = 'AND') {
         }
         catch (error) {
             console.warn(`Error getting value for column ${filter.columnId}:`, error);
-            columnValue = row.original?.[filter.columnId] || '';
+            columnValue = ((_a = row.original) === null || _a === void 0 ? void 0 : _a[filter.columnId]) || '';
         }
         return evaluateFilterCondition(columnValue, filter.operator, filter.value, columnType);
     });
     return logic === 'AND' ? results.every(Boolean) : results.some(Boolean);
 }
-export const getCombinedFilteredRowModel = () => {
+const getCombinedFilteredRowModel = () => {
     return (table) => () => {
-        // Run the built-in global + column filters first:
-        const baseFilteredModel = getDefaultFilter()(table)();
-        const { filters, logic } = table.getState().customColumnFilter ?? {
+        var _a;
+        const baseFilteredModel = (0, react_table_1.getFilteredRowModel)()(table)();
+        const { filters, logic } = (_a = table.getState().customColumnFilter) !== null && _a !== void 0 ? _a : {
             filters: [],
             logic: 'AND',
         };
         if (!filters.length)
             return baseFilteredModel;
-        // Apply custom column filters to pre-filtered rows
         const filteredRows = baseFilteredModel.rows.filter(row => matchesCustomColumnFilters(row, filters, logic));
         const flatRows = [];
         const rowsById = {};
         const addRow = (row) => {
+            var _a;
             flatRows.push(row);
             rowsById[row.id] = row;
-            row.subRows?.forEach(addRow);
+            (_a = row.subRows) === null || _a === void 0 ? void 0 : _a.forEach(addRow);
         };
         filteredRows.forEach(addRow);
         return {
@@ -212,18 +160,14 @@ export const getCombinedFilteredRowModel = () => {
         };
     };
 };
-/**
- * Evaluate a single filter condition
- */
+exports.getCombinedFilteredRowModel = getCombinedFilteredRowModel;
 function evaluateFilterCondition(columnValue, operator, filterValue, type = 'text') {
-    // --- Date helpers using moment ---
     function toMoment(val) {
         if (!val)
             return null;
-        const m = moment(val);
+        const m = (0, moment_1.default)(val);
         return m.isValid() ? m : null;
     }
-    // --- Date type logic ---
     if (type === 'date') {
         const mCol = toMoment(columnValue);
         const mFilter = toMoment(filterValue);
@@ -246,7 +190,6 @@ function evaluateFilterCondition(columnValue, operator, filterValue, type = 'tex
                 return true;
         }
     }
-    // --- Boolean type logic ---
     if (type === 'boolean') {
         switch (operator) {
             case 'is':
@@ -261,7 +204,6 @@ function evaluateFilterCondition(columnValue, operator, filterValue, type = 'tex
                 return true;
         }
     }
-    // --- Select type logic (in, notIn, single select) ---
     if (type === 'select') {
         if (operator === 'in' || operator === 'notIn') {
             if (Array.isArray(filterValue)) {
@@ -278,7 +220,6 @@ function evaluateFilterCondition(columnValue, operator, filterValue, type = 'tex
                 : columnValue !== filterValue;
         }
     }
-    // --- Text/Number type logic ---
     switch (operator) {
         case 'contains':
             return String(columnValue).toLowerCase().includes(String(filterValue).toLowerCase());

package/src/lib/features/custom-selection.feature.d.ts

@@ -0,0 +1,46 @@
+import { TableFeature, RowData, Updater, Row } from '@tanstack/react-table';
+export interface SelectionState {
+    ids: string[];
+    type: 'include' | 'exclude';
+    selectMode?: 'page' | 'all';
+}
+export type IsRowSelectableFunction<T = any> = (params: {
+    row: T;
+    id: string;
+}) => boolean;
+export type SelectMode = 'page' | 'all';
+export interface CustomSelectionOptions {
+    enableCustomSelection?: boolean;
+    selectMode?: SelectMode;
+    isRowSelectable?: IsRowSelectableFunction;
+    onSelectionStateChange?: (updater: Updater<SelectionState>) => void;
+}
+export interface CustomSelectionTableState {
+    selectionState: SelectionState;
+}
+declare module '@tanstack/table-core' {
+    interface TableState extends CustomSelectionTableState {
+    }
+    interface TableOptionsResolved<TData extends RowData> extends CustomSelectionOptions {
+    }
+    interface Table<TData extends RowData> extends CustomSelectionInstance<TData> {
+    }
+}
+export interface CustomSelectionInstance<TData extends RowData> {
+    setSelectionState: (updater: Updater<SelectionState>) => void;
+    toggleAllRowsSelected: () => void;
+    toggleRowSelected: (rowId: string) => void;
+    selectRow: (rowId: string) => void;
+    deselectRow: (rowId: string) => void;
+    selectAll: () => void;
+    deselectAll: () => void;
+    getIsAllRowsSelected: () => boolean;
+    getIsSomeRowsSelected: () => boolean;
+    getIsRowSelected: (rowId: string) => boolean;
+    getSelectionState: () => SelectionState;
+    getSelectedCount: () => number;
+    getSelectedRows: () => Row<TData>[];
+    getSelectedRowIds: () => string[];
+    canSelectRow: (rowId: string) => boolean;
+}
+export declare const CustomSelectionFeature: TableFeature<any>;

package/{lib → src/lib}/features/custom-selection.feature.js

@@ -1,78 +1,52 @@
-/**
- * Custom Selection Feature for TanStack Table
- *
- * This feature adds custom selection capabilities to TanStack Table
- * following the official custom features pattern (same as CustomColumnFilterFeature)
- */
-import { functionalUpdate, makeStateUpdater, } from '@tanstack/react-table';
-// The custom selection feature implementation (same pattern as CustomColumnFilterFeature)
-export const CustomSelectionFeature = {
-    // Define the feature's initial state
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSelectionFeature = void 0;
+const react_table_1 = require("@tanstack/react-table");
+exports.CustomSelectionFeature = {
     getInitialState: (state) => {
-        return {
-            selectionState: {
+        return Object.assign({ selectionState: {
                 ids: [],
                 type: 'include',
                 selectMode: 'page',
-            },
-            ...state,
-        };
+            } }, state);
     },
-    // Define the feature's default options
     getDefaultOptions: (table) => {
         return {
             enableCustomSelection: true,
             selectMode: 'page',
-            onSelectionStateChange: makeStateUpdater('selectionState', table),
+            onSelectionStateChange: (0, react_table_1.makeStateUpdater)('selectionState', table),
         };
     },
-    // Define the feature's table instance methods
     createTable: (table) => {
         table.setSelectionState = (updater) => {
+            var _a, _b;
             const safeUpdater = (old) => {
-                const newState = functionalUpdate(updater, old);
+                const newState = (0, react_table_1.functionalUpdate)(updater, old);
                 return newState;
             };
-            return table.options.onSelectionStateChange?.(safeUpdater);
+            return (_b = (_a = table.options).onSelectionStateChange) === null || _b === void 0 ? void 0 : _b.call(_a, safeUpdater);
         };
-        // === BASIC SELECTION METHODS ===
         table.selectRow = (rowId) => {
             if (!table.canSelectRow(rowId))
                 return;
             table.setSelectionState((old) => {
                 if (old.type === 'exclude') {
-                    // In exclude mode, selecting means removing from exclude list
-                    return {
-                        ...old,
-                        ids: old.ids.filter(id => id !== rowId),
-                    };
+                    return Object.assign(Object.assign({}, old), { ids: old.ids.filter(id => id !== rowId) });
                 }
                 else {
-                    // In include mode, selecting means adding to include list
                     const newIds = old.ids.includes(rowId) ? old.ids : [...old.ids, rowId];
-                    return {
-                        ...old,
-                        ids: newIds,
-                    };
+                    return Object.assign(Object.assign({}, old), { ids: newIds });
                 }
             });
         };
         table.deselectRow = (rowId) => {
             table.setSelectionState((old) => {
                 if (old.type === 'exclude') {
-                    // In exclude mode, deselecting means adding to exclude list
                     const newIds = old.ids.includes(rowId) ? old.ids : [...old.ids, rowId];
-                    return {
-                        ...old,
-                        ids: newIds,
-                    };
+                    return Object.assign(Object.assign({}, old), { ids: newIds });
                 }
                 else {
-                    // In include mode, deselecting means removing from include list
-                    return {
-                        ...old,
-                        ids: old.ids.filter(id => id !== rowId),
-                    };
+                    return Object.assign(Object.assign({}, old), { ids: old.ids.filter(id => id !== rowId) });
                 }
             });
         };
@@ -87,32 +61,18 @@ export const CustomSelectionFeature = {
         table.selectAll = () => {
             const selectMode = table.options.selectMode || 'page';
             if (selectMode === 'all') {
-                // In 'all' mode, use exclude type with empty list (select all)
-                table.setSelectionState((old) => ({
-                    ...old,
-                    ids: [],
-                    type: 'exclude',
-                }));
+                table.setSelectionState((old) => (Object.assign(Object.assign({}, old), { ids: [], type: 'exclude' })));
             }
             else {
-                // In 'page' mode, select current page rows
                 const currentPageRows = table.getPaginationRowModel().rows;
                 const selectableRowIds = currentPageRows
                     .filter(row => table.canSelectRow(row.id))
                     .map(row => row.id);
-                table.setSelectionState((old) => ({
-                    ...old,
-                    ids: selectableRowIds,
-                    type: 'include',
-                }));
+                table.setSelectionState((old) => (Object.assign(Object.assign({}, old), { ids: selectableRowIds, type: 'include' })));
             }
         };
         table.deselectAll = () => {
-            table.setSelectionState((old) => ({
-                ...old,
-                ids: [],
-                type: 'include',
-            }));
+            table.setSelectionState((old) => (Object.assign(Object.assign({}, old), { ids: [], type: 'include' })));
         };
         table.toggleAllRowsSelected = () => {
             if (table.getIsAllRowsSelected()) {
@@ -122,15 +82,12 @@ export const CustomSelectionFeature = {
                 table.selectAll();
             }
         };
-        // === STATE CHECKERS ===
         table.getIsRowSelected = (rowId) => {
             const state = table.getSelectionState();
             if (state.type === 'exclude') {
-                // In exclude mode, selected if NOT in exclude list
                 return !state.ids.includes(rowId);
             }
             else {
-                // In include mode, selected if in include list
                 return state.ids.includes(rowId);
             }
         };
@@ -147,7 +104,6 @@ export const CustomSelectionFeature = {
                 }
             }
             else {
-                // Page mode - check if all selectable rows on current page are selected
                 const currentPageRows = table.getPaginationRowModel().rows;
                 const selectableRows = currentPageRows.filter(row => table.canSelectRow(row.id));
                 if (selectableRows.length === 0)
@@ -159,16 +115,13 @@ export const CustomSelectionFeature = {
             const state = table.getSelectionState();
             const selectMode = table.options.selectMode || 'page';
             if (selectMode === 'all' && state.type === 'exclude') {
-                // In exclude mode, we have some selected if not all are excluded
                 const totalCount = table.getRowCount();
                 return state.ids.length < totalCount;
             }
             else {
-                // In include mode, we have some selected if list has items
                 return state.ids.length > 0;
             }
         };
-        // === GETTERS ===
         table.getSelectionState = () => {
             return table.getState().selectionState || {
                 ids: [],
@@ -190,8 +143,6 @@ export const CustomSelectionFeature = {
         table.getSelectedRowIds = () => {
             const state = table.getSelectionState();
             if (state.type === 'exclude') {
-                // In exclude mode, return all row IDs minus excluded ones
-                // Note: This is simplified - for full functionality, you'd need all possible row IDs
                 console.warn('getSelectedRowIds() in exclude mode returns exclude list. Use getSelectionState() instead.');
                 return state.ids;
             }
@@ -203,15 +154,12 @@ export const CustomSelectionFeature = {
             const state = table.getSelectionState();
             const allRows = table.getRowModel().rows;
             if (state.type === 'exclude') {
-                // Return all rows except excluded ones
                 return allRows.filter(row => !state.ids.includes(row.id));
             }
             else {
-                // Return only included rows
                 return allRows.filter(row => state.ids.includes(row.id));
             }
         };
-        // === HELPER METHODS ===
         table.canSelectRow = (rowId) => {
             if (!table.options.isRowSelectable)
                 return true;

package/src/lib/features/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomColumnFilterFeature, matchesCustomColumnFilters, type ColumnFilterRule, type CustomColumnFilterOptions, type CustomColumnFilterTableState, type CustomColumnFilterInstance, } from './custom-column-filter.feature';
+export { CustomSelectionFeature, type SelectionState, type SelectMode, type CustomSelectionOptions, type CustomSelectionTableState, type CustomSelectionInstance, } from './custom-selection.feature';