@ishibashi0112/spreadsheet-grid 0.24.0 → 0.26.0

package/dist/CellEditorLayer.d.ts

@@ -1,4 +1,4 @@
-import type { EditorCommitDirection, EditorCommitResult, GridColumn, GridColumnEditor, GridRowKey } from './model/gridTypes';
+import type { EditorCommitDirection, EditorCommitResult, EditorEnterMove, GridColumn, GridColumnEditor, GridRowKey } from './model/gridTypes';
 export type { EditorCommitDirection };
 type CellEditorRect = {
     left: number;
@@ -27,6 +27,7 @@ type CellEditorLayerProps<T> = {
     onCommit: (value: unknown, direction?: EditorCommitDirection) => EditorCommitResult | void;
     onCancel: () => void;
     align?: 'left' | 'center' | 'right';
+    enterMove?: EditorEnterMove;
 };
-export declare function CellEditorLayer<T>({ rect, headerHeight, leadingWidth, baseOffset, initialValue, editor, editorSession, themeClassName, onCommit, onCancel, align, }: CellEditorLayerProps<T>): import("react").JSX.Element | null;
+export declare function CellEditorLayer<T>({ rect, headerHeight, leadingWidth, baseOffset, initialValue, editor, editorSession, themeClassName, onCommit, onCancel, align, enterMove, }: CellEditorLayerProps<T>): import("react").JSX.Element | null;
 export default CellEditorLayer;

package/dist/SpreadsheetGrid.d.ts

@@ -1,3 +1,3 @@
 import './styles.css';
 import type { SpreadsheetGridProps } from './model/gridTypes';
-export declare function SpreadsheetGrid<T extends object>({ rows, dataSource, serverSideRefreshToken, onServerSideLoadError, onServerSideWriteError, columns, onRowsChange, onColumnsChange, rowKeyGetter, createRow, createOverflowColumn, rowHeight: rowHeightProp, autoHeight, estimateRowHeight, headerHeight: headerHeightProp, density, theme, rowHeaderWidth, height, maxHeight, readOnly, dimReadOnlyCells, canEditCell: canEditCellProp, enableUndoRedo, enableClearOnDelete, undoHistoryLimit, onUndoRedoStateChange, enableRangeSelection, enableRowSelection, rowSelectionMode, enableSelectAllRows: enableSelectAllRowsProp, rowSelection: rowSelectionProp, selectedRowKeys: selectedRowKeysProp, onRowSelectionChange, enableGlobalFilter, enableColumnFilter, enableSorting, enableColumnResize, autoSizeColumns, showCellOverflowTooltip, showValidationMarks, enableRowHover, enableColumnHeaderHover, enableColumnMenu, noMatchingRowsText, noRowsText, showTopBar, showBottomBar, showTopBarSummary, showTopBarFilter, globalFilterPlaceholder, globalFilterIcon, showTopBarCounts, showBottomBarCounts, showFilterChipBar, renderTopBar, renderBottomBar, className, classNames, getRowClassName, enableContextMenu, getContextMenuItems, onContextMenuOpen, scrollHint, ref, onStateChange, }: SpreadsheetGridProps<T>): import("react").JSX.Element;
+export declare function SpreadsheetGrid<T extends object>({ rows, dataSource, serverSideRefreshToken, onServerSideLoadError, onServerSideWriteError, columns, onRowsChange, onColumnsChange, rowKeyGetter, createRow, createOverflowColumn, rowHeight: rowHeightProp, autoHeight, estimateRowHeight, headerHeight: headerHeightProp, density, theme, rowHeaderWidth, height, maxHeight, readOnly, dimReadOnlyCells, canEditCell: canEditCellProp, enableUndoRedo, enableClearOnDelete, editorEnterMove, undoHistoryLimit, onUndoRedoStateChange, enableRangeSelection, enableRowSelection, rowSelectionMode, enableSelectAllRows: enableSelectAllRowsProp, rowSelection: rowSelectionProp, selectedRowKeys: selectedRowKeysProp, onRowSelectionChange, enableGlobalFilter, enableColumnFilter, enableSorting, enableColumnResize, autoSizeColumns, showCellOverflowTooltip, showValidationMarks, enableRowHover, enableColumnHeaderHover, enableColumnMenu, noMatchingRowsText, noRowsText, showTopBar, showBottomBar, showTopBarSummary, showTopBarFilter, globalFilterPlaceholder, globalFilterIcon, showTopBarCounts, showBottomBarCounts, showFilterChipBar, renderTopBar, renderBottomBar, className, classNames, getRowClassName, enableContextMenu, getContextMenuItems, onContextMenuOpen, scrollHint, ref, onStateChange, }: SpreadsheetGridProps<T>): import("react").JSX.Element;

package/dist/editors/DateCellEditor.d.ts

@@ -1,9 +1,10 @@
-import type { EditorCommitDirection, EditorCommitResult } from '../model/gridTypes';
+import type { EditorCommitDirection, EditorCommitResult, EditorEnterMove } from '../model/gridTypes';
 type DateCellEditorProps = {
     initialValue: string;
     onCommit: (value: unknown, direction?: EditorCommitDirection) => EditorCommitResult | void;
     onCancel: () => void;
     align?: 'left' | 'center' | 'right';
+    enterMove?: EditorEnterMove;
 };
-export declare function DateCellEditor({ initialValue, onCommit, onCancel, align, }: DateCellEditorProps): import("react").JSX.Element;
+export declare function DateCellEditor({ initialValue, onCommit, onCancel, align, enterMove, }: DateCellEditorProps): import("react").JSX.Element;
 export default DateCellEditor;

package/dist/editors/NumberCellEditor.d.ts

@@ -1,4 +1,4 @@
-import type { EditorCommitDirection, EditorCommitResult } from '../model/gridTypes';
+import type { EditorCommitDirection, EditorCommitResult, EditorEnterMove } from '../model/gridTypes';
 type NumberCellEditorProps = {
     initialValue: string;
     min?: number;
@@ -7,6 +7,7 @@ type NumberCellEditorProps = {
     onCommit: (value: unknown, direction?: EditorCommitDirection) => EditorCommitResult | void;
     onCancel: () => void;
     align?: 'left' | 'center' | 'right';
+    enterMove?: EditorEnterMove;
 };
-export declare function NumberCellEditor({ initialValue, min, max, step, onCommit, onCancel, align, }: NumberCellEditorProps): import("react").JSX.Element;
+export declare function NumberCellEditor({ initialValue, min, max, step, onCommit, onCancel, align, enterMove, }: NumberCellEditorProps): import("react").JSX.Element;
 export default NumberCellEditor;

package/dist/editors/SelectCellEditor.d.ts

@@ -1,4 +1,4 @@
-import type { EditorCommitDirection, EditorCommitResult, GridSelectEditorOption } from '../model/gridTypes';
+import type { EditorCommitDirection, EditorCommitResult, EditorEnterMove, GridSelectEditorOption } from '../model/gridTypes';
 type SelectCellEditorProps = {
     options: GridSelectEditorOption[];
     value: unknown;
@@ -6,6 +6,7 @@ type SelectCellEditorProps = {
     onCancel: () => void;
     align?: 'left' | 'center' | 'right';
     themeClassName?: string;
+    enterMove?: EditorEnterMove;
 };
-export declare function SelectCellEditor({ options, value, onCommit, onCancel, align, themeClassName, }: SelectCellEditorProps): import("react").JSX.Element;
+export declare function SelectCellEditor({ options, value, onCommit, onCancel, align, themeClassName, enterMove, }: SelectCellEditorProps): import("react").JSX.Element;
 export default SelectCellEditor;

package/dist/editors/TextCellEditor.d.ts

@@ -1,9 +1,10 @@
-import type { EditorCommitDirection, EditorCommitResult } from '../model/gridTypes';
+import type { EditorCommitDirection, EditorCommitResult, EditorEnterMove } from '../model/gridTypes';
 type TextCellEditorProps = {
     initialValue: string;
     onCommit: (value: unknown, direction?: EditorCommitDirection) => EditorCommitResult | void;
     onCancel: () => void;
     align?: 'left' | 'center' | 'right';
+    enterMove?: EditorEnterMove;
 };
-export declare function TextCellEditor({ initialValue, onCommit, onCancel, align, }: TextCellEditorProps): import("react").JSX.Element;
+export declare function TextCellEditor({ initialValue, onCommit, onCancel, align, enterMove, }: TextCellEditorProps): import("react").JSX.Element;
 export default TextCellEditor;

package/dist/editors/editorKeyBindings.d.ts

@@ -1,10 +1,12 @@
 import type { KeyboardEvent } from 'react';
-import type { EditorCommitDirection, EditorCommitResult } from '../model/gridTypes';
+import type { EditorCommitDirection, EditorCommitResult, EditorEnterMove } from '../model/gridTypes';
+export declare const resolveEnterDirection: (enterMove: EditorEnterMove | undefined) => EditorCommitDirection | undefined;
 type CreateEditorKeyDownHandlerArgs = {
     value: unknown;
     onCommit: (value: unknown, direction?: EditorCommitDirection) => EditorCommitResult | void;
     onCancel: () => void;
     onRejected?: (message: string) => void;
+    enterMove?: EditorEnterMove;
 };
-export declare const createEditorKeyDownHandler: ({ value, onCommit, onCancel, onRejected }: CreateEditorKeyDownHandlerArgs) => (event: KeyboardEvent<HTMLInputElement>) => void;
+export declare const createEditorKeyDownHandler: ({ value, onCommit, onCancel, onRejected, enterMove, }: CreateEditorKeyDownHandlerArgs) => (event: KeyboardEvent<HTMLInputElement>) => void;
 export {};

package/dist/hooks/useFilterPopoverController.d.ts

@@ -1,10 +1,11 @@
 import { type RefObject } from 'react';
-import type { ColumnFilterValue, GridColumn } from '../model/gridTypes';
+import type { ColumnFilterUiType, ColumnFilterValue, GridColumn } from '../model/gridTypes';
 import { type NumberFilterConditionDraft } from '../logic/numberFilterCondition';
 import { type TextFilterConditionDraft } from '../logic/textFilterCondition';
 import { type DateFilterConditionDraft } from '../logic/dateFilterCondition';
 type HeaderFilterPopoverState = {
     columnKey: string;
+    filterType: ColumnFilterUiType;
     draftValue: string;
     numberDraft: NumberFilterConditionDraft | null;
     textDraft: TextFilterConditionDraft | null;
@@ -20,8 +21,9 @@ type UseFilterPopoverControllerArgs<T> = {
     columnFilterValues: Record<string, ColumnFilterValue>;
     enableColumnFilter: boolean;
     gridRootRef: RefObject<HTMLDivElement | null>;
+    resolveColumnFilterType?: (column: GridColumn<T>) => ColumnFilterUiType;
 };
-export declare const useFilterPopoverController: <T>({ visibleColumns, columnFilterValues, enableColumnFilter, gridRootRef, }: UseFilterPopoverControllerArgs<T>) => {
+export declare const useFilterPopoverController: <T>({ visibleColumns, columnFilterValues, enableColumnFilter, gridRootRef, resolveColumnFilterType, }: UseFilterPopoverControllerArgs<T>) => {
     filterPopoverState: HeaderFilterPopoverState | null;
     filterPopoverLayout: FilterPopoverLayout | null;
     filterPopoverRef: RefObject<HTMLDivElement | null>;
@@ -29,6 +31,7 @@ export declare const useFilterPopoverController: <T>({ visibleColumns, columnFil
     filterSelectRef: RefObject<HTMLSelectElement | null>;
     isFilterPopoverOpen: boolean;
     openedFilterColumn: GridColumn<T> | null;
+    openedFilterType: ColumnFilterUiType | null;
     openColumnFilterPopover: (column: GridColumn<T>) => void;
     closeColumnFilterPopover: () => void;
     updateFilterPopoverDraft: (value: string) => void;

package/dist/hooks/useGridEditController.d.ts

@@ -11,11 +11,10 @@ type UseGridEditControllerArgs<T extends object> = {
     onRowsChange?: (nextRows: T[]) => void;
     applyServerSideCellEdits?: (edits: ServerSideCellEditInput<T>[]) => number;
     dispatch: Dispatch<GridUiAction>;
-    getMovedCell: (baseCell: CellCoord, deltaRow: number, deltaCol: number) => CellCoord;
     gridRootRef: RefObject<HTMLDivElement | null>;
     editorActionGuardRef: RefObject<boolean>;
 };
-export declare const useGridEditController: <T extends object>({ uiState, rows, visibleColumns, rowModel, setEditorInitialValue, onRowsChange, applyServerSideCellEdits, dispatch, getMovedCell, gridRootRef, editorActionGuardRef, }: UseGridEditControllerArgs<T>) => {
+export declare const useGridEditController: <T extends object>({ uiState, rows, visibleColumns, rowModel, setEditorInitialValue, onRowsChange, applyServerSideCellEdits, dispatch, gridRootRef, editorActionGuardRef, }: UseGridEditControllerArgs<T>) => {
     activateSingleCell: (cell: CellCoord) => void;
     startEditWithValue: (cell: CellCoord, initialValue: string) => void;
     commitEdit: (committedValue: unknown, direction?: EditorCommitDirection) => EditorCommitResult;

package/dist/hooks/useGridKeyboardInteractions.d.ts

@@ -21,7 +21,6 @@ type UseGridKeyboardInteractionsArgs<T> = {
     onToggleGroup: (groupKey: string) => void;
 };
 export declare const useGridKeyboardInteractions: <T>({ uiState, rowModel, visibleColumns, readOnly, canEditCell, setEditorInitialValue, dispatch, handleCopy, handleCellDoubleClick, isWholeGridSelected, selectEntireGrid, onUndo, onRedo, onClearSelection, enableClearOnDelete, onToggleCheckboxCell, onToggleGroup, }: UseGridKeyboardInteractionsArgs<T>) => {
-    getMovedCell: (baseCell: CellCoord, deltaRow: number, deltaCol: number) => CellCoord;
     handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => Promise<void>;
 };
 export default useGridKeyboardInteractions;