@alaarab/ogrid-react 2.1.3 → 2.1.4

package/dist/esm/hooks/useRichSelectState.js

@@ -1,60 +0,0 @@
-import { useState, useCallback, useMemo } from 'react';
-/** Shared display text formatter for select and rich-select editors. */
-export function getSelectDisplayText(value, formatValue) {
-    if (formatValue)
-        return formatValue(value);
-    return value != null ? String(value) : '';
-}
-/**
- * Manages searchable rich select editor state with keyboard navigation (arrow keys, enter, escape).
- * @param params - Values, format function, initial value, and commit/cancel callbacks.
- * @returns Search text, filtered values, highlighted index, keyboard handler, and select function.
- */
-export function useRichSelectState(params) {
-    const { values, formatValue, onCommit, onCancel } = params;
-    const [searchText, setSearchText] = useState('');
-    const [highlightedIndex, setHighlightedIndex] = useState(0);
-    const getDisplayText = useCallback((value) => getSelectDisplayText(value, formatValue), [formatValue]);
-    const filteredValues = useMemo(() => {
-        if (!searchText.trim())
-            return values;
-        const lower = searchText.toLowerCase();
-        return values.filter((v) => getDisplayText(v).toLowerCase().includes(lower));
-    }, [values, searchText, getDisplayText]);
-    const selectValue = useCallback((value) => {
-        onCommit(value);
-    }, [onCommit]);
-    const handleKeyDown = useCallback((e) => {
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                setHighlightedIndex((prev) => Math.min(prev + 1, filteredValues.length - 1));
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                setHighlightedIndex((prev) => Math.max(prev - 1, 0));
-                break;
-            case 'Enter':
-                e.preventDefault();
-                e.stopPropagation();
-                if (filteredValues.length > 0 && highlightedIndex < filteredValues.length) {
-                    selectValue(filteredValues[highlightedIndex]);
-                }
-                break;
-            case 'Escape':
-                e.preventDefault();
-                e.stopPropagation();
-                onCancel();
-                break;
-        }
-    }, [filteredValues, highlightedIndex, selectValue, onCancel]);
-    return {
-        searchText,
-        setSearchText,
-        filteredValues,
-        highlightedIndex,
-        handleKeyDown,
-        selectValue,
-        getDisplayText,
-    };
-}

package/dist/esm/hooks/useRowSelection.js

@@ -1,69 +0,0 @@
-import { useState, useCallback, useRef, useMemo } from 'react';
-import { useLatestRef } from './useLatestRef';
-import { applyRangeRowSelection, computeRowSelectionState } from '../utils';
-/**
- * Manages row selection state for single or multiple selection modes with shift-click range support.
- * @param params - Items, getRowId, selection mode, controlled state, and selection change callback.
- * @returns Selected row IDs, update function, checkbox handlers, and selection state booleans.
- */
-export function useRowSelection(params) {
-    const { items, getRowId, rowSelection, controlledSelectedRows, onSelectionChange, } = params;
-    const [internalSelectedRows, setInternalSelectedRows] = useState(new Set());
-    const lastClickedRowRef = useRef(-1);
-    // Defensive: convert to Set if caller passes an array (e.g. from JSON state)
-    const selectedRowIds = useMemo(() => controlledSelectedRows != null
-        ? controlledSelectedRows instanceof Set
-            ? controlledSelectedRows
-            : new Set(controlledSelectedRows)
-        : internalSelectedRows, [controlledSelectedRows, internalSelectedRows]);
-    const updateSelection = useCallback((newSelectedIds) => {
-        if (controlledSelectedRows === undefined) {
-            setInternalSelectedRows(newSelectedIds);
-        }
-        onSelectionChange?.({
-            selectedRowIds: Array.from(newSelectedIds),
-            selectedItems: items.filter((item) => newSelectedIds.has(getRowId(item))),
-        });
-    }, [controlledSelectedRows, onSelectionChange, items, getRowId]);
-    // Read selectedRowIds via ref to avoid recreating this callback on every selection change
-    const selectedRowIdsRef = useLatestRef(selectedRowIds);
-    const itemsRef = useLatestRef(items);
-    const handleRowCheckboxChange = useCallback((rowId, checked, rowIndex, shiftKey) => {
-        if (rowSelection === 'single') {
-            updateSelection(checked ? new Set([rowId]) : new Set());
-            lastClickedRowRef.current = rowIndex;
-            return;
-        }
-        const currentItems = itemsRef.current;
-        let next;
-        if (shiftKey && lastClickedRowRef.current >= 0 && lastClickedRowRef.current !== rowIndex) {
-            next = applyRangeRowSelection(lastClickedRowRef.current, rowIndex, checked, currentItems, getRowId, selectedRowIdsRef.current);
-        }
-        else {
-            next = new Set(selectedRowIdsRef.current);
-            if (checked)
-                next.add(rowId);
-            else
-                next.delete(rowId);
-        }
-        lastClickedRowRef.current = rowIndex;
-        updateSelection(next);
-    }, [rowSelection, getRowId, updateSelection, itemsRef, selectedRowIdsRef]);
-    const handleSelectAll = useCallback((checked) => {
-        if (checked) {
-            updateSelection(new Set(items.map((item) => getRowId(item))));
-        }
-        else {
-            updateSelection(new Set());
-        }
-    }, [items, getRowId, updateSelection]);
-    const { allSelected, someSelected } = useMemo(() => computeRowSelectionState(selectedRowIds, items, getRowId), [items, selectedRowIds, getRowId]);
-    return {
-        selectedRowIds,
-        updateSelection,
-        handleRowCheckboxChange,
-        handleSelectAll,
-        allSelected,
-        someSelected,
-    };
-}

