@ishibashi0112/spreadsheet-grid 0.36.0 → 0.37.0

package/dist/hooks/useFilterPopoverController.d.ts

@@ -1,22 +1,7 @@
 import { type RefObject } from 'react';
 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;
-    dateDraft: DateFilterConditionDraft | null;
-};
-export type FilterPopoverLayout = {
-    top: number;
-    left: number;
-    width: number;
-    maxHeight: number;
-};
+import { type FilterPopoverLayout } from '../controllers/filterPopoverController';
+export type { FilterPopoverLayout } from '../controllers/filterPopoverController';
 type UseFilterPopoverControllerArgs<T> = {
     visibleColumns: GridColumn<T>[];
     columnFilterValues: Record<string, ColumnFilterValue>;
@@ -24,20 +9,26 @@ type UseFilterPopoverControllerArgs<T> = {
     gridRootRef: RefObject<HTMLDivElement | null>;
     resolveColumnFilterType?: (column: GridColumn<T>) => ColumnFilterUiType;
 };
-export declare const useFilterPopoverController: <T>({ visibleColumns, columnFilterValues, enableColumnFilter, gridRootRef, resolveColumnFilterType, }: UseFilterPopoverControllerArgs<T>) => {
-    filterPopoverState: HeaderFilterPopoverState | null;
+export declare const useFilterPopoverController: <T>(args: UseFilterPopoverControllerArgs<T>) => {
+    filterPopoverState: import("../controllers/filterPopoverController").HeaderFilterPopoverState | null;
     filterPopoverLayout: FilterPopoverLayout | null;
-    filterPopoverRef: RefObject<HTMLDivElement | null>;
-    filterTextInputRef: RefObject<HTMLInputElement | null>;
-    filterSelectRef: RefObject<HTMLSelectElement | null>;
+    filterPopoverRef: {
+        current: HTMLDivElement | null;
+    };
+    filterTextInputRef: {
+        current: HTMLInputElement | null;
+    };
+    filterSelectRef: {
+        current: HTMLSelectElement | null;
+    };
     isFilterPopoverOpen: boolean;
     openedFilterColumn: GridColumn<T> | null;
     openedFilterType: ColumnFilterUiType | null;
     openColumnFilterPopover: (column: GridColumn<T>) => void;
     closeColumnFilterPopover: () => void;
     updateFilterPopoverDraft: (value: string) => void;
-    updateFilterPopoverNumberDraft: (draft: NumberFilterConditionDraft) => void;
-    updateFilterPopoverTextDraft: (draft: TextFilterConditionDraft) => void;
-    updateFilterPopoverDateDraft: (draft: DateFilterConditionDraft) => void;
+    updateFilterPopoverNumberDraft: (draft: import("../logic/numberFilterCondition").NumberFilterConditionDraft) => void;
+    updateFilterPopoverTextDraft: (draft: import("../logic/textFilterCondition").TextFilterConditionDraft) => void;
+    updateFilterPopoverDateDraft: (draft: import("../logic/dateFilterCondition").DateFilterConditionDraft) => void;
 };
 export default useFilterPopoverController;

package/dist/hooks/useGlobalFilteredOrder.d.ts

@@ -1,11 +1,7 @@
-import type { GlobalFilterStatus, GridColumn } from '../model/gridTypes';
-import { type RowOrder } from '../logic/filtering';
-export declare const ASYNC_GLOBAL_FILTER_ROW_THRESHOLD = 50000;
-export type GlobalFilteredOrderResult = {
-    order: RowOrder;
-    status: GlobalFilterStatus;
-    progress: number;
-};
+import type { GridColumn } from '../model/gridTypes';
+import { type GlobalFilteredOrderResult } from '../controllers/globalFilteredOrder';
+import type { RowOrder } from '../logic/filtering';
+export { ASYNC_GLOBAL_FILTER_ROW_THRESHOLD, type GlobalFilteredOrderResult, } from '../controllers/globalFilteredOrder';
 type UseGlobalFilteredOrderArgs<T> = {
     rows: T[];
     baseOrder: RowOrder;

package/dist/hooks/useGridPointerInteractions.d.ts

@@ -1,11 +1,8 @@
-import { type Dispatch, type PointerEvent, type RefObject } from 'react';
-import { type GridUiAction } from '../model/gridActions';
-import type { CellCoord, GridColumn, GridUiState } from '../model/gridTypes';
-import { type GridPaneLayout } from '../logic/geometry';
-import type { RowMetrics } from '../logic/verticalGeometry';
-export declare const TOUCH_TAP_SLOP_PX = 10;
-export declare const TOUCH_DOUBLE_TAP_MS = 300;
-type UseGridPointerInteractionsArgs<T> = {
+import type { RefObject } from 'react';
+import type { CellCoord } from '../model/gridTypes';
+import { type PointerInteractionsArgs } from '../controllers/pointerInteractionsController';
+export { TOUCH_DOUBLE_TAP_MS, TOUCH_TAP_SLOP_PX, } from '../controllers/pointerInteractionsController';
+type UseGridPointerInteractionsArgs<T> = Omit<PointerInteractionsArgs<T>, 'gridRootRef' | 'bodyScrollRef' | 'scrollContainerRef' | 'leftPaneScrollRef' | 'rightPaneScrollRef' | 'pointerClientRef' | 'autoScrollFrameRef' | 'onCellDoubleClickRef'> & {
     gridRootRef: RefObject<HTMLDivElement | null>;
     bodyScrollRef: RefObject<HTMLDivElement | null>;
     scrollContainerRef: RefObject<HTMLDivElement | null>;
@@ -16,40 +13,19 @@ type UseGridPointerInteractionsArgs<T> = {
         y: number;
     } | null>;
     autoScrollFrameRef: RefObject<number | null>;
-    uiState: GridUiState;
-    dispatch: Dispatch<GridUiAction>;
-    enableRangeSelection: boolean;
-    enableSorting: boolean;
-    orderedColumns: GridColumn<T>[];
-    filteredRowsLength: number;
-    visibleColumnsLength: number;
-    paneLayout: GridPaneLayout<T>;
-    leftLeadingWidth: number;
-    centerLeadingWidth: number;
-    rightLeadingWidth: number;
-    headerHeight: number;
-    rowMetrics: RowMetrics;
-    verticalScaleFactor: number;
-    setHoveredRowIndex: (value: number | null) => void;
-    setHoveredColumnIndex: (value: number | null) => void;
-    enableRowHover: boolean;
-    enableColumnHeaderHover: boolean;
-    enableRowSelection: boolean;
-    onGutterRowSelect: (viewIndex: number, opts: {
-        shiftKey: boolean;
-    }) => void;
-    onGutterRowSelectDrag: (viewIndex: number) => void;
     onCellDoubleClickRef: RefObject<(cell: CellCoord) => void>;
 };
-export declare const useGridPointerInteractions: <T>({ gridRootRef, bodyScrollRef, scrollContainerRef, leftPaneScrollRef, rightPaneScrollRef, pointerClientRef, autoScrollFrameRef, uiState, dispatch, enableRangeSelection, enableSorting, orderedColumns, filteredRowsLength, visibleColumnsLength, paneLayout, leftLeadingWidth, centerLeadingWidth, rightLeadingWidth, headerHeight, rowMetrics, verticalScaleFactor, setHoveredRowIndex, setHoveredColumnIndex, enableRowHover, enableColumnHeaderHover, enableRowSelection, onGutterRowSelect, onGutterRowSelectDrag, onCellDoubleClickRef, }: UseGridPointerInteractionsArgs<T>) => {
+export declare const useGridPointerInteractions: <T>(args: UseGridPointerInteractionsArgs<T>) => {
     updateSelectionFromPointer: (clientX: number, clientY: number) => void;
-    handleCellPointerDown: (cell: CellCoord, event: PointerEvent<HTMLDivElement>) => void;
+    handleCellPointerDown: (cell: CellCoord, event: import("../controllers/pointerInteractionsController").GridPointerEventLike) => void;
     handleCellDoubleClick: (cell: CellCoord) => void;
-    handleCellPointerEnter: (cell: CellCoord, event: PointerEvent<HTMLDivElement>) => void;
-    handleNativeDragStart: (event: React.DragEvent<HTMLDivElement>) => void;
-    handleRowHeaderPointerDown: (rowIndex: number, event: PointerEvent<HTMLDivElement>) => void;
-    handleRowHeaderPointerEnter: (rowIndex: number, event: PointerEvent<HTMLDivElement>) => void;
-    handleColumnHeaderPointerDown: (colIndex: number, event: PointerEvent<HTMLDivElement>) => void;
-    handleColumnHeaderPointerEnter: (colIndex: number, event: PointerEvent<HTMLDivElement>) => void;
+    handleCellPointerEnter: (cell: CellCoord, event: import("../controllers/pointerInteractionsController").GridPointerEventLike) => void;
+    handleNativeDragStart: (event: {
+        preventDefault: () => void;
+    }) => void;
+    handleRowHeaderPointerDown: (rowIndex: number, event: import("../controllers/pointerInteractionsController").GridPointerEventLike) => void;
+    handleRowHeaderPointerEnter: (rowIndex: number, event: import("../controllers/pointerInteractionsController").GridPointerEventLike) => void;
+    handleColumnHeaderPointerDown: (colIndex: number, event: import("../controllers/pointerInteractionsController").GridPointerEventLike) => void;
+    handleColumnHeaderPointerEnter: (colIndex: number, event: import("../controllers/pointerInteractionsController").GridPointerEventLike) => void;
 };
 export default useGridPointerInteractions;

package/dist/hooks/useRowDragController.d.ts

@@ -1,20 +1,11 @@
-import { type PointerEvent, type RefObject } from 'react';
-import type { RowMetrics } from '../logic/verticalGeometry';
-import type { GridResolvedSlot } from '../model/gridTypes';
-type UseRowDragControllerArgs = {
-    enabled: boolean;
-    rowMetrics: RowMetrics;
-    headerHeight: number;
-    verticalScaleFactor: number;
-    windowBaseOffsetPx: number;
+import { type RefObject } from 'react';
+import { type RowDragArgs } from '../controllers/rowDragController';
+type UseRowDragControllerArgs = Omit<RowDragArgs, 'scrollContainerRef' | 'bodyScrollRef' | 'leftIndicatorRef' | 'centerIndicatorRef' | 'rightIndicatorRef'> & {
     scrollContainerRef: RefObject<HTMLDivElement | null>;
     bodyScrollRef: RefObject<HTMLDivElement | null>;
-    getRowDragLabel: (viewIndex: number) => string;
-    commitRowMove: (fromIndex: number, toIndex: number) => void;
-    ghostSlot?: GridResolvedSlot;
 };
 export declare const useRowDragController: (args: UseRowDragControllerArgs) => {
-    onRowDragHandlePointerDown: (viewIndex: number, event: PointerEvent<HTMLElement>) => void;
+    onRowDragHandlePointerDown: (viewIndex: number, event: import("../controllers/rowDragController").RowDragHandlePointerEvent) => void;
     leftIndicatorRef: RefObject<HTMLDivElement | null>;
     centerIndicatorRef: RefObject<HTMLDivElement | null>;
     rightIndicatorRef: RefObject<HTMLDivElement | null>;

package/dist/hooks/useServerSideRowModel.d.ts

@@ -1,21 +1,8 @@
-import type { GridRowKey, RowModel, ServerSideDataSource, ServerSideLoadErrorParams, ServerSideQuery, ServerSideWriteErrorParams } from '../model/gridTypes';
-import { type ServerSideCellEditInput } from '../logic/serverSideEdits';
-export type UseServerSideRowModelParams<T> = {
-    dataSource?: ServerSideDataSource<T>;
-    rowKeyGetter: (row: T, index: number) => GridRowKey;
-    query: ServerSideQuery;
-    queryKey: string;
-    refreshToken?: number;
-    onLoadError?: (error: unknown, params: ServerSideLoadErrorParams) => void;
-    onWriteError?: (error: unknown, params: ServerSideWriteErrorParams<T>) => void;
-    debounceMs?: number;
-};
-export type ServerSideLoadErrorState = {
-    failedBlockCount: number;
-};
-export type ServerSideWriteErrorState = {
-    failedRowCount: number;
-};
+import type { RowModel } from '../model/gridTypes';
+import { type ServerSideLoadErrorState, type ServerSideRowModelArgs, type ServerSideWriteErrorState } from '../controllers/serverSideRowModel';
+import type { ServerSideCellEditInput } from '../logic/serverSideEdits';
+export type { ServerSideLoadErrorState, ServerSideWriteErrorState, } from '../controllers/serverSideRowModel';
+export type UseServerSideRowModelParams<T> = ServerSideRowModelArgs<T>;
 export type UseServerSideRowModelResult<T> = {
     rowModel: RowModel<T>;
     rowCount: number;

package/dist/hooks/useToolPanelController.d.ts

@@ -1,10 +1,6 @@
-import type { RefObject } from 'react';
-export type ToolPanelTab = 'filter' | 'columns' | 'sort';
-export type ToolPanelLayout = {
-    top: number;
-    left: number;
-    width: number;
-};
+import { type RefObject } from 'react';
+import { type ToolPanelLayout, type ToolPanelTab } from '../controllers/toolPanelController';
+export type { ToolPanelLayout, ToolPanelTab } from '../controllers/toolPanelController';
 type UseToolPanelControllerArgs = {
     canUseFilterTab: boolean;
     canUseColumnsTab: boolean;
@@ -14,12 +10,14 @@ type UseToolPanelControllerArgs = {
     suppressEscape?: boolean;
     onSuppressedEscape?: () => void;
 };
-export declare const useToolPanelController: ({ canUseFilterTab, canUseColumnsTab, canUseSortTab, gridRootRef, alliedRef, suppressEscape, onSuppressedEscape, }: UseToolPanelControllerArgs) => {
+export declare const useToolPanelController: (args: UseToolPanelControllerArgs) => {
     activeToolPanelTab: ToolPanelTab | null;
     availableToolPanelTabs: ToolPanelTab[];
     toolPanelLayout: ToolPanelLayout | null;
     toolPanelFlashTick: number;
-    toolPanelRef: RefObject<HTMLDivElement | null>;
+    toolPanelRef: {
+        current: HTMLDivElement | null;
+    };
     openToolPanel: (tab: ToolPanelTab) => void;
     closeToolPanel: () => void;
     moveToolPanel: (top: number, left: number) => void;