@alaarab/ogrid-react 2.0.23 → 2.1.0

package/dist/types/hooks/useDataGridEditing.d.ts

@@ -0,0 +1,39 @@
+import type { RowId, IColumnDef } from '../types';
+import type { DataGridEditingState } from './useDataGridState';
+export interface UseDataGridEditingParams<T> {
+    editingCell: {
+        rowId: RowId;
+        columnId: string;
+    } | null;
+    setEditingCell: (cell: {
+        rowId: RowId;
+        columnId: string;
+    } | null) => void;
+    pendingEditorValue: unknown;
+    setPendingEditorValue: (value: unknown) => void;
+    visibleCols: IColumnDef<T>[];
+    itemsLength: number;
+    onCellValueChanged?: (event: {
+        item: T;
+        columnId: string;
+        oldValue: unknown;
+        newValue: unknown;
+        rowIndex: number;
+    }) => void;
+    setActiveCell: (cell: {
+        rowIndex: number;
+        columnIndex: number;
+    } | null) => void;
+}
+export interface UseDataGridEditingResult<T> {
+    editing: DataGridEditingState<T>;
+}
+/**
+ * Manages cell editing commit/cancel logic and popover editor state.
+ * Extracted from useDataGridState for modularity.
+ *
+ * The editingCell/setEditingCell/pendingEditorValue/setPendingEditorValue are
+ * passed in from useCellEditing() (called at the orchestrator level) to avoid
+ * circular dependencies with useDataGridInteraction.
+ */
+export declare function useDataGridEditing<T>(params: UseDataGridEditingParams<T>): UseDataGridEditingResult<T>;

package/dist/types/hooks/useDataGridInteraction.d.ts

@@ -0,0 +1,95 @@
+import type { RefObject } from 'react';
+import type { RowId, IColumnDef } from '../types';
+import type { DataGridCellInteractionState } from './useDataGridState';
+export interface UseDataGridInteractionParams<T> {
+    items: T[];
+    visibleCols: IColumnDef<T>[];
+    colOffset: number;
+    hasCheckboxCol: boolean;
+    visibleColumnCount: number;
+    getRowId: (item: T) => RowId;
+    editable?: boolean;
+    onCellValueChangedProp?: (event: {
+        item: T;
+        columnId: string;
+        oldValue: unknown;
+        newValue: unknown;
+        rowIndex: number;
+    }) => void;
+    cellSelection: boolean;
+    rowSelection?: 'none' | 'single' | 'multiple';
+    selectedRowIds: Set<RowId>;
+    /** From useCellEditing (called at orchestrator level). */
+    editingCell: {
+        rowId: RowId;
+        columnId: string;
+    } | null;
+    /** From useCellEditing (called at orchestrator level). */
+    setEditingCell: (cell: {
+        rowId: RowId;
+        columnId: string;
+    } | null) => void;
+    /** From useActiveCell (called at orchestrator level). */
+    activeCell: {
+        rowIndex: number;
+        columnIndex: number;
+    } | null;
+    /** From useActiveCell (called at orchestrator level). */
+    setActiveCell: (cell: {
+        rowIndex: number;
+        columnIndex: number;
+    } | null) => void;
+    handleRowCheckboxChange: (rowId: RowId, checked: boolean, rowIndex: number, shiftKey: boolean) => void;
+    setContextMenuPosition: (pos: {
+        x: number;
+        y: number;
+    } | null) => void;
+    wrapperRef: RefObject<HTMLDivElement | null>;
+}
+export interface UseDataGridInteractionResult<T> {
+    interaction: DataGridCellInteractionState;
+    selectionRange: {
+        startRow: number;
+        startCol: number;
+        endRow: number;
+        endCol: number;
+    } | null;
+    setSelectionRange: (range: {
+        startRow: number;
+        startCol: number;
+        endRow: number;
+        endCol: number;
+    } | null) => void;
+    cutRange: {
+        startRow: number;
+        startCol: number;
+        endRow: number;
+        endCol: number;
+    } | null;
+    copyRange: {
+        startRow: number;
+        startCol: number;
+        endRow: number;
+        endCol: number;
+    } | null;
+    clearClipboardRanges: () => void;
+    isDragging: boolean;
+    /** The undo/redo wrapper around onCellValueChanged. Consumers need this for editing. */
+    onCellValueChanged: ((event: {
+        item: T;
+        columnId: string;
+        oldValue: unknown;
+        newValue: unknown;
+        rowIndex: number;
+    }) => void) | undefined;
+    canUndo: boolean;
+    canRedo: boolean;
+}
+/**
+ * Manages cell selection, keyboard navigation, clipboard, fill handle, and undo/redo.
+ * Extracted from useDataGridState for modularity.
+ *
+ * activeCell/setActiveCell and editingCell/setEditingCell are passed in from the
+ * orchestrator level to avoid circular dependencies with useDataGridEditing.
+ */
+export declare function useDataGridInteraction<T>(params: UseDataGridInteractionParams<T>): UseDataGridInteractionResult<T>;