package/dist/esm/hooks/useSelectState.js

@@ -1,62 +0,0 @@
-import { useState, useCallback, useEffect, useRef } from 'react';
-import { getSelectDisplayText } from './useRichSelectState';
-/**
- * Manages select editor state with keyboard navigation (arrow keys, enter, escape).
- * Simpler than useRichSelectState — no search, just a dropdown list.
- */
-export function useSelectState(params) {
-    const { values, formatValue, initialValue, onCommit, onCancel } = params;
-    const dropdownRef = useRef(null);
-    const getDisplayText = useCallback((value) => getSelectDisplayText(value, formatValue), [formatValue]);
-    // Start highlighted on current value
-    const initialIndex = values.findIndex((v) => String(v) === String(initialValue));
-    const [highlightedIndex, setHighlightedIndex] = useState(Math.max(initialIndex, 0));
-    // Scroll highlighted option into view
-    useEffect(() => {
-        const dropdown = dropdownRef.current;
-        if (!dropdown)
-            return;
-        const highlighted = dropdown.children[highlightedIndex];
-        highlighted?.scrollIntoView({ block: 'nearest' });
-    }, [highlightedIndex]);
-    const selectValue = useCallback((value) => {
-        onCommit(value);
-    }, [onCommit]);
-    const handleKeyDown = useCallback((e) => {
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                setHighlightedIndex((prev) => Math.min(prev + 1, values.length - 1));
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                setHighlightedIndex((prev) => Math.max(prev - 1, 0));
-                break;
-            case 'Enter':
-                e.preventDefault();
-                e.stopPropagation();
-                if (values.length > 0 && highlightedIndex < values.length) {
-                    selectValue(values[highlightedIndex]);
-                }
-                break;
-            case 'Tab':
-                e.preventDefault();
-                if (values.length > 0 && highlightedIndex < values.length) {
-                    selectValue(values[highlightedIndex]);
-                }
-                break;
-            case 'Escape':
-                e.preventDefault();
-                e.stopPropagation();
-                onCancel();
-                break;
-        }
-    }, [values, highlightedIndex, selectValue, onCancel]);
-    return {
-        highlightedIndex,
-        handleKeyDown,
-        selectValue,
-        getDisplayText,
-        dropdownRef,
-    };
-}

package/dist/esm/hooks/useShallowEqualMemo.js

@@ -1,14 +0,0 @@
-import { useRef } from 'react';
-/**
- * Returns a referentially stable value as long as the comparator considers
- * the new value equal to the previous one.  Unlike the broken
- * `useMemo` + `useRef` + `useEffect` pattern, this works correctly because
- * it compares *before* React's own reference check on the dependency array.
- */
-export function useShallowEqualMemo(value, isEqual) {
-    const ref = useRef(value);
-    if (!isEqual(value, ref.current)) {
-        ref.current = value;
-    }
-    return ref.current;
-}

