@gp-grid/react 0.7.4 → 0.8.1

package/dist/index.d.ts

@@ -1,1302 +1,24 @@
 import React$1 from "react";
+import { CellDataType, CellPosition, CellRange, CellRendererParams, CellRendererParams as CellRendererParams$1, CellValue, CellValue as CellValue$1, CellValueChangedEvent, CellValueChangedEvent as CellValueChangedEvent$1, ColumnDefinition, ColumnDefinition as ColumnDefinition$1, ColumnFilterModel, DataSource, DataSource as DataSource$1, DataSourceRequest, DataSourceResponse, EditRendererParams, EditRendererParams as EditRendererParams$1, FilterCondition, FilterModel, GridCore, GridCore as GridCore$1, GridInstruction, HeaderRendererParams, HeaderRendererParams as HeaderRendererParams$1, HighlightingOptions, MutableDataSource, MutableDataSource as MutableDataSource$1, ParallelSortOptions, Row, Row as Row$1, RowId, RowId as RowId$1, SortDirection, SortModel, createClientDataSource, createDataSourceFromArray, createMutableClientDataSource, createServerDataSource } from "@gp-grid/core";
 
-//#region ../core/src/types/basic.d.ts
-/** Cell data type primitive types */
-type CellDataType = "text" | "number" | "boolean" | "date" | "dateString" | "dateTime" | "dateTimeString" | "object";
-/** Cell value type */
-type CellValue = string | number | boolean | Date | object | null;
-/** Row type */
-type Row = unknown;
-/** Row ID type for transaction operations */
-type RowId = string | number;
-/** Sort direction type */
-type SortDirection = "asc" | "desc";
-/** Sort model type */
-type SortModel = {
-  colId: string;
-  direction: SortDirection;
-};
-/** Cell position */
-interface CellPosition {
-  row: number;
-  col: number;
-}
-/** Cell range */
-interface CellRange {
-  startRow: number;
-  startCol: number;
-  endRow: number;
-  endCol: number;
-}
-/** Selection state */
-interface SelectionState {
-  /** Active cell position */
-  activeCell: CellPosition | null;
-  /** Selection range */
-  range: CellRange | null;
-  /** Anchor cell for shift-extend selection */
-  anchor: CellPosition | null;
-  /** Whether selection mode is active (ctrl held) */
-  selectionMode: boolean;
-}
-/** Edit state */
-interface EditState {
-  /** Row index */
-  row: number;
-  /** Column index */
-  col: number;
-  /** Initial value */
-  initialValue: CellValue;
-  /** Current value */
-  currentValue: CellValue;
-}
-/** Fill handle state */
-interface FillHandleState {
-  /** Source range */
-  sourceRange: CellRange;
-  /** Target row */
-  targetRow: number;
-  /** Target column */
-  targetCol: number;
-}
-//#endregion
-//#region ../core/src/types/highlighting.d.ts
-/**
- * Minimal column info for highlighting context.
- * Uses structural typing to avoid circular dependency with columns.ts.
- */
-interface HighlightColumnInfo {
-  field: string;
-  colId?: string;
-}
-/**
- * Unified context for row, column, and cell highlighting.
- *
- * - Row context: `rowIndex` is set, `colIndex` is null
- * - Column context: `colIndex` is set, `rowIndex` is null
- * - Cell context: both `rowIndex` and `colIndex` are set
- */
-interface HighlightContext<TData = Record<string, unknown>> {
-  /** Row index. Null for column-only context. */
-  rowIndex: number | null;
-  /** Column index. Null for row-only context. */
-  colIndex: number | null;
-  /** Column definition. Present for column and cell contexts. */
-  column?: HighlightColumnInfo;
-  /** Row data. Present for row and cell contexts. */
-  rowData?: TData;
-  /** Currently hovered cell position, null if not hovering */
-  hoverPosition: CellPosition | null;
-  /** Currently active (focused) cell position */
-  activeCell: CellPosition | null;
-  /** Current selection range */
-  selectionRange: CellRange | null;
-  /** Whether this row/column/cell is hovered (respects hoverScope) */
-  isHovered: boolean;
-  /** Whether this row/column contains or is the active cell */
-  isActive: boolean;
-  /** Whether this row/column/cell overlaps or is in the selection range */
-  isSelected: boolean;
-}
-/**
- * Grid-level highlighting options.
- * Hover tracking is automatically enabled when any highlighting callback is defined.
- * Each callback type has its own natural interpretation of `isHovered`:
- * - computeRowClasses: isHovered = mouse is on any cell in this row
- * - computeColumnClasses: isHovered = mouse is on any cell in this column
- * - computeCellClasses: isHovered = mouse is on this exact cell
- *
- * For a crosshair effect, implement both computeRowClasses and computeColumnClasses.
- */
-interface HighlightingOptions<TData = Record<string, unknown>> {
-  /**
-   * Row-level class callback.
-   * Classes returned are applied to the row container element.
-   * Context has `rowIndex` set, `colIndex` is null.
-   * `isHovered` is true when the mouse is on any cell in this row.
-   * @returns Array of CSS class names
-   */
-  computeRowClasses?: (context: HighlightContext<TData>) => string[];
-  /**
-   * Column-level class callback.
-   * Classes returned are applied to all cells in that column (not header).
-   * Context has `colIndex` set, `rowIndex` is null.
-   * `isHovered` is true when the mouse is on any cell in this column.
-   * @returns Array of CSS class names
-   */
-  computeColumnClasses?: (context: HighlightContext<TData>) => string[];
-  /**
-   * Cell-level class callback.
-   * Classes returned are applied to individual cells for fine-grained control.
-   * Context has both `rowIndex` and `colIndex` set.
-   * `isHovered` is true only when the mouse is on this exact cell.
-   * @returns Array of CSS class names
-   */
-  computeCellClasses?: (context: HighlightContext<TData>) => string[];
-}
-//#endregion
-//#region ../core/src/types/columns.d.ts
-/** Column definition */
-interface ColumnDefinition {
-  field: string;
-  colId?: string;
-  cellDataType: CellDataType;
-  width: number;
-  headerName?: string;
-  editable?: boolean;
-  /** Whether column is sortable. Default: true when sortingEnabled */
-  sortable?: boolean;
-  /** Whether column is filterable. Default: true */
-  filterable?: boolean;
-  /** Whether column is hidden. Hidden columns are not rendered but still exist in the definition. Default: false */
-  hidden?: boolean;
-  /** Renderer key for adapter lookup, or inline renderer function */
-  cellRenderer?: string;
-  editRenderer?: string;
-  headerRenderer?: string;
-  /**
-   * Per-column override for column-level highlighting.
-   * If defined, overrides grid-level computeColumnClasses for this column.
-   * Context has `colIndex` set, `rowIndex` is null.
-   * @returns Array of CSS class names to apply to all cells in this column
-   */
-  computeColumnClasses?: (context: HighlightContext) => string[];
-  /**
-   * Per-column override for cell-level highlighting.
-   * If defined, overrides grid-level computeCellClasses for cells in this column.
-   * Context has both `rowIndex` and `colIndex` set.
-   * @returns Array of CSS class names to apply to individual cells
-   */
-  computeCellClasses?: (context: HighlightContext) => string[];
-}
-//#endregion
-//#region ../core/src/types/filters.d.ts
-/** Text filter operators */
-type TextFilterOperator = "contains" | "notContains" | "equals" | "notEquals" | "startsWith" | "endsWith" | "blank" | "notBlank";
-/** Number filter operators (symbols for display) */
-type NumberFilterOperator = "=" | "!=" | ">" | "<" | ">=" | "<=" | "between" | "blank" | "notBlank";
-/** Date filter operators */
-type DateFilterOperator = "=" | "!=" | ">" | "<" | "between" | "blank" | "notBlank";
-/** Filter combination mode */
-type FilterCombination = "and" | "or";
-/** Text filter condition */
-interface TextFilterCondition {
-  type: "text";
-  operator: TextFilterOperator;
-  value?: string;
-  /** Selected distinct values for checkbox-style filtering */
-  selectedValues?: Set<string>;
-  /** Include blank values */
-  includeBlank?: boolean;
-  /** Operator connecting this condition to the next. Defaults to ColumnFilterModel.combination */
-  nextOperator?: FilterCombination;
-}
-/** Number filter condition */
-interface NumberFilterCondition {
-  type: "number";
-  operator: NumberFilterOperator;
-  value?: number;
-  /** Second value for "between" operator */
-  valueTo?: number;
-  /** Operator connecting this condition to the next. Defaults to ColumnFilterModel.combination */
-  nextOperator?: FilterCombination;
-}
-/** Date filter condition */
-interface DateFilterCondition {
-  type: "date";
-  operator: DateFilterOperator;
-  value?: Date | string;
-  /** Second value for "between" operator */
-  valueTo?: Date | string;
-  /** Operator connecting this condition to the next. Defaults to ColumnFilterModel.combination */
-  nextOperator?: FilterCombination;
-}
-/** Union of filter condition types */
-type FilterCondition = TextFilterCondition | NumberFilterCondition | DateFilterCondition;
-/** Column filter model with multiple conditions */
-interface ColumnFilterModel {
-  conditions: FilterCondition[];
-  combination: FilterCombination;
-}
-/** Filter model type - maps column ID to filter */
-type FilterModel = Record<string, ColumnFilterModel>;
-//#endregion
-//#region ../core/src/types/data-source.d.ts
-/** Data source request */
-interface DataSourceRequest {
-  /** Pagination */
-  pagination: {
-    /** Page index */
-    pageIndex: number;
-    /** Page size */
-    pageSize: number;
-  };
-  /** Sort */
-  sort?: SortModel[];
-  /** Filter */
-  filter?: FilterModel;
-}
-/** Data source response */
-interface DataSourceResponse<TData = Row> {
-  /** Rows */
-  rows: TData[];
-  /** Total rows */
-  totalRows: number;
-}
-/** Data source interface */
-interface DataSource<TData = Row> {
-  fetch(request: DataSourceRequest): Promise<DataSourceResponse<TData>>;
-  /** Optional cleanup method to release resources */
-  destroy?: () => void;
-}
-//#endregion
-//#region ../core/src/types/instructions.d.ts
-/** Create slot instruction */
-interface CreateSlotInstruction {
-  type: "CREATE_SLOT";
-  slotId: string;
-}
-/** Destroy slot instruction */
-interface DestroySlotInstruction {
-  type: "DESTROY_SLOT";
-  slotId: string;
-}
-/** Assign slot instruction */
-interface AssignSlotInstruction {
-  type: "ASSIGN_SLOT";
-  slotId: string;
-  rowIndex: number;
-  rowData: Row;
-}
-/** Move slot instruction */
-interface MoveSlotInstruction {
-  type: "MOVE_SLOT";
-  slotId: string;
-  translateY: number;
-}
-/** Set active cell instruction */
-interface SetActiveCellInstruction {
-  type: "SET_ACTIVE_CELL";
-  position: CellPosition | null;
-}
-/** Set hover position instruction (for highlighting) */
-interface SetHoverPositionInstruction {
-  type: "SET_HOVER_POSITION";
-  position: CellPosition | null;
-}
-/** Set selection range instruction */
-interface SetSelectionRangeInstruction {
-  type: "SET_SELECTION_RANGE";
-  range: CellRange | null;
-}
-/** Update visible range instruction - emitted when selection moves outside visible viewport */
-interface UpdateVisibleRangeInstruction {
-  type: "UPDATE_VISIBLE_RANGE";
-  start: number;
-  end: number;
-}
-/** Start edit instruction */
-interface StartEditInstruction {
-  type: "START_EDIT";
-  row: number;
-  col: number;
-  initialValue: CellValue;
-}
-/** Stop edit instruction */
-interface StopEditInstruction {
-  type: "STOP_EDIT";
-}
-/** Commit edit instruction */
-interface CommitEditInstruction {
-  type: "COMMIT_EDIT";
-  row: number;
-  col: number;
-  value: CellValue;
-}
-/** Set content size instruction */
-interface SetContentSizeInstruction {
-  type: "SET_CONTENT_SIZE";
-  width: number;
-  height: number;
-  viewportWidth: number;
-}
-/** Update header instruction */
-interface UpdateHeaderInstruction {
-  type: "UPDATE_HEADER";
-  colIndex: number;
-  column: ColumnDefinition;
-  sortDirection?: SortDirection;
-  sortIndex?: number;
-  /** Whether column is sortable */
-  sortable: boolean;
-  /** Whether column is filterable */
-  filterable: boolean;
-  /** Whether column has an active filter */
-  hasFilter: boolean;
-}
-/** Open filter popup instruction */
-interface OpenFilterPopupInstruction {
-  type: "OPEN_FILTER_POPUP";
-  colIndex: number;
-  column: ColumnDefinition;
-  anchorRect: {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-  };
-  distinctValues: CellValue[];
-  currentFilter?: ColumnFilterModel;
-}
-/** Close filter popup instruction */
-interface CloseFilterPopupInstruction {
-  type: "CLOSE_FILTER_POPUP";
-}
-/** Start fill instruction */
-interface StartFillInstruction {
-  type: "START_FILL";
-  sourceRange: CellRange;
-}
-/** Update fill instruction */
-interface UpdateFillInstruction {
-  type: "UPDATE_FILL";
-  targetRow: number;
-  targetCol: number;
-}
-/** Commit fill instruction */
-interface CommitFillInstruction {
-  type: "COMMIT_FILL";
-  filledCells: Array<{
-    row: number;
-    col: number;
-    value: CellValue;
-  }>;
-}
-/** Cancel fill instruction */
-interface CancelFillInstruction {
-  type: "CANCEL_FILL";
-}
-/** Data loading instruction */
-interface DataLoadingInstruction {
-  type: "DATA_LOADING";
-}
-/** Data loaded instruction */
-interface DataLoadedInstruction {
-  type: "DATA_LOADED";
-  totalRows: number;
-}
-/** Data error instruction */
-interface DataErrorInstruction {
-  type: "DATA_ERROR";
-  error: string;
-}
-/** Rows added instruction */
-interface RowsAddedInstruction {
-  type: "ROWS_ADDED";
-  indices: number[];
-  count: number;
-  totalRows: number;
-}
-/** Rows removed instruction */
-interface RowsRemovedInstruction {
-  type: "ROWS_REMOVED";
-  indices: number[];
-  totalRows: number;
-}
-/** Rows updated instruction */
-interface RowsUpdatedInstruction {
-  type: "ROWS_UPDATED";
-  indices: number[];
-}
-/** Transaction processed instruction */
-interface TransactionProcessedInstruction {
-  type: "TRANSACTION_PROCESSED";
-  added: number;
-  removed: number;
-  updated: number;
-}
-/** Union type of all instructions */
-type GridInstruction = /** Slot lifecycle */
-CreateSlotInstruction | DestroySlotInstruction | AssignSlotInstruction | MoveSlotInstruction
-/** Selection */ | SetActiveCellInstruction | SetSelectionRangeInstruction | UpdateVisibleRangeInstruction
-/** Highlighting */ | SetHoverPositionInstruction
-/** Editing */ | StartEditInstruction | StopEditInstruction | CommitEditInstruction
-/** Layout */ | SetContentSizeInstruction | UpdateHeaderInstruction
-/** Filter popup */ | OpenFilterPopupInstruction | CloseFilterPopupInstruction
-/** Fill handle */ | StartFillInstruction | UpdateFillInstruction | CommitFillInstruction | CancelFillInstruction
-/** Data */ | DataLoadingInstruction | DataLoadedInstruction | DataErrorInstruction
-/** Transactions */ | RowsAddedInstruction | RowsRemovedInstruction | RowsUpdatedInstruction | TransactionProcessedInstruction;
-/** Instruction listener: Single instruction Listener that receives a single instruction, used by frameworks to update their state */
-type InstructionListener = (instruction: GridInstruction) => void;
-//#endregion
-//#region ../core/src/types/renderers.d.ts
-/** Cell renderer params */
-interface CellRendererParams<TData extends Row = Row> {
-  /** Cell value */
-  value: CellValue;
-  /** Row data */
-  rowData: TData;
-  /** Column definition */
-  column: ColumnDefinition;
-  /** Row index */
-  rowIndex: number;
-  /** Column index */
-  colIndex: number;
-  /** Is active cell */
-  isActive: boolean;
-  /** Is selected cell */
-  isSelected: boolean;
-  /** Is editing cell */
-  isEditing: boolean;
-}
-/** Edit renderer params */
-interface EditRendererParams<TData extends Row = Row> extends CellRendererParams<TData> {
-  /** Initial value */
-  initialValue: CellValue;
-  /** On value change */
-  onValueChange: (newValue: CellValue) => void;
-  /** On commit */
-  onCommit: () => void;
-  /** On cancel */
-  onCancel: () => void;
-}
-/** Header renderer params */
-interface HeaderRendererParams {
-  /** Column definition */
-  column: ColumnDefinition;
-  /** Column index */
-  colIndex: number;
-  /** Sort direction */
-  sortDirection?: SortDirection;
-  /** Sort index */
-  sortIndex?: number;
-  /** Whether column is sortable */
-  sortable: boolean;
-  /** Whether column is filterable */
-  filterable: boolean;
-  /** Whether column has an active filter */
-  hasFilter: boolean;
-  /** On sort */
-  onSort: (direction: SortDirection | null, addToExisting: boolean) => void;
-  /** On filter click */
-  onFilterClick: () => void;
-}
-//#endregion
-//#region ../core/src/types/options.d.ts
-/** Grid core options */
-interface GridCoreOptions<TData = Row> {
-  /** Column definitions */
-  columns: ColumnDefinition[];
-  /** Data source */
-  dataSource: DataSource<TData>;
-  /** Row height */
-  rowHeight: number;
-  /** Header height: Default to row height */
-  headerHeight?: number;
-  /** Overscan: How many rows to render outside the viewport */
-  overscan?: number;
-  /** Enable/disable sorting globally. Default: true */
-  sortingEnabled?: boolean;
-  /** Debounce time for transactions in ms. Default 50. Set to 0 for sync. */
-  transactionDebounceMs?: number;
-  /** Function to extract unique ID from row. Required for mutations. */
-  getRowId?: (row: TData) => RowId;
-  /** Row/column/cell highlighting configuration */
-  highlighting?: HighlightingOptions<TData>;
-}
-//#endregion
-//#region ../core/src/types/input.d.ts
-/** Framework-agnostic pointer/mouse event data */
-interface PointerEventData {
-  /** X coordinate relative to viewport */
-  clientX: number;
-  /** Y coordinate relative to viewport */
-  clientY: number;
-  /** Mouse button (0 = left, 1 = middle, 2 = right) */
-  button: number;
-  /** Whether Shift key is pressed */
-  shiftKey: boolean;
-  /** Whether Ctrl key is pressed */
-  ctrlKey: boolean;
-  /** Whether Meta/Command key is pressed */
-  metaKey: boolean;
-}
-/** Framework-agnostic keyboard event data */
-interface KeyEventData {
-  /** Key value (e.g., 'Enter', 'ArrowUp', 'a') */
-  key: string;
-  /** Whether Shift key is pressed */
-  shiftKey: boolean;
-  /** Whether Ctrl key is pressed */
-  ctrlKey: boolean;
-  /** Whether Meta/Command key is pressed */
-  metaKey: boolean;
-}
-/** Container bounds and scroll position */
-interface ContainerBounds {
-  /** Top position relative to viewport */
-  top: number;
-  /** Left position relative to viewport */
-  left: number;
-  /** Container width */
-  width: number;
-  /** Container height */
-  height: number;
-  /** Current scroll top position */
-  scrollTop: number;
-  /** Current scroll left position */
-  scrollLeft: number;
-}
-/** Result from mouse/pointer input handlers */
-interface InputResult {
-  /** Whether to call preventDefault() on the event */
-  preventDefault: boolean;
-  /** Whether to call stopPropagation() on the event */
-  stopPropagation: boolean;
-  /** Whether framework should focus the container element */
-  focusContainer?: boolean;
-  /** Type of drag operation to start (framework manages global listeners) */
-  startDrag?: "selection" | "fill";
-}
-/** Result from keyboard input handler */
-interface KeyboardResult {
-  /** Whether to call preventDefault() on the event */
-  preventDefault: boolean;
-  /** Cell to scroll into view (if navigation occurred) */
-  scrollToCell?: CellPosition;
-}
-/** Result from drag move handler */
-interface DragMoveResult {
-  /** Target row index */
-  targetRow: number;
-  /** Target column index */
-  targetCol: number;
-  /** Auto-scroll deltas (null if no auto-scroll needed) */
-  autoScroll: {
-    dx: number;
-    dy: number;
-  } | null;
-}
-/** Options for InputHandler constructor */
-interface InputHandlerDeps {
-  /** Get header height */
-  getHeaderHeight: () => number;
-  /** Get row height */
-  getRowHeight: () => number;
-  /** Get column positions array (indexed by visible column) */
-  getColumnPositions: () => number[];
-  /** Get visible column count */
-  getColumnCount: () => number;
-  /**
-   * Convert visible column index to original column index.
-   * Used when columns can be hidden. Returns the original index for selection tracking.
-   * If not provided, visible index is used directly (no hidden columns).
-   */
-  getOriginalColumnIndex?: (visibleIndex: number) => number;
-}
-/** Current drag state for UI rendering */
-interface DragState {
-  /** Whether any drag operation is active */
-  isDragging: boolean;
-  /** Type of active drag operation */
-  dragType: "selection" | "fill" | null;
-  /** Source range for fill operations */
-  fillSourceRange: CellRange | null;
-  /** Current fill target position */
-  fillTarget: {
-    row: number;
-    col: number;
-  } | null;
-}
-//#endregion
-//#region ../core/src/utils/event-emitter.d.ts
-/**
- * Batch instruction listener for efficient state updates
- */
-type BatchInstructionListener = (instructions: GridInstruction[]) => void;
-//#endregion
-//#region ../core/src/selection.d.ts
-type Direction = "up" | "down" | "left" | "right";
-interface SelectionManagerOptions {
-  getRowCount: () => number;
-  getColumnCount: () => number;
-  getCellValue: (row: number, col: number) => CellValue;
-  getRowData: (row: number) => Row | undefined;
-  getColumn: (col: number) => ColumnDefinition | undefined;
-}
-/**
- * Manages Excel-style cell selection, keyboard navigation, and clipboard operations.
- */
-declare class SelectionManager {
-  private state;
-  private options;
-  private emitter;
-  onInstruction: (listener: InstructionListener) => () => void;
-  private emit;
-  constructor(options: SelectionManagerOptions);
-  getState(): SelectionState;
-  getActiveCell(): CellPosition | null;
-  getSelectionRange(): CellRange | null;
-  isSelected(row: number, col: number): boolean;
-  isActiveCell(row: number, col: number): boolean;
-  /**
-   * Start a selection at the given cell.
-   * @param cell - The cell to select
-   * @param opts.shift - Extend selection from anchor (range select)
-   * @param opts.ctrl - Toggle selection mode
-   */
-  startSelection(cell: CellPosition, opts?: {
-    shift?: boolean;
-    ctrl?: boolean;
-  }): void;
-  /**
-   * Move focus in a direction, optionally extending the selection.
-   */
-  moveFocus(direction: Direction, extend?: boolean): void;
-  /**
-   * Select all cells in the grid (Ctrl+A).
-   */
-  selectAll(): void;
-  /**
-   * Clear the current selection.
-   */
-  clearSelection(): void;
-  /**
-   * Set the active cell directly.
-   */
-  setActiveCell(row: number, col: number): void;
-  /**
-   * Set the selection range directly.
-   */
-  setSelectionRange(range: CellRange): void;
-  /**
-   * Get the data from the currently selected cells as a 2D array.
-   */
-  getSelectedData(): CellValue[][];
-  /**
-   * Copy the selected data to the clipboard (Ctrl+C).
-   */
-  copySelectionToClipboard(): Promise<void>;
-  /**
-   * Clean up resources for garbage collection.
-   */
-  destroy(): void;
-  private clampPosition;
-}
-//#endregion
-//#region ../core/src/fill.d.ts
-interface FillManagerOptions {
-  getRowCount: () => number;
-  getColumnCount: () => number;
-  getCellValue: (row: number, col: number) => CellValue;
-  getColumn: (col: number) => ColumnDefinition | undefined;
-  setCellValue: (row: number, col: number, value: CellValue) => void;
-}
-/**
- * Manages fill handle operations including pattern detection and auto-fill.
- */
-declare class FillManager {
-  private state;
-  private options;
-  private emitter;
-  onInstruction: (listener: InstructionListener) => () => void;
-  private emit;
-  constructor(options: FillManagerOptions);
-  getState(): FillHandleState | null;
-  isActive(): boolean;
-  /**
-   * Start a fill drag operation from a source range.
-   */
-  startFillDrag(sourceRange: CellRange): void;
-  /**
-   * Update the fill drag target position.
-   */
-  updateFillDrag(targetRow: number, targetCol: number): void;
-  /**
-   * Commit the fill operation - apply pattern to target cells.
-   */
-  commitFillDrag(): void;
-  /**
-   * Cancel the fill operation.
-   */
-  cancelFillDrag(): void;
-  /**
-   * Clean up resources for garbage collection.
-   */
-  destroy(): void;
-  /**
-   * Calculate the values to fill based on source pattern.
-   */
-  private calculateFilledCells;
-  private getSourceColumnValues;
-  private detectPattern;
-  private applyPattern;
-}
-//#endregion
-//#region ../core/src/input-handler.d.ts
-declare class InputHandler<TData extends Row = Row> {
-  private core;
-  private deps;
-  private isDraggingSelection;
-  private isDraggingFill;
-  private fillSourceRange;
-  private fillTarget;
-  constructor(core: GridCore<TData>, deps: InputHandlerDeps);
-  /**
-   * Update dependencies (called when options change)
-   */
-  updateDeps(deps: Partial<InputHandlerDeps>): void;
-  /**
-   * Get current drag state for UI rendering
-   */
-  getDragState(): DragState;
-  /**
-   * Handle cell mouse down event
-   */
-  handleCellMouseDown(rowIndex: number, colIndex: number, event: PointerEventData): InputResult;
-  /**
-   * Handle cell double click event (start editing)
-   */
-  handleCellDoubleClick(rowIndex: number, colIndex: number): void;
-  /**
-   * Handle cell mouse enter event (for hover highlighting)
-   */
-  handleCellMouseEnter(rowIndex: number, colIndex: number): void;
-  /**
-   * Handle cell mouse leave event (for hover highlighting)
-   */
-  handleCellMouseLeave(): void;
-  /**
-   * Handle fill handle mouse down event
-   */
-  handleFillHandleMouseDown(activeCell: CellPosition | null, selectionRange: CellRange | null, _event: PointerEventData): InputResult;
-  /**
-   * Handle header click event (cycle sort direction)
-   */
-  handleHeaderClick(colId: string, addToExisting: boolean): void;
-  /**
-   * Start selection drag (called by framework after handleCellMouseDown returns startDrag: 'selection')
-   */
-  startSelectionDrag(): void;
-  /**
-   * Handle drag move event (selection or fill)
-   */
-  handleDragMove(event: PointerEventData, bounds: ContainerBounds): DragMoveResult | null;
-  /**
-   * Handle drag end event
-   */
-  handleDragEnd(): void;
-  /**
-   * Handle wheel event with dampening for large datasets
-   * Returns scroll deltas or null if no dampening needed
-   */
-  handleWheel(deltaY: number, deltaX: number, dampening: number): {
-    dy: number;
-    dx: number;
-  } | null;
-  /**
-   * Handle keyboard event
-   */
-  handleKeyDown(event: KeyEventData, activeCell: CellPosition | null, editingCell: {
-    row: number;
-    col: number;
-  } | null, filterPopupOpen: boolean): KeyboardResult;
-  /**
-   * Calculate auto-scroll deltas based on mouse position
-   */
-  private calculateAutoScroll;
-}
-//#endregion
-//#region ../core/src/highlight-manager.d.ts
-interface HighlightManagerOptions {
-  getActiveCell: () => CellPosition | null;
-  getSelectionRange: () => CellRange | null;
-  getColumn: (colIndex: number) => ColumnDefinition | undefined;
-}
-/**
- * Manages row/column/cell highlighting state and class computation.
- * Emits SET_HOVER_POSITION instructions when hover position changes.
- */
-declare class HighlightManager<TData = Record<string, unknown>> {
-  private options;
-  private highlightingOptions;
-  private hoverPosition;
-  private emitter;
-  onInstruction: (listener: InstructionListener) => () => void;
-  private emit;
-  private rowClassCache;
-  private columnClassCache;
-  private cellClassCache;
-  constructor(options: HighlightManagerOptions, highlightingOptions?: HighlightingOptions<TData>);
-  /**
-   * Check if highlighting is enabled (any callback defined).
-   * Hover tracking is automatically enabled when highlighting is enabled.
-   */
-  isEnabled(): boolean;
-  /**
-   * Update highlighting options. Clears all caches.
-   */
-  updateOptions(options: HighlightingOptions<TData>): void;
-  /**
-   * Set the current hover position. Clears caches and emits instruction.
-   * Hover tracking is automatically enabled when any highlighting callback is defined.
-   */
-  setHoverPosition(position: CellPosition | null): void;
-  /**
-   * Get the current hover position
-   */
-  getHoverPosition(): CellPosition | null;
-  /**
-   * Called when selection changes. Clears all caches.
-   */
-  onSelectionChange(): void;
-  /**
-   * Build context for row highlighting callback.
-   * Returns context with `rowIndex` set, `colIndex` is null.
-   * `isHovered` is true when the mouse is on any cell in this row.
-   */
-  buildRowContext(rowIndex: number, rowData?: TData): HighlightContext<TData>;
-  /**
-   * Build context for column highlighting callback.
-   * Returns context with `colIndex` set, `rowIndex` is null.
-   * `isHovered` is true when the mouse is on any cell in this column.
-   */
-  buildColumnContext(colIndex: number, column: ColumnDefinition): HighlightContext<TData>;
-  /**
-   * Build context for cell highlighting callback.
-   * Returns context with both `rowIndex` and `colIndex` set.
-   * `isHovered` is true only when the mouse is on this exact cell.
-   */
-  buildCellContext(rowIndex: number, colIndex: number, column: ColumnDefinition, rowData?: TData): HighlightContext<TData>;
-  /**
-   * Compute row classes using cache and user callback
-   */
-  computeRowClasses(rowIndex: number, rowData?: TData): string[];
-  /**
-   * Compute column classes using cache and user callback (or per-column override)
-   */
-  computeColumnClasses(colIndex: number, column: ColumnDefinition): string[];
-  /**
-   * Compute cell classes using cache and user callback (or per-column override)
-   */
-  computeCellClasses(rowIndex: number, colIndex: number, column: ColumnDefinition, rowData?: TData): string[];
-  /**
-   * Compute combined cell classes (column + cell classes flattened)
-   */
-  computeCombinedCellClasses(rowIndex: number, colIndex: number, column: ColumnDefinition, rowData?: TData): string[];
-  /**
-   * Clear all caches
-   */
-  clearAllCaches(): void;
-  /**
-   * Destroy the manager and release resources
-   */
-  destroy(): void;
-}
-//#endregion
-//#region ../core/src/sort-filter-manager.d.ts
-interface SortFilterManagerOptions<TData> {
-  /** Get all columns */
-  getColumns: () => ColumnDefinition[];
-  /** Check if sorting is enabled globally */
-  isSortingEnabled: () => boolean;
-  /** Get cached rows for distinct value computation */
-  getCachedRows: () => Map<number, TData>;
-  /** Called when sort/filter changes to trigger data refresh */
-  onSortFilterChange: () => Promise<void>;
-  /** Called after data refresh to update UI */
-  onDataRefreshed: () => void;
-}
-/**
- * Manages sorting and filtering state and operations.
- */
-declare class SortFilterManager<TData = Record<string, unknown>> {
-  private options;
-  private emitter;
-  private sortModel;
-  private filterModel;
-  private openFilterColIndex;
-  onInstruction: (listener: InstructionListener) => () => void;
-  private emit;
-  constructor(options: SortFilterManagerOptions<TData>);
-  setSort(colId: string, direction: SortDirection | null, addToExisting?: boolean): Promise<void>;
-  getSortModel(): SortModel[];
-  setFilter(colId: string, filter: ColumnFilterModel | string | null): Promise<void>;
-  getFilterModel(): FilterModel;
-  /**
-   * Check if a column has an active filter
-   */
-  hasActiveFilter(colId: string): boolean;
-  /**
-   * Check if a column is sortable
-   */
-  isColumnSortable(colIndex: number): boolean;
-  /**
-   * Check if a column is filterable
-   */
-  isColumnFilterable(colIndex: number): boolean;
-  /**
-   * Get distinct values for a column (for filter dropdowns)
-   * For array-type columns (like tags), each unique array combination is returned.
-   * Arrays are sorted internally for consistent comparison.
-   * Limited to maxValues to avoid performance issues with large datasets.
-   */
-  getDistinctValuesForColumn(colId: string, maxValues?: number): CellValue[];
-  /**
-   * Open filter popup for a column (toggles if already open for same column)
-   */
-  openFilterPopup(colIndex: number, anchorRect: {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-  }): void;
-  /**
-   * Close filter popup
-   */
-  closeFilterPopup(): void;
-  /**
-   * Get sort info map for header rendering
-   */
-  getSortInfoMap(): Map<string, {
-    direction: SortDirection;
-    index: number;
-  }>;
-  destroy(): void;
-}
-//#endregion
-//#region ../core/src/row-mutation-manager.d.ts
-interface RowMutationManagerOptions<TData> {
-  /** Get the cached rows map */
-  getCachedRows: () => Map<number, TData>;
-  /** Set the cached rows map (for bulk operations) */
-  setCachedRows: (rows: Map<number, TData>) => void;
-  /** Get total row count */
-  getTotalRows: () => number;
-  /** Set total row count */
-  setTotalRows: (count: number) => void;
-  /** Update a single slot after row change */
-  updateSlot: (rowIndex: number) => void;
-  /** Refresh all slots after bulk changes */
-  refreshAllSlots: () => void;
-  /** Emit content size change */
-  emitContentSize: () => void;
-  /** Clear selection if it references invalid rows */
-  clearSelectionIfInvalid: (maxValidRow: number) => void;
-}
-/**
- * Manages row CRUD operations and cache management.
- */
-declare class RowMutationManager<TData extends Row = Row> {
-  private options;
-  private emitter;
-  onInstruction: (listener: InstructionListener) => () => void;
-  private emit;
-  constructor(options: RowMutationManagerOptions<TData>);
-  /**
-   * Get a row by index.
-   */
-  getRow(index: number): TData | undefined;
-  /**
-   * Add rows to the grid at the specified index.
-   * If no index is provided, rows are added at the end.
-   */
-  addRows(rows: TData[], index?: number): void;
-  /**
-   * Update existing rows with partial data.
-   */
-  updateRows(updates: Array<{
-    index: number;
-    data: Partial<TData>;
-  }>): void;
-  /**
-   * Delete rows at the specified indices.
-   */
-  deleteRows(indices: number[]): void;
-  /**
-   * Set a complete row at the specified index.
-   * Use this for complete row replacement. For partial updates, use updateRows.
-   */
-  setRow(index: number, data: TData): void;
-  destroy(): void;
-}
-//#endregion
-//#region ../core/src/grid-core.d.ts
-declare class GridCore<TData extends Row = Row> {
-  private columns;
-  private dataSource;
-  private rowHeight;
-  private headerHeight;
-  private overscan;
-  private sortingEnabled;
-  private scrollTop;
-  private scrollLeft;
-  private viewportWidth;
-  private viewportHeight;
-  private cachedRows;
-  private totalRows;
-  private currentPageIndex;
-  private pageSize;
-  readonly selection: SelectionManager;
-  readonly fill: FillManager;
-  readonly input: InputHandler<TData>;
-  readonly highlight: HighlightManager<TData> | null;
-  readonly sortFilter: SortFilterManager<TData>;
-  readonly rowMutation: RowMutationManager<TData>;
-  private readonly slotPool;
-  private readonly editManager;
-  private columnPositions;
-  private emitter;
-  onInstruction: (listener: InstructionListener) => () => void;
-  onBatchInstruction: (listener: BatchInstructionListener) => () => void;
-  private emit;
-  private emitBatch;
-  private naturalContentHeight;
-  private virtualContentHeight;
-  private scrollRatio;
-  private isDestroyed;
-  constructor(options: GridCoreOptions<TData>);
-  /**
-   * Initialize the grid and load initial data.
-   */
-  initialize(): Promise<void>;
-  /**
-   * Update viewport measurements and sync slots.
-   * When scroll virtualization is active, maps the DOM scroll position to the actual row position.
-   */
-  setViewport(scrollTop: number, scrollLeft: number, width: number, height: number): void;
-  private fetchData;
-  private fetchAllData;
-  setSort(colId: string, direction: SortDirection | null, addToExisting?: boolean): Promise<void>;
-  setFilter(colId: string, filter: ColumnFilterModel | string | null): Promise<void>;
-  hasActiveFilter(colId: string): boolean;
-  isColumnSortable(colIndex: number): boolean;
-  isColumnFilterable(colIndex: number): boolean;
-  getDistinctValuesForColumn(colId: string, maxValues?: number): CellValue[];
-  openFilterPopup(colIndex: number, anchorRect: {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-  }): void;
-  closeFilterPopup(): void;
-  getSortModel(): SortModel[];
-  getFilterModel(): FilterModel;
-  startEdit(row: number, col: number): void;
-  updateEditValue(value: CellValue): void;
-  commitEdit(): void;
-  cancelEdit(): void;
-  getEditState(): EditState | null;
-  getCellValue(row: number, col: number): CellValue;
-  setCellValue(row: number, col: number, value: CellValue): void;
-  private computeColumnPositions;
-  private emitContentSize;
-  private emitHeaders;
-  getColumns(): ColumnDefinition[];
-  getColumnPositions(): number[];
-  getRowCount(): number;
-  getRowHeight(): number;
-  getHeaderHeight(): number;
-  getTotalWidth(): number;
-  getTotalHeight(): number;
-  /**
-   * Check if scroll scaling is active (large datasets exceeding browser scroll limits).
-   * When scaling is active, scrollRatio < 1 and scroll positions are compressed.
-   */
-  isScalingActive(): boolean;
-  /**
-   * Get the natural (uncapped) content height.
-   * Useful for debugging or displaying actual content size.
-   */
-  getNaturalHeight(): number;
-  /**
-   * Get the scroll ratio used for scroll virtualization.
-   * Returns 1 when no virtualization is needed, < 1 when content exceeds browser limits.
-   */
-  getScrollRatio(): number;
-  /**
-   * Get the visible row range (excluding overscan).
-   * Returns the first and last row indices that are actually visible in the viewport.
-   * Includes partially visible rows to avoid false positives when clicking on edge rows.
-   */
-  getVisibleRowRange(): {
-    start: number;
-    end: number;
-  };
-  /**
-   * Get the scroll position needed to bring a row into view.
-   * Accounts for scroll scaling when active.
-   */
-  getScrollTopForRow(rowIndex: number): number;
-  /**
-   * Get the row index at a given viewport Y position.
-   * Accounts for scroll scaling when active.
-   * @param viewportY Y position in viewport (physical pixels below header, NOT including scroll)
-   * @param virtualScrollTop Current scroll position from container.scrollTop (virtual/scaled)
-   */
-  getRowIndexAtDisplayY(viewportY: number, virtualScrollTop: number): number;
-  getRowData(rowIndex: number): TData | undefined;
-  /**
-   * Refresh data from the data source.
-   */
-  refresh(): Promise<void>;
-  /**
-   * Refresh slot display without refetching data.
-   * Useful after in-place data modifications like fill operations.
-   */
-  refreshSlotData(): void;
-  /**
-   * Add rows to the grid at the specified index.
-   * If no index is provided, rows are added at the end.
-   */
-  addRows(rows: TData[], index?: number): void;
-  /**
-   * Update existing rows with partial data.
-   */
-  updateRows(updates: Array<{
-    index: number;
-    data: Partial<TData>;
-  }>): void;
-  /**
-   * Delete rows at the specified indices.
-   */
-  deleteRows(indices: number[]): void;
-  /**
-   * Get a row by index.
-   */
-  getRow(index: number): TData | undefined;
-  /**
-   * Set a complete row at the specified index.
-   * Use this for complete row replacement. For partial updates, use updateRows.
-   */
-  setRow(index: number, data: TData): void;
-  /**
-   * Update the data source and refresh.
-   */
-  setDataSource(dataSource: DataSource<TData>): Promise<void>;
-  /**
-   * Update columns and recompute layout.
-   */
-  setColumns(columns: ColumnDefinition[]): void;
-  /**
-   * Destroy the grid core and release all references.
-   * Call this before discarding the GridCore to ensure proper cleanup.
-   * This method is idempotent - safe to call multiple times.
-   */
-  destroy(): void;
-}
-//#endregion
-//#region ../core/src/sorting/parallel-sort-manager.d.ts
-interface ParallelSortOptions {
-  /** Maximum number of workers (default: navigator.hardwareConcurrency || 4) */
-  maxWorkers?: number;
-  /** Threshold for parallel sorting (default: 400000) */
-  parallelThreshold?: number;
-  /** Minimum chunk size (default: 50000) */
-  minChunkSize?: number;
-}
-//#endregion
-//#region ../core/src/data-source/client-data-source.d.ts
-interface ClientDataSourceOptions<TData> {
-  /** Custom field accessor for nested properties */
-  getFieldValue?: (row: TData, field: string) => CellValue;
-  /** Use Web Worker for sorting large datasets (default: true) */
-  useWorker?: boolean;
-  /** Options for parallel sorting (only used when useWorker is true) */
-  parallelSort?: ParallelSortOptions | false;
-}
-/**
- * Creates a client-side data source that holds all data in memory.
- * Sorting and filtering are performed client-side.
- * For large datasets, sorting is automatically offloaded to a Web Worker.
- */
-declare function createClientDataSource<TData extends Row = Row>(data: TData[], options?: ClientDataSourceOptions<TData>): DataSource<TData>;
-/**
- * Convenience function to create a data source from an array.
- * This provides backwards compatibility with the old `rowData` prop.
- */
-declare function createDataSourceFromArray<TData extends Row = Row>(data: TData[]): DataSource<TData>;
-//#endregion
-//#region ../core/src/data-source/server-data-source.d.ts
-type ServerFetchFunction<TData> = (request: DataSourceRequest) => Promise<DataSourceResponse<TData>>;
-/**
- * Creates a server-side data source that delegates all operations to the server.
- * The fetch function receives sort/filter/pagination params to pass to the API.
- */
-declare function createServerDataSource<TData extends Row = Row>(fetchFn: ServerFetchFunction<TData>): DataSource<TData>;
-//#endregion
-//#region ../core/src/transaction-manager.d.ts
-interface TransactionResult {
-  added: number;
-  removed: number;
-  updated: number;
-}
-//#endregion
-//#region ../core/src/data-source/mutable-data-source.d.ts
-/** Callback for data change notifications */
-type DataChangeListener = (result: TransactionResult) => void;
-/**
- * Data source with mutation capabilities.
- * Extends DataSource with add, remove, and update operations.
- */
-interface MutableDataSource<TData = Row> extends DataSource<TData> {
-  /** Add rows to the data source. Queued and processed after debounce. */
-  addRows(rows: TData[]): void;
-  /** Remove rows by ID. Queued and processed after debounce. */
-  removeRows(ids: RowId[]): void;
-  /** Update a cell value. Queued and processed after debounce. */
-  updateCell(id: RowId, field: string, value: CellValue): void;
-  /** Update multiple fields on a row. Queued and processed after debounce. */
-  updateRow(id: RowId, data: Partial<TData>): void;
-  /** Force immediate processing of queued transactions. */
-  flushTransactions(): Promise<void>;
-  /** Check if there are pending transactions. */
-  hasPendingTransactions(): boolean;
-  /** Get distinct values for a field (for filter UI). */
-  getDistinctValues(field: string): CellValue[];
-  /** Get a row by ID. */
-  getRowById(id: RowId): TData | undefined;
-  /** Get total row count. */
-  getTotalRowCount(): number;
-  /** Subscribe to data change notifications. Returns unsubscribe function. */
-  subscribe(listener: DataChangeListener): () => void;
-  /** Clear all data from the data source. */
-  clear(): void;
-}
-interface MutableClientDataSourceOptions<TData> {
-  /** Function to extract unique ID from row. Required. */
-  getRowId: (row: TData) => RowId;
-  /** Custom field accessor for nested properties. */
-  getFieldValue?: (row: TData, field: string) => CellValue;
-  /** Debounce time for transactions in ms. Default 50. Set to 0 for sync. */
-  debounceMs?: number;
-  /** Callback when transactions are processed. */
-  onTransactionProcessed?: (result: TransactionResult) => void;
-}
-/**
- * Creates a mutable client-side data source with transaction support.
- * Uses IndexedDataStore for efficient incremental operations.
- */
-declare function createMutableClientDataSource<TData extends Row = Row>(data: TData[], options: MutableClientDataSourceOptions<TData>): MutableDataSource<TData>;
-//#endregion
 //#region src/types.d.ts
 /** Ref handle exposed by the Grid component */