package/dist/types/hooks/useDataGridLayout.d.ts

@@ -0,0 +1,45 @@
+import type { RefObject } from 'react';
+import type { RowId, IColumnDef } from '../types';
+import type { DataGridLayoutState, DataGridPinningState } from './useDataGridState';
+export interface UseDataGridLayoutParams<T> {
+    columns: unknown[];
+    items: T[];
+    getRowId: (item: T) => RowId;
+    visibleColumns?: Set<string>;
+    columnOrder?: string[];
+    rowSelection?: string;
+    showRowNumbers?: boolean;
+    initialColumnWidths?: Record<string, number>;
+    onColumnResized?: (columnId: string, width: number) => void;
+    onAutosizeColumn?: (columnId: string, width: number) => void;
+    pinnedColumns?: Record<string, 'left' | 'right'>;
+    onColumnPinned?: (columnId: string, side: 'left' | 'right' | null) => void;
+    sortBy?: string;
+    sortDirection?: 'asc' | 'desc';
+    onColumnSort?: (columnKey: string, direction?: 'asc' | 'desc' | null) => void;
+    wrapperRef: RefObject<HTMLDivElement | null>;
+}
+export interface UseDataGridLayoutResult<T> {
+    layout: DataGridLayoutState<T>;
+    pinning: DataGridPinningState;
+    flatColumns: IColumnDef<T>[];
+    visibleCols: IColumnDef<T>[];
+    visibleColumnCount: number;
+    totalColCount: number;
+    colOffset: number;
+    hasCheckboxCol: boolean;
+    hasRowNumbersCol: boolean;
+    columnSizingOverrides: Record<string, {
+        widthPx: number;
+    }>;
+    setColumnSizingOverrides: React.Dispatch<React.SetStateAction<Record<string, {
+        widthPx: number;
+    }>>>;
+    handleAutosizeColumn: (columnId: string, width: number) => void;
+    stableOnColumnSort: (columnKey: string, direction?: 'asc' | 'desc' | null) => void;
+}
+/**
+ * Manages column layout, visibility, sizing, pinning, and header menu state.
+ * Extracted from useDataGridState for modularity.
+ */
+export declare function useDataGridLayout<T>(params: UseDataGridLayoutParams<T>): UseDataGridLayoutResult<T>;

package/dist/types/hooks/useDataGridState.d.ts

@@ -98,7 +98,7 @@ export interface DataGridCellInteractionState {
     canRedo: boolean;
     onUndo?: () => void;
     onRedo?: () => void;
-    /** True while user is drag-selecting cells (mousedown → mouseup). */
+    /** True while user is drag-selecting cells (mousedown -> mouseup). */
     isDragging: boolean;
 }
 /** Context menu position and handlers. */