package/dist/esm/hooks/useSideBarState.js

@@ -1,39 +0,0 @@
-import { useState, useCallback, useMemo } from 'react';
-const DEFAULT_PANELS = ['columns', 'filters'];
-/**
- * Manages side bar panel state: enabled panels, active panel, position, and toggle/close handlers.
- * @param params - Side bar config (boolean, ISideBarDef, or undefined).
- * @returns Enabled flag, active panel, setters, panel list, position, open state, toggle, and close.
- */
-export function useSideBarState(params) {
-    const { config } = params;
-    const isEnabled = config != null && config !== false;
-    const parsed = useMemo(() => {
-        if (!isEnabled || config === true) {
-            return { panels: DEFAULT_PANELS, position: 'right', defaultPanel: null };
-        }
-        const def = config;
-        return {
-            panels: def.panels ?? DEFAULT_PANELS,
-            position: def.position ?? 'right',
-            defaultPanel: def.defaultPanel ?? null,
-        };
-    }, [isEnabled, config]);
-    const [activePanel, setActivePanel] = useState(parsed.defaultPanel);
-    const toggle = useCallback((panel) => {
-        setActivePanel((prev) => (prev === panel ? null : panel));
-    }, []);
-    const close = useCallback(() => {
-        setActivePanel(null);
-    }, []);
-    return {
-        isEnabled,
-        activePanel,
-        setActivePanel,
-        panels: parsed.panels,
-        position: parsed.position,
-        isOpen: activePanel !== null,
-        toggle,
-        close,
-    };
-}

package/dist/esm/hooks/useTableLayout.js

@@ -1,69 +0,0 @@
-import { useState, useEffect, useMemo } from 'react';
-import { CHECKBOX_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING } from '@alaarab/ogrid-core';
-/**
- * Manages table layout: container width measurement, column sizing overrides,
- * min/desired table width calculations.
- */
-export function useTableLayout(params) {
-    const { wrapperRef, visibleCols, flatColumns, hasCheckboxCol, initialColumnWidths, onColumnResized, } = params;
-    // --- Container width measurement via ResizeObserver ---
-    const [containerWidth, setContainerWidth] = useState(0);
-    useEffect(() => {
-        const el = wrapperRef.current;
-        if (!el)
-            return;
-        const measure = () => {
-            const rect = el.getBoundingClientRect();
-            const cs = window.getComputedStyle(el);
-            const borderX = (parseFloat(cs.borderLeftWidth || '0') || 0) +
-                (parseFloat(cs.borderRightWidth || '0') || 0);
-            setContainerWidth(Math.max(0, rect.width - borderX));
-        };
-        const ro = new ResizeObserver(measure);
-        ro.observe(el);
-        measure();
-        return () => ro.disconnect();
-    }, [wrapperRef]);
-    // --- Column sizing overrides state ---
-    const [columnSizingOverrides, setColumnSizingOverrides] = useState(() => {
-        if (!initialColumnWidths)
-            return {};
-        const result = {};
-        for (const [id, width] of Object.entries(initialColumnWidths)) {
-            result[id] = { widthPx: width };
-        }
-        return result;
-    });
-    // --- Minimum table width calculation ---
-    const minTableWidth = useMemo(() => {
-        const checkboxW = hasCheckboxCol ? CHECKBOX_COLUMN_WIDTH : 0;
-        return visibleCols.reduce((sum, c) => sum + (c.minWidth ?? DEFAULT_MIN_COLUMN_WIDTH) + CELL_PADDING, checkboxW);
-    }, [visibleCols, hasCheckboxCol]);
-    // --- Cleanup effect: remove overrides for columns that no longer exist ---
-    useEffect(() => {
-        const colIds = new Set(flatColumns.map((c) => c.columnId));
-        setColumnSizingOverrides((prev) => {
-            const kept = Object.fromEntries(Object.entries(prev).filter(([id]) => colIds.has(id)));
-            return Object.keys(kept).length !== Object.keys(prev).length ? kept : prev;
-        });
-    }, [flatColumns]);
-    // --- Desired table width calculation ---
-    const desiredTableWidth = useMemo(() => {
-        const checkboxW = hasCheckboxCol ? CHECKBOX_COLUMN_WIDTH : 0;
-        return visibleCols.reduce((sum, c) => {
-            const override = columnSizingOverrides[c.columnId];
-            const w = override
-                ? override.widthPx
-                : (c.idealWidth ?? c.defaultWidth ?? c.minWidth ?? DEFAULT_MIN_COLUMN_WIDTH);
-            return sum + Math.max(c.minWidth ?? DEFAULT_MIN_COLUMN_WIDTH, w) + CELL_PADDING;
-        }, checkboxW);
-    }, [visibleCols, columnSizingOverrides, hasCheckboxCol]);
-    return {
-        containerWidth,
-        minTableWidth,
-        desiredTableWidth,
-        columnSizingOverrides,
-        setColumnSizingOverrides,
-        onColumnResized,
-    };
-}

