@ackplus/mui-tanstack-data-grid 1.0.0

package/dist/features/column-filter.feature.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Custom Column Filter feature for TanStack Table.
+ *
+ * Advanced column filtering: draft (pending) → apply, AND/OR logic, per-type
+ * operators (text/number/date/boolean/select). Ported from v1 with `moment`
+ * replaced by `dayjs` (lightweight pass). Shared types now live in
+ * `../types/filter.types`.
+ */
+import { Table, TableFeature, RowData, Updater, RowModel } from '@tanstack/react-table';
+import type { ColumnFilterRule, ColumnFilterState } from '../types/filter.types';
+export interface ColumnFilterOptions {
+    enableAdvanceColumnFilter?: boolean;
+    onColumnFilterChange?: (updater: Updater<ColumnFilterState>) => void;
+    onColumnFilterApply?: (state: ColumnFilterState) => void;
+}
+declare module '@tanstack/react-table' {
+    interface TableState {
+        columnFilter: ColumnFilterState;
+    }
+    interface TableOptionsResolved<TData extends RowData> {
+        enableAdvanceColumnFilter?: boolean;
+        onColumnFilterChange?: (updater: Updater<ColumnFilterState>) => void;
+        onColumnFilterApply?: (state: ColumnFilterState) => void;
+    }
+    interface Table<TData extends RowData> {
+        setColumnFilterState: (updater: Updater<ColumnFilterState> | ColumnFilterState) => 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;
+        resetColumnFilter: () => 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[];
+        getColumnFilterState: () => ColumnFilterState;
+    }
+}
+export declare const ColumnFilterFeature: TableFeature<any>;
+/** Client-side predicate: does a row match the given custom column filters? */
+export declare function matchesCustomColumnFilters(row: any, filters: ColumnFilterRule[], logic?: 'AND' | 'OR'): boolean;
+export declare const getCombinedFilteredRowModel: <TData>() => (table: Table<TData>) => () => RowModel<TData>;
+//# sourceMappingURL=column-filter.feature.d.ts.map

package/dist/features/column-filter.feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-filter.feature.d.ts","sourceRoot":"","sources":["../../src/features/column-filter.feature.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACH,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EAGP,QAAQ,EAGX,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEjF,MAAM,WAAW,mBAAmB;IAChC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC5D;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU;QAChB,YAAY,EAAE,iBAAiB,CAAC;KACnC;IAED,UAAU,oBAAoB,CAAC,KAAK,SAAS,OAAO;QAChD,yBAAyB,CAAC,EAAE,OAAO,CAAC;QACpC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QACrE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC5D;IAED,UAAU,KAAK,CAAC,KAAK,SAAS,OAAO;QACjC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,KAAK,IAAI,CAAC;QACxF,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QACjF,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAC1F,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QACtD,4BAA4B,EAAE,MAAM,IAAI,CAAC;QACzC,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;QACrD,yBAAyB,EAAE,MAAM,IAAI,CAAC;QACtC,iBAAiB,EAAE,MAAM,IAAI,CAAC;QAC9B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;QAC1E,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACnF,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/C,qBAAqB,EAAE,MAAM,IAAI,CAAC;QAClC,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;QAC9C,sBAAsB,EAAE,MAAM,gBAAgB,EAAE,CAAC;QACjD,uBAAuB,EAAE,MAAM,gBAAgB,EAAE,CAAC;QAClD,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;KACjD;CACJ;AAID,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,GAAG,CA6GjD,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,0BAA0B,CACtC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,gBAAgB,EAAE,EAC3B,KAAK,GAAE,KAAK,GAAG,IAAY,GAC5B,OAAO,CAwBT;AAED,eAAO,MAAM,2BAA2B,GAAI,KAAK,QACrC,OAAO,KAAK,CAAC,KAAK,CAAC,WAAS,QAAQ,CAAC,KAAK,CA2BrD,CAAC"}

package/dist/features/column-filter.feature.js