@@ -169,5 +169,11 @@ export interface UseDataGridStateResult<T> {
 /**
  * Single orchestration hook for DataGridTable. Takes grid props and wrapper ref,
  * returns all derived state and handlers so Fluent/Material/Radix can be thin view layers.
+ *
+ * Internally delegates to focused sub-hooks:
+ * - useDataGridLayout -- column layout, sizing, pinning, header menu
+ * - useDataGridEditing -- cell editing commit/cancel, popover editor
+ * - useDataGridInteraction -- cell selection, keyboard nav, clipboard, fill handle, undo/redo
+ * - useDataGridContextMenu -- context menu state
  */
 export declare function useDataGridState<T>(params: UseDataGridStateParams<T>): UseDataGridStateResult<T>;

package/dist/types/hooks/useDataGridTableOrchestration.d.ts

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react';
 import type { IOGridDataGridProps, IColumnDef } from '../types';
-import type { UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState } from './useDataGridState';
+import type { DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState } from './useDataGridState';
 import type { UseColumnResizeResult } from './useColumnResize';
 import type { UseColumnReorderResult } from './useColumnReorder';
 import type { UseVirtualScrollResult } from './useVirtualScroll';
@@ -15,7 +15,6 @@ export interface UseDataGridTableOrchestrationResult<T> {
     wrapperRef: RefObject<HTMLDivElement | null>;
     tableContainerRef: RefObject<HTMLDivElement | null>;
     lastMouseShiftRef: React.MutableRefObject<boolean>;
-    state: UseDataGridStateResult<T>;
     layout: DataGridLayoutState<T>;
     rowSel: DataGridRowSelectionState;
     editing: DataGridEditingState<T>;

package/dist/types/hooks/useOGrid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SideBarProps } from '../components/SideBar';
-import type { IOGridProps, IOGridDataGridProps, IOGridApi, IFilters, IColumnDefinition } from '../types';
+import type { IOGridProps, IOGridDataGridProps, IOGridApi, IColumnDefinition } from '../types';
 /** Resolved column chooser placement. */
 export type ColumnChooserPlacement = 'toolbar' | 'sidebar' | 'none';
 /** Pagination state and handlers. */
@@ -18,6 +18,7 @@ export interface UseOGridColumnChooser {
     columns: IColumnDefinition[];
     visibleColumns: Set<string>;
     onVisibilityChange: (columnKey: string, isVisible: boolean) => void;
+    onSetVisibleColumns: (columns: Set<string>) => void;
     placement: ColumnChooserPlacement;
 }
 /** Layout / chrome configuration. */
@@ -34,7 +35,7 @@ export interface UseOGridLayout {
 /** Filter state. */
 export interface UseOGridFilters {
     hasActiveFilters: boolean;
-    setFilters: (f: IFilters) => void;
+    setFilters: (f: import('../types').IFilters) => void;
 }
 export interface UseOGridResult<T> {
     dataGridProps: IOGridDataGridProps<T>;
@@ -45,6 +46,7 @@ export interface UseOGridResult<T> {
 }
 /**
  * Top-level orchestration hook for OGrid: manages pagination, sorting, filtering, column visibility, and sidebar.
+ * Delegates to focused sub-hooks for each concern.
  * @param props - All OGrid props (columns, data, callbacks, feature flags).
  * @param ref - Forwarded ref for imperative API (refresh, export, applyColumnState).
  * @returns Grouped props for DataGridTable, pagination controls, column chooser, layout, and filters.

package/dist/types/hooks/useOGridDataFetching.d.ts

@@ -0,0 +1,29 @@
+import type { IFilters, IDataSource } from '../types';
+import type { IColumnDef as ICoreColumnDef } from '@alaarab/ogrid-core';
+export interface UseOGridDataFetchingParams<T> {
+    isServerSide: boolean;
+    dataSource?: IDataSource<T>;
+    displayData: T[];
+    columns: ICoreColumnDef<T>[];
+    stableFilters: IFilters;
+    filters: IFilters;
+    sort: {
+        field: string;
+        direction: 'asc' | 'desc';
+    };
+    page: number;
+    pageSize: number;
+    onError?: (err: unknown) => void;
+    onFirstDataRendered?: () => void;
+}
+export interface UseOGridDataFetchingState<T> {
+    displayItems: T[];
+    displayTotalCount: number;
+    serverLoading: boolean;
+    refreshData: () => void;
+}
+/**
+ * Manages data fetching (server-side) and client-side filtering/sorting/pagination.
+ * Fires onFirstDataRendered once when items first appear.
+ */
+export declare function useOGridDataFetching<T>(params: UseOGridDataFetchingParams<T>): UseOGridDataFetchingState<T>;

package/dist/types/hooks/useOGridFilters.d.ts

@@ -0,0 +1,24 @@
+import type { IFilters, FilterValue, IDataSource } from '../types';
+import type { IColumnDef as ICoreColumnDef } from '@alaarab/ogrid-core';
+export interface UseOGridFiltersParams<T> {
+    controlledFilters?: IFilters;
+    onFiltersChange?: (f: IFilters) => void;
+    setPage: (p: number) => void;
+    columns: ICoreColumnDef<T>[];
+    displayData: T[];
+    dataSource?: IDataSource<T>;
+}
+export interface UseOGridFiltersState {
+    filters: IFilters;
+    setFilters: (f: IFilters) => void;
+    handleFilterChange: (key: string, value: FilterValue | undefined) => void;
+    stableFilters: IFilters;
+    hasActiveFilters: boolean;
+    clientFilterOptions: Record<string, string[]>;
+    loadingFilterOptions: Record<string, boolean>;
+}
+/**
+ * Manages filter state, filter options (client + server), and stabilized filter reference.
+ * Resets to page 1 on filter change.
+ */
+export declare function useOGridFilters<T>(params: UseOGridFiltersParams<T>): UseOGridFiltersState;

package/dist/types/hooks/useOGridPagination.d.ts

@@ -0,0 +1,18 @@
+export interface UseOGridPaginationParams {
+    controlledPage?: number;
+    controlledPageSize?: number;
+    defaultPageSize: number;
+    onPageChange?: (p: number) => void;
+    onPageSizeChange?: (size: number) => void;
+}
+export interface UseOGridPaginationState {
+    page: number;
+    pageSize: number;
+    setPage: (p: number) => void;
+    setPageSize: (size: number) => void;
+}
+/**
+ * Manages pagination state with controlled/uncontrolled dual-mode support.
+ * Resets to page 1 when page size changes.
+ */
+export declare function useOGridPagination(params: UseOGridPaginationParams): UseOGridPaginationState;

package/dist/types/hooks/useOGridSorting.d.ts

@@ -0,0 +1,23 @@
+export interface SortState {
+    field: string;
+    direction: 'asc' | 'desc';
+}
+export interface UseOGridSortingParams {
+    controlledSort?: SortState;
+    defaultSortField: string;
+    defaultSortDirection: 'asc' | 'desc';
+    onSortChange?: (s: SortState) => void;
+    setPage: (p: number) => void;
+}
+export interface UseOGridSortingState {
+    sort: SortState;
+    setSort: (s: SortState) => void;
+    handleSort: (columnKey: string, direction?: 'asc' | 'desc' | null) => void;
+    defaultSortField: string;
+    defaultSortDirection: 'asc' | 'desc';
+}
+/**
+ * Manages sort state with controlled/uncontrolled dual-mode support.
+ * Resets to page 1 on sort change.
+ */
+export declare function useOGridSorting(params: UseOGridSortingParams): UseOGridSortingState;

package/dist/types/hooks/usePaginationControls.d.ts

@@ -11,7 +11,7 @@ export interface UsePaginationControlsProps {
 export interface UsePaginationControlsResult {
     labelPlural: string;
     vm: ReturnType<typeof getPaginationViewModel>;
-    handlePageSizeChange: (value: number) => void;
+    handlePageSizeChange: (pageSize: number) => void;
 }
 /**
  * Shared pagination controls logic for React UI packages.

package/dist/types/hooks/useRichSelectState.d.ts

@@ -1,3 +1,5 @@
+/** Shared display text formatter for select and rich-select editors. */
+export declare function getSelectDisplayText(value: unknown, formatValue?: (v: unknown) => string): string;
 export interface UseRichSelectStateParams {
     values: unknown[];
     formatValue?: (value: unknown) => string;

package/dist/types/hooks/useShallowEqualMemo.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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 declare function useShallowEqualMemo<T>(value: T, isEqual: (a: T, b: T) => boolean): T;

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, } from '@alaarab/ogrid-core';
 export type { ColumnFilterType, IColumnFilterDef, IColumnMeta, IColumnDef, IColumnGroupDef, IColumnDefinition, ICellValueChangedEvent, ICellEditorProps, CellEditorParams, IValueParserParams, UserLike, UserLikeInput, FilterValue, IFilters, IFetchParams, IPageResult, IDataSource, IGridColumnState, IOGridApi, IOGridProps, IOGridDataGridProps, RowSelectionMode, RowId, IRowSelectionChangeEvent, StatusBarPanel, IStatusBarProps, IActiveCell, ISelectionRange, HeaderCell, HeaderRow, SideBarPanelId, ISideBarDef, IDateFilterValue, IVirtualScrollConfig, IColumnReorderConfig, } from './types';
 export { toUserLike, isInSelectionRange, normalizeSelectionRange } from './types';
-export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useListVirtualizer, useLatestRef, usePaginationControls, useDataGridTableOrchestration, } from './hooks';
-export type { UseFilterOptionsResult, UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseActiveCellResult, UseCellEditingResult, EditingCell, UseContextMenuResult, ContextMenuPosition, UseCellSelectionResult, UseCellSelectionParams, UseClipboardResult, UseClipboardParams, UseRowSelectionResult, UseRowSelectionParams, UseKeyboardNavigationResult, UseKeyboardNavigationParams, UseUndoRedoResult, UseUndoRedoParams, UseFillHandleResult, UseFillHandleParams, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, InlineCellEditorType, UseColumnResizeParams, UseColumnResizeResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSelectStateParams, UseSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UsePaginationControlsProps, UsePaginationControlsResult, UseDataGridTableOrchestrationParams, UseDataGridTableOrchestrationResult, } from './hooks';
+export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useListVirtualizer, useLatestRef, usePaginationControls, useDataGridTableOrchestration, useColumnMeta, } from './hooks';
+export type { UseFilterOptionsResult, UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseActiveCellResult, UseCellEditingResult, EditingCell, UseContextMenuResult, ContextMenuPosition, UseCellSelectionResult, UseCellSelectionParams, UseClipboardResult, UseClipboardParams, UseRowSelectionResult, UseRowSelectionParams, UseKeyboardNavigationResult, UseKeyboardNavigationParams, UseUndoRedoResult, UseUndoRedoParams, UseFillHandleResult, UseFillHandleParams, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, InlineCellEditorType, UseColumnResizeParams, UseColumnResizeResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSelectStateParams, UseSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UsePaginationControlsProps, UsePaginationControlsResult, UseDataGridTableOrchestrationParams, UseDataGridTableOrchestrationResult, UseColumnMetaParams, ColumnMetaResult, } from './hooks';
 export { GRID_ROOT_STYLE, CURSOR_CELL_STYLE, POPOVER_ANCHOR_STYLE, PREVENT_DEFAULT, NOOP, STOP_PROPAGATION, } from './constants/domHelpers';
 export { OGridLayout } from './components/OGridLayout';
 export type { OGridLayoutProps } from './components/OGridLayout';

package/dist/types/utils/index.d.ts

@@ -1,5 +1,5 @@
-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, UndoRedoStack, } from '@alaarab/ogrid-core';
-export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, ParseValueResult, AggregationResult, IColumnHeaderMenuItem, ColumnHeaderMenuInput, ColumnHeaderMenuHandlers, } from '@alaarab/ogrid-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';
+export type { CsvColumn, StatusBarPart, StatusBarPartsInput, GridContextMenuItem, GridContextMenuHandlerProps, PaginationViewModel, ParseValueResult, AggregationResult, IColumnHeaderMenuItem, ColumnHeaderMenuInput, ColumnHeaderMenuHandlers, ArrowNavigationContext, ArrowNavigationResult, } from '@alaarab/ogrid-core';
 export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './dataGridViewModel';
 export type { HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, } from './dataGridViewModel';
 export { areGridRowPropsEqual, isRowInRange } from './gridRowComparator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-react",
-  "version": "2.0.23",
+  "version": "2.1.0",
   "description": "OGrid React – React hooks, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -36,11 +36,12 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.0.23"
+    "@alaarab/ogrid-core": "2.1.0"
   },
   "peerDependencies": {
     "@tanstack/react-virtual": "^3.0.0",
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-virtual": {
@@ -58,5 +59,12 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alaarab/ogrid.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://ogrid.dev",
+  "bugs": "https://github.com/alaarab/ogrid/issues"
 }