package/dist/esm/hooks/useTextFilterState.js

@@ -1,25 +0,0 @@
-/**
- * Text filter state sub-hook for column header filters.
- * Manages temporary text value and apply/clear handlers.
- */
-import { useState, useCallback, useEffect } from 'react';
-export function useTextFilterState(params) {
-    const { textValue = '', onTextChange, isFilterOpen } = params;
-    const [tempTextValue, setTempTextValue] = useState(textValue);
-    // Sync temp state when popover opens
-    useEffect(() => {
-        if (isFilterOpen) {
-            setTempTextValue(textValue);
-        }
-    }, [isFilterOpen, textValue]);
-    const handleTextApply = useCallback(() => {
-        onTextChange?.(tempTextValue.trim());
-    }, [onTextChange, tempTextValue]);
-    const handleTextClear = useCallback(() => setTempTextValue(''), []);
-    return {
-        tempTextValue,
-        setTempTextValue,
-        handleTextApply,
-        handleTextClear,
-    };
-}

package/dist/esm/hooks/useUndoRedo.js

@@ -1,84 +0,0 @@
-import { useCallback, useRef, useState } from 'react';
-import { UndoRedoStack } from '../utils';
-/**
- * Wraps onCellValueChanged with an undo/redo history stack.
- * Supports batch operations: changes between beginBatch/endBatch are one undo step.
- */
-export function useUndoRedo(params) {
-    const { onCellValueChanged, maxUndoDepth = 100 } = params;
-    const stackRef = useRef(null);
-    if (stackRef.current === null) {
-        stackRef.current = new UndoRedoStack(maxUndoDepth);
-    }
-    const [historyLength, setHistoryLength] = useState(0);
-    const [redoLength, setRedoLength] = useState(0);
-    const getStack = useCallback(() => {
-        const s = stackRef.current;
-        if (!s)
-            throw new Error('UndoRedoStack not initialized');
-        return s;
-    }, []);
-    const wrapped = useCallback((event) => {
-        if (!onCellValueChanged)
-            return;
-        const stack = getStack();
-        stack.record(event);
-        if (!stack.isBatching) {
-            setHistoryLength(stack.historyLength);
-            setRedoLength(stack.redoLength);
-        }
-        onCellValueChanged(event);
-    }, [onCellValueChanged, getStack]);
-    const beginBatch = useCallback(() => {
-        getStack().beginBatch();
-    }, [getStack]);
-    const endBatch = useCallback(() => {
-        const stack = getStack();
-        stack.endBatch();
-        setHistoryLength(stack.historyLength);
-        setRedoLength(stack.redoLength);
-    }, [getStack]);
-    const undo = useCallback(() => {
-        if (!onCellValueChanged)
-            return;
-        const stack = getStack();
-        const lastBatch = stack.undo();
-        if (!lastBatch)
-            return;
-        setHistoryLength(stack.historyLength);
-        setRedoLength(stack.redoLength);
-        // Revert in reverse order so multi-cell undo is applied correctly
-        for (let i = lastBatch.length - 1; i >= 0; i--) {
-            const ev = lastBatch[i];
-            onCellValueChanged({
-                ...ev,
-                oldValue: ev.newValue,
-                newValue: ev.oldValue,
-            });
-        }
-    }, [onCellValueChanged, getStack]);
-    const redo = useCallback(() => {
-        if (!onCellValueChanged)
-            return;
-        const stack = getStack();
-        const nextBatch = stack.redo();
-        if (!nextBatch)
-            return;
-        setHistoryLength(stack.historyLength);
-        setRedoLength(stack.redoLength);
-        // Replay in original order
-        for (const ev of nextBatch) {
-            onCellValueChanged(ev);
-        }
-    }, [onCellValueChanged, getStack]);
-    return {
-        onCellValueChanged: onCellValueChanged ? wrapped : undefined,
-        undo,
-        redo,
-        canUndo: historyLength > 0,
-        canRedo: redoLength > 0,
-        beginBatch,
-        endBatch,
-        maxUndoDepth,
-    };
-}