-interface GridRef<TData extends Row = Row> {
+interface GridRef<TData extends Row$1 = Row$1> {
   /** Access to the underlying GridCore instance */
-  core: GridCore<TData> | null;
+  core: GridCore$1<TData> | null;
 }
 /** React cell renderer: A function that renders a cell */
-type ReactCellRenderer = (params: CellRendererParams) => React.ReactNode;
+type ReactCellRenderer = (params: CellRendererParams$1) => React.ReactNode;
 /** React edit renderer: A function that renders the cell while in edit mode */
-type ReactEditRenderer = (params: EditRendererParams) => React.ReactNode;
+type ReactEditRenderer = (params: EditRendererParams$1) => React.ReactNode;
 /** React header renderer: A function that renders a header cell */
-type ReactHeaderRenderer = (params: HeaderRendererParams) => React.ReactNode;
+type ReactHeaderRenderer = (params: HeaderRendererParams$1) => React.ReactNode;
 /** Grid component props */
-interface GridProps<TData extends Row = Row> {
+interface GridProps<TData extends Row$1 = Row$1> {
   /** Column definitions */
-  columns: ColumnDefinition[];
+  columns: ColumnDefinition$1[];
   /** Data source for the grid */
-  dataSource?: DataSource<TData>;
+  dataSource?: DataSource$1<TData>;
   /** Legacy: Raw row data (will be wrapped in a client data source) */
   rowData?: TData[];
   /** Row height in pixels */
@@ -1331,6 +53,14 @@ interface GridProps<TData extends Row = Row> {
   gridRef?: React.MutableRefObject<GridRef<TData> | null>;
   /** Row/column/cell highlighting configuration */
   highlighting?: HighlightingOptions<TData>;
+  /** Function to extract unique ID from row. Required when onCellValueChanged is provided. */
+  getRowId?: (row: TData) => RowId$1;
+  /** Called when a cell value is changed via editing or fill drag. Requires getRowId. */
+  onCellValueChanged?: (event: CellValueChangedEvent$1<TData>) => void;
+  /** Custom loading component to render instead of default spinner */
+  loadingComponent?: React.ComponentType<{
+    isLoading: boolean;
+  }>;
 }
 //#endregion
 //#region src/Grid.d.ts
@@ -1339,6 +69,54 @@ interface GridProps<TData extends Row = Row> {
  * @param props - Grid component props
  * @returns Grid React component
  */
-declare function Grid<TData extends Row = Row>(props: GridProps<TData>): React$1.ReactNode;
+declare function Grid<TData extends Row$1 = Row$1>(props: GridProps<TData>): React$1.ReactNode;
+//#endregion
+//#region src/useGridData.d.ts
+interface UseGridDataOptions<TData> {
+  /** Function to extract a unique ID from each row. Required. */
+  getRowId: (row: TData) => RowId$1;
+  /** Debounce time for batching transactions in ms. Default 50. */
+  debounceMs?: number;
+  /** Use Web Worker for sorting large datasets (default: true) */
+  useWorker?: boolean;
+  /** Options for parallel sorting (only used when useWorker is true) */
+  parallelSort?: ParallelSortOptions | false;
+}
+interface UseGridDataResult<TData> {
+  /** The data source to pass to <Grid dataSource={...} />. */
+  dataSource: MutableDataSource$1<TData>;
+  /** Update a single row by ID with partial data. */
+  updateRow: (id: RowId$1, data: Partial<TData>) => void;
+  /** Add rows to the data source. */
+  addRows: (rows: TData[]) => void;
+  /** Remove rows by ID. */
+  removeRows: (ids: RowId$1[]) => void;
+  /** Update a single cell value. */
+  updateCell: (id: RowId$1, field: string, value: CellValue$1) => void;
+  /** Clear all data from the data source. */
+  clear: () => void;
+  /** Get a row by its ID. */
+  getRowById: (id: RowId$1) => TData | undefined;
+  /** Get the current total row count. */
+  getTotalRowCount: () => number;
+  /** Force immediate processing of queued transactions. */
+  flushTransactions: () => Promise<void>;
+}
+/**
+ * React hook for efficient grid data mutations.
+ *
+ * Wraps `createMutableClientDataSource` to provide a simple API for
+ * updating grid data without triggering full pipeline rebuilds.
+ *
+ * @example
+ * ```tsx
+ * const { dataSource, updateRow, addRows } = useGridData(initialData, {
+ *   getRowId: (row) => row.id,
+ * });
+ *
+ * return <Grid dataSource={dataSource} columns={columns} rowHeight={36} />;
+ * ```
+ */
+declare const useGridData: <TData extends Row$1 = Row$1>(initialData: TData[], options: UseGridDataOptions<TData>) => UseGridDataResult<TData>;
 //#endregion
-export { type CellDataType, type CellPosition, type CellRange, type CellRendererParams, type CellValue, type ColumnDefinition, type ColumnFilterModel, type DataSource, type DataSourceRequest, type DataSourceResponse, type EditRendererParams, type FilterCondition, type FilterModel, Grid, GridCore, type GridInstruction, type GridProps, type GridRef, type HeaderRendererParams, type MutableDataSource, type ReactCellRenderer, type ReactEditRenderer, type ReactHeaderRenderer, type Row, type SortDirection, type SortModel, createClientDataSource, createDataSourceFromArray, createMutableClientDataSource, createServerDataSource };
+export { type CellDataType, type CellPosition, type CellRange, type CellRendererParams, type CellValue, type CellValueChangedEvent, type ColumnDefinition, type ColumnFilterModel, type DataSource, type DataSourceRequest, type DataSourceResponse, type EditRendererParams, type FilterCondition, type FilterModel, Grid, GridCore, type GridInstruction, type GridProps, type GridRef, type HeaderRendererParams, type MutableDataSource, type ReactCellRenderer, type ReactEditRenderer, type ReactHeaderRenderer, type Row, type RowId, type SortDirection, type SortModel, type UseGridDataOptions, type UseGridDataResult, createClientDataSource, createDataSourceFromArray, createMutableClientDataSource, createServerDataSource, useGridData };