@@ -0,0 +1,270 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCombinedFilteredRowModel = exports.ColumnFilterFeature = void 0;
+exports.matchesCustomColumnFilters = matchesCustomColumnFilters;
+/**
+ * Custom Column Filter feature for TanStack Table.
+ *
+ * Advanced column filtering: draft (pending) → apply, AND/OR logic, per-type
+ * operators (text/number/date/boolean/select). Ported from v1 with `moment`
+ * replaced by `dayjs` (lightweight pass). Shared types now live in
+ * `../types/filter.types`.
+ */
+const react_table_1 = require("@tanstack/react-table");
+const dayjs_1 = __importDefault(require("dayjs"));
+const makeFilterId = () => `filter_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
+exports.ColumnFilterFeature = {
+    getInitialState: (state) => ({
+        columnFilter: { filters: [], logic: 'AND', pendingFilters: [], pendingLogic: 'AND' },
+        ...state,
+    }),
+    getDefaultOptions: (table) => ({
+        enableAdvanceColumnFilter: true,
+        onColumnFilterChange: (0, react_table_1.makeStateUpdater)('columnFilter', table),
+        onColumnFilterApply: () => undefined,
+    }),
+    createTable: (table) => {
+        table.setColumnFilterState = (updater) => {
+            var _a, _b;
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            const safeUpdater = (old) => (0, react_table_1.functionalUpdate)(updater, old);
+            return (_b = (_a = table.options).onColumnFilterChange) === null || _b === void 0 ? void 0 : _b.call(_a, safeUpdater);
+        };
+        // Pending (draft) filters
+        table.addPendingColumnFilter = (columnId, operator, value) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({
+                ...old,
+                pendingFilters: [...old.pendingFilters, { id: makeFilterId(), columnId, operator, value }],
+            }));
+        };
+        table.updatePendingColumnFilter = (filterId, updates) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({
+                ...old,
+                pendingFilters: old.pendingFilters.map((f) => (f.id === filterId ? { ...f, ...updates } : f)),
+            }));
+        };
+        table.removePendingColumnFilter = (filterId) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({
+                ...old,
+                pendingFilters: old.pendingFilters.filter((f) => f.id !== filterId),
+            }));
+        };
+        table.clearAllPendingColumnFilters = () => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({ ...old, pendingFilters: [] }));
+        };
+        table.resetColumnFilter = () => {
+            var _a, _b;
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            const newState = { pendingFilters: [], pendingLogic: 'AND', filters: [], logic: 'AND' };
+            table.setColumnFilterState(newState);
+            (_b = (_a = table.options).onColumnFilterApply) === null || _b === void 0 ? void 0 : _b.call(_a, newState);
+        };
+        table.setPendingFilterLogic = (logic) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({ ...old, pendingLogic: logic }));
+        };
+        table.applyPendingColumnFilters = () => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => {
+                const newState = { ...old, filters: [...old.pendingFilters], logic: old.pendingLogic };
+                setTimeout(() => { var _a, _b; return (_b = (_a = table.options).onColumnFilterApply) === null || _b === void 0 ? void 0 : _b.call(_a, newState); }, 0);
+                return newState;
+            });
+        };
+        // Active filters (direct)
+        table.addColumnFilter = (columnId, operator, value) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({
+                ...old,
+                filters: [...old.filters, { id: makeFilterId(), columnId, operator, value }],
+            }));
+        };
+        table.updateColumnFilter = (filterId, updates) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({
+                ...old,
+                filters: old.filters.map((f) => (f.id === filterId ? { ...f, ...updates } : f)),
+            }));
+        };
+        table.removeColumnFilter = (filterId) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({ ...old, filters: old.filters.filter((f) => f.id !== filterId) }));
+        };
+        table.clearAllColumnFilters = () => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({ ...old, filters: [] }));
+        };
+        table.setFilterLogic = (logic) => {
+            if (!table.options.enableAdvanceColumnFilter)
+                return;
+            table.setColumnFilterState((old) => ({ ...old, logic }));
+        };
+        // Getters
+        table.getActiveColumnFilters = () => table.getState().columnFilter.filters.filter((f) => f.columnId && f.operator);
+        table.getPendingColumnFilters = () => table.getState().columnFilter.pendingFilters.filter((f) => f.columnId && f.operator);
+        table.getColumnFilterState = () => table.getState().columnFilter;
+    },
+};
+/** Client-side predicate: does a row match the given custom column filters? */
+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, _b;
+        let columnValue;
+        let columnType = filter.columnType || 'text';
+        try {
+            const cell = row.getAllCells().find((c) => c.column.id === filter.columnId);
+            if (cell) {
+                columnValue = cell.getValue();
+                if (!filter.columnType && ((_a = cell.column.columnDef) === null || _a === void 0 ? void 0 : _a.type)) {
+                    columnType = cell.column.columnDef.type;
+                }
+            }
+        }
+        catch (error) {
+            console.warn(`Error getting value for column ${filter.columnId}:`, error);
+            columnValue = ((_b = row.original) === null || _b === void 0 ? void 0 : _b[filter.columnId]) || '';
+        }
+        return evaluateFilterCondition(columnValue, filter.operator, filter.value, columnType);
+    });
+    return logic === 'AND' ? results.every(Boolean) : results.some(Boolean);
+}
+const getCombinedFilteredRowModel = () => {
+    return (table) => () => {
+        var _a;
+        if (table.options.manualFiltering) {
+            return table.getCoreRowModel();
+        }
+        const baseFilteredModel = (0, react_table_1.getFilteredRowModel)()(table)();
+        const { filters, logic } = (_a = table.getState().columnFilter) !== null && _a !== void 0 ? _a : { filters: [], logic: 'AND' };
+        if (!filters.length || !table.options.enableAdvanceColumnFilter) {
+            return baseFilteredModel;
+        }
+        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;
+            (_a = row.subRows) === null || _a === void 0 ? void 0 : _a.forEach(addRow);
+        };
+        filteredRows.forEach(addRow);
+        return { rows: filteredRows, flatRows, rowsById };
+    };
+};
+exports.getCombinedFilteredRowModel = getCombinedFilteredRowModel;
+function evaluateFilterCondition(columnValue, operator, filterValue, type = 'text') {
+    const toDay = (val) => {
+        if (!val)
+            return null;
+        const d = (0, dayjs_1.default)(val);
+        return d.isValid() ? d : null;
+    };
+    if (type === 'date') {
+        if (operator === 'isEmpty')
+            return columnValue === null || columnValue === undefined || columnValue === '';
+        if (operator === 'isNotEmpty')
+            return columnValue !== null && columnValue !== undefined && columnValue !== '';
+        const dCol = columnValue ? toDay(columnValue) : null;
+        const dFilter = filterValue ? toDay(filterValue) : null;
+        if (!dCol || !dFilter)
+            return false;
+        switch (operator) {
+            case 'equals':
+                return dCol.isSame(dFilter, 'day');
+            case 'notEquals':
+                return !dCol.isSame(dFilter, 'day');
+            case 'after':
+                return dCol.isAfter(dFilter, 'day');
+            case 'before':
+                return dCol.isBefore(dFilter, 'day');
+            default:
+                return true;
+        }
+    }
+    if (type === 'boolean') {
+        if (operator === 'is') {
+            if (filterValue === 'any')
+                return true;
+            if (filterValue === 'true')
+                return columnValue === true || columnValue === 'true' || columnValue === 1 || columnValue === '1' || columnValue === 'Yes' || columnValue === 'yes';
+            if (filterValue === 'false')
+                return columnValue === false || columnValue === 'false' || columnValue === 0 || columnValue === '0' || columnValue === 'No' || columnValue === 'no';
+            return false;
+        }
+        return true;
+    }
+    if (type === 'select') {
+        if (operator === 'in' || operator === 'notIn') {
+            const values = Array.isArray(filterValue)
+                ? filterValue
+                : [filterValue].filter((v) => v !== undefined && v !== null && v !== '');
+            if (values.length === 0)
+                return operator === 'notIn';
+            return operator === 'in' ? values.includes(columnValue) : !values.includes(columnValue);
+        }
+        if (operator === 'equals' || operator === 'notEquals') {
+            return operator === 'equals' ? columnValue === filterValue : columnValue !== filterValue;
+        }
+    }
+    if (type === 'number') {
+        switch (operator) {
+            case 'equals':
+                return Number(columnValue) === Number(filterValue);
+            case 'notEquals':
+                return Number(columnValue) !== Number(filterValue);
+            case 'greaterThan':
+                return Number(columnValue) > Number(filterValue);
+            case 'greaterThanOrEqual':
+                return Number(columnValue) >= Number(filterValue);
+            case 'lessThan':
+                return Number(columnValue) < Number(filterValue);
+            case 'lessThanOrEqual':
+                return Number(columnValue) <= Number(filterValue);
+        }
+    }
+    switch (operator) {
+        case 'contains':
+            return String(columnValue).toLowerCase().includes(String(filterValue).toLowerCase());
+        case 'notContains':
+            return !String(columnValue).toLowerCase().includes(String(filterValue).toLowerCase());
+        case 'startsWith':
+            return String(columnValue).toLowerCase().startsWith(String(filterValue).toLowerCase());
+        case 'endsWith':
+            return String(columnValue).toLowerCase().endsWith(String(filterValue).toLowerCase());
+        case 'equals':
+            return columnValue === filterValue;
+        case 'notEquals':
+            return columnValue !== filterValue;
+        case 'isEmpty':
+            return columnValue === null || columnValue === undefined || columnValue === '';
+        case 'isNotEmpty':
+            return columnValue !== null && columnValue !== undefined && columnValue !== '';
+        default:
+            return true;
+    }
+}

package/dist/features/index.d.ts

@@ -0,0 +1,3 @@
+export * from './selection.feature';
+export * from './column-filter.feature';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/features/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}

package/dist/features/index.js

@@ -0,0 +1,18 @@
+"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 });
+__exportStar(require("./selection.feature"), exports);
+__exportStar(require("./column-filter.feature"), exports);

package/dist/features/selection.feature.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Custom Selection feature for TanStack Table.
+ *
+ * Adds advanced selection (page vs all, include/exclude semantics) following the
+ * official custom-features pattern. Ported from v1 with no behaviour change;
+ * `SelectionState`/`SelectMode` now live in `../types/selection.types`.
+ */
+import { TableFeature, RowData, Updater, Row } from '@tanstack/react-table';
+import type { SelectionState, SelectMode } from '../types/selection.types';
+export type IsRowSelectableFunction<T = any> = (params: {
+    row: T;
+    id: string;
+}) => boolean;
+export interface SelectionOptions {
+    enableAdvanceSelection?: boolean;
+    selectMode?: SelectMode;
+    isRowSelectable?: IsRowSelectableFunction;
+    onSelectionStateChange?: (updater: Updater<SelectionState>) => void;
+}
+export interface SelectionTableState {
+    selectionState: SelectionState;
+}
+declare module '@tanstack/react-table' {
+    interface TableState extends SelectionTableState {
+    }
+    interface TableOptionsResolved<TData extends RowData> extends SelectionOptions {
+    }
+    interface Table<TData extends RowData> extends SelectionInstance<TData> {
+    }
+}
+export interface SelectionInstance<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 SelectionFeature: TableFeature<any>;
+//# sourceMappingURL=selection.feature.d.ts.map

package/dist/features/selection.feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.feature.d.ts","sourceRoot":"","sources":["../../src/features/selection.feature.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAEH,YAAY,EACZ,OAAO,EACP,OAAO,EAGP,GAAG,EACN,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,uBAAuB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC;AAE3F,MAAM,WAAW,gBAAgB;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,mBAAmB;IAChC,cAAc,EAAE,cAAc,CAAC;CAClC;AAED,OAAO,QAAQ,uBAAuB,CAAC;IAEnC,UAAU,UAAW,SAAQ,mBAAmB;KAAG;IAEnD,UAAU,oBAAoB,CAAC,KAAK,SAAS,OAAO,CAAE,SAAQ,gBAAgB;KAAG;IAEjF,UAAU,KAAK,CAAC,KAAK,SAAS,OAAO,CAAE,SAAQ,iBAAiB,CAAC,KAAK,CAAC;KAAG;CAC7E;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,OAAO;IACpD,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,OAAO,CAAC;IACpC,qBAAqB,EAAE,MAAM,OAAO,CAAC;IACrC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,gBAAgB,EAAE,MAAM,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACpC,iBAAiB,EAAE,MAAM,MAAM,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C;AAED,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,GAAG,CA+I9C,CAAC"}

package/dist/features/selection.feature.js

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionFeature = void 0;
+/**
+ * Custom Selection feature for TanStack Table.
+ *
+ * Adds advanced selection (page vs all, include/exclude semantics) following the
+ * official custom-features pattern. Ported from v1 with no behaviour change;
+ * `SelectionState`/`SelectMode` now live in `../types/selection.types`.
+ */
+const react_table_1 = require("@tanstack/react-table");
+exports.SelectionFeature = {
+    getInitialState: (state) => ({
+        selectionState: { ids: [], type: 'include', selectMode: 'page' },
+        ...state,
+    }),
+    getDefaultOptions: (table) => ({
+        enableAdvanceSelection: true,
+        selectMode: 'page',
+        onSelectionStateChange: (0, react_table_1.makeStateUpdater)('selectionState', table),
+    }),
+    createTable: (table) => {
+        const getRowsForSelection = () => {
+            var _a;
+            if (table.options.manualPagination) {
+                return table.getRowModel().rows;
+            }
+            return ((_a = table.getPrePaginationRowModel) === null || _a === void 0 ? void 0 : _a.call(table).rows) || table.getRowModel().rows;
+        };
+        table.setSelectionState = (updater) => {
+            var _a, _b;
+            if (!table.options.enableAdvanceSelection)
+                return;
+            const safeUpdater = (old) => (0, react_table_1.functionalUpdate)(updater, old);
+            return (_b = (_a = table.options).onSelectionStateChange) === null || _b === void 0 ? void 0 : _b.call(_a, safeUpdater);
+        };
+        table.selectRow = (rowId) => {
+            if (!table.options.enableAdvanceSelection)
+                return;
+            if (!table.canSelectRow(rowId))
+                return;
+            table.setSelectionState((old) => {
+                if (old.type === 'exclude') {
+                    return { ...old, ids: old.ids.filter((id) => id !== rowId) };
+                }
+                const newIds = old.ids.includes(rowId) ? old.ids : [...old.ids, rowId];
+                return { ...old, ids: newIds };
+            });
+        };
+        table.deselectRow = (rowId) => {
+            if (!table.options.enableAdvanceSelection)
+                return;
+            table.setSelectionState((old) => {
+                if (old.type === 'exclude') {
+                    const newIds = old.ids.includes(rowId) ? old.ids : [...old.ids, rowId];
+                    return { ...old, ids: newIds };
+                }
+                return { ...old, ids: old.ids.filter((id) => id !== rowId) };
+            });
+        };
+        table.toggleRowSelected = (rowId) => {
+            if (!table.options.enableAdvanceSelection)
+                return;
+            if (table.getIsRowSelected(rowId))
+                table.deselectRow(rowId);
+            else
+                table.selectRow(rowId);
+        };
+        table.selectAll = () => {
+            var _a, _b;
+            if (!table.options.enableAdvanceSelection)
+                return;
+            const selectMode = table.options.selectMode || 'page';
+            const currentRows = ((_b = (_a = table.getPaginationRowModel) === null || _a === void 0 ? void 0 : _a.call(table)) === null || _b === void 0 ? void 0 : _b.rows) || table.getRowModel().rows;
+            if (selectMode === 'all') {
+                table.setSelectionState((old) => ({ ...old, ids: [], type: 'exclude' }));
+            }
+            else {
+                const selectableRowIds = currentRows
+                    .filter((row) => table.canSelectRow(row.id))
+                    .map((row) => row.id);
+                table.setSelectionState((old) => ({ ...old, ids: selectableRowIds, type: 'include' }));
+            }
+        };
+        table.deselectAll = () => {
+            if (!table.options.enableAdvanceSelection)
+                return;
+            table.setSelectionState((old) => ({ ...old, ids: [], type: 'include' }));
+        };
+        table.toggleAllRowsSelected = () => {
+            if (!table.options.enableAdvanceSelection)
+                return;
+            if (table.getIsAllRowsSelected())
+                table.deselectAll();
+            else
+                table.selectAll();
+        };
+        table.getIsRowSelected = (rowId) => {
+            const state = table.getSelectionState();
+            return state.type === 'exclude' ? !state.ids.includes(rowId) : state.ids.includes(rowId);
+        };
+        table.getIsAllRowsSelected = () => {
+            var _a, _b;
+            const state = table.getSelectionState();
+            const selectMode = table.options.selectMode || 'page';
+            if (selectMode === 'all') {
+                const totalCount = table.getRowCount();
+                if (totalCount === 0)
+                    return false;
+                return state.type === 'exclude' ? state.ids.length === 0 : state.ids.length === totalCount;
+            }
+            const currentPageRows = ((_b = (_a = table.getPaginationRowModel) === null || _a === void 0 ? void 0 : _a.call(table)) === null || _b === void 0 ? void 0 : _b.rows) || table.getRowModel().rows;
+            const selectableRows = currentPageRows.filter((row) => table.canSelectRow(row.id));
+            if (selectableRows.length === 0)
+                return false;
+            return selectableRows.every((row) => table.getIsRowSelected(row.id));
+        };
+        table.getIsSomeRowsSelected = () => {
+            const state = table.getSelectionState();
+            const selectMode = table.options.selectMode || 'page';
+            if (selectMode === 'all' && state.type === 'exclude') {
+                const totalCount = table.getRowCount();
+                return totalCount > 0 && state.ids.length < totalCount;
+            }
+            return state.ids.length > 0;
+        };
+        table.getSelectionState = () => table.getState().selectionState || { ids: [], type: 'include', selectMode: 'page' };
+        table.getSelectedCount = () => {
+            const state = table.getSelectionState();
+            const selectMode = table.options.selectMode || 'page';
+            if (selectMode === 'all' && state.type === 'exclude') {
+                const totalCount = table.getRowCount();
+                return Math.max(0, totalCount - state.ids.length);
+            }
+            return state.ids.length;
+        };
+        table.getSelectedRowIds = () => {
+            const state = table.getSelectionState();
+            if (state.type === 'exclude')
+                return table.getSelectedRows().map((row) => row.id);
+            return state.ids;
+        };
+        table.getSelectedRows = () => {
+            const state = table.getSelectionState();
+            const allRows = getRowsForSelection();
+            return state.type === 'exclude'
+                ? allRows.filter((row) => !state.ids.includes(row.id))
+                : allRows.filter((row) => state.ids.includes(row.id));
+        };
+        table.canSelectRow = (rowId) => {
+            if (!table.options.isRowSelectable)
+                return true;
+            const row = table.getRowModel().rows.find((r) => r.id === rowId);
+            if (!row)
+                return false;
+            return table.options.isRowSelectable({ row: row.original, id: rowId });
+        };
+    },
+};

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @ackplus/react-tanstack-data-table — v2 (dev)
+ *
+ * Phase 1 scaffold: theming system + types. The headless core, render layer,
+ * and `<DataTable>` component land in later phases.
+ */
+export * from './theme';
+export * from './types';
+export * from './features';
+export * from './utils';
+export * from './core';
+export * from './components';
+//# 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;;;;;GAKG;AAGH,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * @ackplus/react-tanstack-data-table — v2 (dev)
+ *
+ * Phase 1 scaffold: theming system + types. The headless core, render layer,
+ * and `<DataTable>` component land in later phases.
+ */
+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 });
+// Theming (tokens, palette, MUI component registration, helpers)
+__exportStar(require("./theme"), exports);
+// Public types (props, API, column, slots, state, features)
+__exportStar(require("./types"), exports);
+// Custom TanStack features (selection, advanced column filtering)
+__exportStar(require("./features"), exports);
+// Utilities (pure helpers, debounced fetch)
+__exportStar(require("./utils"), exports);
+// Headless engine
+__exportStar(require("./core"), exports);
+// Render layer + <DataTable> component
+__exportStar(require("./components"), exports);

package/dist/theme/create-data-table-theme.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Convenience helper to build a `ThemeOptions` fragment for the grid, to spread
+ * into `createTheme()`. Equivalent to writing `palette.tanstackDataGrid` +
+ * `components.MuiTanstackDataGrid` by hand.
+ */
+import type { ThemeOptions } from '@mui/material/styles';
+import type { TanstackDataGridPalette } from './palette';
+import type { DataTableClassKey } from './mui-augmentation';
+import type { DataTableProps } from '../types/data-table.types';
+export interface CreateDataTableThemeOptions {
+    palette?: Partial<TanstackDataGridPalette>;
+    defaultProps?: Partial<DataTableProps<any>>;
+    styleOverrides?: Partial<Record<DataTableClassKey, any>>;
+}
+export declare function createDataTableTheme(options?: CreateDataTableThemeOptions): ThemeOptions;
+//# sourceMappingURL=create-data-table-theme.d.ts.map

package/dist/theme/create-data-table-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-table-theme.d.ts","sourceRoot":"","sources":["../../src/theme/create-data-table-theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,WAAW,2BAA2B;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC;CAC5D;AAED,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,2BAAgC,GAAG,YAAY,CAiB5F"}

package/dist/theme/create-data-table-theme.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDataTableTheme = createDataTableTheme;
+function createDataTableTheme(options = {}) {
+    const { palette, defaultProps, styleOverrides } = options;
+    const result = {
+        components: {
+            MuiTanstackDataGrid: {
+                ...(defaultProps ? { defaultProps } : {}),
+                ...(styleOverrides ? { styleOverrides } : {}),
+            },
+        },
+    };
+    if (palette) {
+        result.palette = { tanstackDataGrid: palette };
+    }
+    return result;
+}