package/dist/esm/hooks/useVirtualScroll.js

@@ -1,69 +0,0 @@
-import { useMemo, useCallback, useRef } from 'react';
-import { useVirtualizer } from '@tanstack/react-virtual';
-/** Threshold below which virtual scrolling is a no-op (all rows rendered). */
-const PASSTHROUGH_THRESHOLD = 100;
-/**
- * Wraps TanStack Virtual for row virtualization.
- * When disabled or when totalRows < threshold, returns a pass-through (all rows visible).
- * @param params - Total rows, row height, enabled flag, overscan, and container ref.
- * @returns Virtualizer instance, total height, visible range, and scrollToIndex helper.
- */
-export function useVirtualScroll(params) {
-    const { totalRows, rowHeight, enabled, overscan = 5, containerRef, } = params;
-    const isActive = enabled && totalRows >= PASSTHROUGH_THRESHOLD;
-    const getScrollElement = useCallback(() => containerRef.current, [containerRef]);
-    const virtualizer = useVirtualizer({
-        count: isActive ? totalRows : 0,
-        getScrollElement,
-        estimateSize: () => rowHeight,
-        overscan,
-        enabled: isActive,
-    });
-    const passthroughRange = useMemo(() => ({
-        startIndex: 0,
-        endIndex: Math.max(0, totalRows - 1),
-        offsetTop: 0,
-        offsetBottom: 0,
-    }), [totalRows]);
-    const activeRange = useMemo(() => {
-        if (!isActive)
-            return passthroughRange;
-        const virtualItems = virtualizer.getVirtualItems();
-        if (virtualItems.length === 0) {
-            return { startIndex: 0, endIndex: -1, offsetTop: 0, offsetBottom: 0 };
-        }
-        const first = virtualItems[0];
-        const last = virtualItems[virtualItems.length - 1];
-        const totalSize = virtualizer.getTotalSize();
-        return {
-            startIndex: first.index,
-            endIndex: last.index,
-            offsetTop: first.start,
-            offsetBottom: Math.max(0, totalSize - last.end),
-        };
-    }, [isActive, virtualizer, passthroughRange]);
-    const totalHeight = isActive
-        ? virtualizer.getTotalSize()
-        : totalRows * rowHeight;
-    const scrollToIndexRef = useRef(virtualizer);
-    scrollToIndexRef.current = virtualizer;
-    const scrollToIndex = useCallback((index) => {
-        if (isActive) {
-            scrollToIndexRef.current?.scrollToIndex(index, { align: 'auto' });
-        }
-        else {
-            // When not virtualized, scroll the container directly
-            const container = containerRef.current;
-            if (container) {
-                const top = index * rowHeight;
-                container.scrollTo({ top, behavior: 'auto' });
-            }
-        }
-    }, [isActive, containerRef, rowHeight]);
-    return {
-        virtualizer: isActive ? virtualizer : null,
-        totalHeight,
-        visibleRange: activeRange,
-        scrollToIndex,
-    };
-}

package/dist/esm/storybook/index.js

@@ -1 +0,0 @@
-export { storyRows, storyGetRowId, noop, editableInitialRows, editableColumns, NotesPopupEditor, spreadsheetRows, spreadsheetColumns, departmentFilterOptions, statusFilterOptions, } from './mockData';

package/dist/esm/storybook/mockData.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-export const storyRows = [
-    { id: '1', name: 'Alpha', status: 'Active', owner: 'alice@test.com' },
-    { id: '2', name: 'Beta', status: 'Closed', owner: 'bob@test.com' },
-    { id: '3', name: 'Gamma', status: 'Active', owner: 'carol@test.com' },
-    { id: '4', name: 'Delta', status: 'Planning', owner: 'dave@test.com' },
-];
-export const storyGetRowId = (r) => r.id;
-export const noop = () => { };
-export const editableInitialRows = [
-    { id: '1', name: 'Alpha', status: 'Active', approved: false },
-    { id: '2', name: 'Beta', status: 'Closed', approved: true },
-    { id: '3', name: 'Gamma', status: 'Planning', approved: false },
-];
-export const editableColumns = [
-    {
-        columnId: 'name',
-        name: 'Name',
-        editable: true,
-        cellEditor: 'text',
-    },
-    {
-        columnId: 'status',
-        name: 'Status',
-        editable: true,
-        cellEditor: 'select',
-        cellEditorParams: { values: ['Active', 'Closed', 'Planning'] },
-    },
-    {
-        columnId: 'approved',
-        name: 'Approved',
-        editable: true,
-        cellEditor: 'checkbox',
-        valueFormatter: (v) => (v === true ? 'Yes' : 'No'),
-    },
-];
-export function NotesPopupEditor({ value, onValueChange, onCommit, onCancel }) {
-    const [local, setLocal] = React.useState(String(value ?? ''));
-    return (_jsxs("div", { style: { padding: 8, minWidth: 200 }, children: [_jsx("textarea", { value: local, onChange: (e) => setLocal(e.target.value), onBlur: () => {
-                    onValueChange(local);
-                    onCommit();
-                }, rows: 3, style: { width: '100%', marginBottom: 8 }, "data-testid": "notes-editor" }), _jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("button", { type: "button", onClick: () => { onValueChange(local); onCommit(); }, children: "Save" }), _jsx("button", { type: "button", onClick: onCancel, children: "Cancel" })] })] }));
-}
-export const spreadsheetRows = [
-    { id: '1', name: 'Alice Johnson', department: 'Engineering', salary: 125000, startDate: '2021-03-15', status: 'Active', email: 'alice@company.com' },
-    { id: '2', name: 'Bob Smith', department: 'Marketing', salary: 95000, startDate: '2020-07-01', status: 'Active', email: 'bob@company.com' },
-    { id: '3', name: 'Carol Williams', department: 'Engineering', salary: 140000, startDate: '2019-11-20', status: 'Active', email: 'carol@company.com' },
-    { id: '4', name: 'Dave Brown', department: 'Sales', salary: 85000, startDate: '2022-01-10', status: 'On Leave', email: 'dave@company.com' },
-    { id: '5', name: 'Eve Davis', department: 'Engineering', salary: 155000, startDate: '2018-05-22', status: 'Active', email: 'eve@company.com' },
-    { id: '6', name: 'Frank Miller', department: 'Marketing', salary: 88000, startDate: '2023-02-14', status: 'Active', email: 'frank@company.com' },
-    { id: '7', name: 'Grace Lee', department: 'Sales', salary: 92000, startDate: '2021-08-30', status: 'Active', email: 'grace@company.com' },
-    { id: '8', name: 'Henry Wilson', department: 'Engineering', salary: 130000, startDate: '2020-04-12', status: 'Inactive', email: 'henry@company.com' },
-    { id: '9', name: 'Iris Taylor', department: 'HR', salary: 78000, startDate: '2022-09-05', status: 'Active', email: 'iris@company.com' },
-    { id: '10', name: 'Jack Anderson', department: 'Engineering', salary: 145000, startDate: '2019-06-18', status: 'Active', email: 'jack@company.com' },
-];
-export const spreadsheetColumns = [
-    { columnId: 'name', name: 'Employee Name', sortable: true, minWidth: 160, filterable: { type: 'text' } },
-    { columnId: 'department', name: 'Department', sortable: true, filterable: { type: 'multiSelect' } },
-    {
-        columnId: 'salary',
-        name: 'Salary',
-        sortable: true,
-        minWidth: 100,
-        valueFormatter: (v) => typeof v === 'number' ? `$${v.toLocaleString()}` : '',
-        cellStyle: { textAlign: 'right', fontVariantNumeric: 'tabular-nums' },
-    },
-    { columnId: 'startDate', name: 'Start Date', sortable: true, minWidth: 110 },
-    { columnId: 'status', name: 'Status', sortable: true, filterable: { type: 'multiSelect' } },
-    { columnId: 'email', name: 'Email', sortable: true, minWidth: 180 },
-];
-export const departmentFilterOptions = ['Engineering', 'Marketing', 'Sales', 'HR'];
-export const statusFilterOptions = ['Active', 'On Leave', 'Inactive'];

package/dist/esm/types/columnTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/types/dataGridTypes.js

@@ -1 +0,0 @@
-export { toUserLike, isInSelectionRange, normalizeSelectionRange } from '@alaarab/ogrid-core';

package/dist/esm/types/index.js

@@ -1 +0,0 @@
-export { toUserLike, isInSelectionRange, normalizeSelectionRange } from './dataGridTypes';

package/dist/esm/utils/dataGridViewModel.js

@@ -1,54 +0,0 @@
-/**
- * View model helpers for DataGridTable.
- * Pure functions are now in @alaarab/ogrid-core. This file re-exports them
- * and adds React-specific helpers / type narrowing.
- */
-import { resolveCellDisplayContent as coreResolveCellDisplayContent, resolveCellStyle as coreResolveCellStyle, buildInlineEditorProps as coreBuildInlineEditorProps, buildPopoverEditorProps as coreBuildPopoverEditorProps, } from '@alaarab/ogrid-core';
-// Re-export pure functions from core (no type narrowing needed)
-export { getHeaderFilterConfig, getCellRenderDescriptor, } from '@alaarab/ogrid-core';
-// --- React-typed wrappers for functions that need type narrowing ---
-/**
- * Resolves display content for a cell in display mode.
- * Returns React.ReactNode for JSX compatibility.
- */
-export function resolveCellDisplayContent(col, item, displayValue) {
-    return coreResolveCellDisplayContent(col, item, displayValue);
-}
-/**
- * Resolves the cellStyle from a column def.
- * Returns React.CSSProperties for JSX compatibility.
- */
-export function resolveCellStyle(col, item) {
-    return coreResolveCellStyle(col, item);
-}
-/**
- * Builds props for InlineCellEditor with React-specific IColumnDef.
- */
-export function buildInlineEditorProps(item, col, descriptor, callbacks) {
-    const result = coreBuildInlineEditorProps(item, col, descriptor, callbacks);
-    return { ...result, column: col };
-}
-/**
- * Builds ICellEditorProps for custom popover editors with React-specific IColumnDef.
- */
-export function buildPopoverEditorProps(item, col, descriptor, pendingEditorValue, callbacks) {
-    const result = coreBuildPopoverEditorProps(item, col, descriptor, pendingEditorValue, callbacks);
-    return { ...result, column: col };
-}
-export function getCellInteractionProps(descriptor, columnId, handlers) {
-    return {
-        'data-row-index': descriptor.rowIndex,
-        'data-col-index': descriptor.globalColIndex,
-        ...(descriptor.isInRange ? { 'data-in-range': 'true' } : {}),
-        tabIndex: descriptor.isActive ? 0 : -1,
-        onMouseDown: (e) => handlers.handleCellMouseDown(e, descriptor.rowIndex, descriptor.globalColIndex),
-        onClick: () => handlers.setActiveCell({ rowIndex: descriptor.rowIndex, columnIndex: descriptor.globalColIndex }),
-        onContextMenu: handlers.handleCellContextMenu,
-        ...(descriptor.canEditAny
-            ? {
-                role: 'button',
-                onDoubleClick: () => handlers.setEditingCell({ rowId: descriptor.rowId, columnId }),
-            }
-            : {}),
-    };
-}

package/dist/esm/utils/gridRowComparator.js

@@ -1,2 +0,0 @@
-// Re-export from core — no React-specific changes
-export { areGridRowPropsEqual, isRowInRange } from '@alaarab/ogrid-core';

package/dist/esm/utils/index.js

@@ -1,5 +0,0 @@
-// Shared utilities re-exported from core
-export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, flattenColumns, buildHeaderRows, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, findCtrlArrowTarget, computeTabNavigation, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, applyPastedValues, applyCutClear, applyFillValues, computeArrowNavigation, applyCellDeletion, applyRangeRowSelection, computeRowSelectionState, UndoRedoStack, } from '@alaarab/ogrid-core';
-// View model utilities (re-exported from core + React-specific getCellInteractionProps)
-export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
-export { areGridRowPropsEqual, isRowInRange } from './gridRowComparator';