@ishibashi0112/spreadsheet-grid-core 0.39.0

package/dist/controllers/filterPopoverController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/detailRow.cjs"),t=require("../logic/valueStore.cjs"),n=require("./popoverSupport.cjs"),r=require("../logic/filtering.cjs"),i=require("../logic/numberFilterCondition.cjs"),a=require("../logic/textFilterCondition.cjs"),o=require("../logic/dateFilterCondition.cjs"),s=require("../logic/filterPopoverLayout.cjs"),c=require("../logic/filterPopoverOutsideClick.cjs");var l=240,u=8,d=8,f=230,p=340,m=480,h=(e,t)=>{if(!t)return null;let n=e.find(e=>e.key===t.columnKey)??null;return!n||n.filterType===t.filterType?n:{...n,filterType:t.filterType}},g=()=>{let g=null,_=t.createValueStore({state:null,layout:null}),v={current:null},y={current:null},b={current:null},x=null,S=null,C=null,w=null,T=null,E=null,D=null,O=null,k=e=>{let t=_.getSnapshot(),n=t.layout;n===e||n!==null&&e!==null&&n.top===e.top&&n.left===e.left&&n.width===e.width&&n.maxHeight===e.maxHeight||_.setSnapshot({...t,layout:e})},A=()=>g===null?null:h(g.visibleColumns,_.getSnapshot().state),j=()=>{if(!_.getSnapshot().state||!x){k(null);return}let e=x.getBoundingClientRect(),t=A()?.filterType,n=t===`numberSet`||t===`textSet`||t===`dateSet`?m:t===`set`?p:f,{top:r,left:i,maxHeight:a}=s.computeFilterPopoverPlacement({anchorTop:e.top,anchorBottom:e.bottom,anchorRight:e.right,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,popupWidth:l,popupHeight:S??n,offsetY:d,viewportMargin:u});k({top:r,left:i,width:l,maxHeight:a})},M=()=>{T!==null&&(cancelAnimationFrame(T),T=null),E!==null&&(cancelAnimationFrame(E),E=null)},N=()=>{C?.disconnect(),C=null,w=null},P=()=>{_.setSnapshot({state:null,layout:null}),x=null,y.current=null,b.current=null,S=null,F.detach(),N(),M(),D=null,g!==null&&n.restoreGridFocus(g.gridRootRef)},F=n.createPopoverWindowBindings({onResize:j,onScroll:j,isInside:e=>!c.isFilterPopoverOutsideTarget(e,v.current),onOutsidePointerDown:P}),I=t=>{if(g===null||!g.enableColumnFilter)return;let{gridRootRef:s,resolveColumnFilterType:c,columnFilterValues:l}=g;n.blurForPopover(s.current);let u=s.current,d=u?.querySelectorAll(`[data-ssg-col-key]`);x=u&&d?Array.from(d).find(n=>n.dataset.ssgColKey===t.key&&!e.isInsideDetailCardOf(u,n))??null:null;let f=t.filterType===`auto`&&c?c(t):t.filterType??`text`,p=l[t.key],m=f===`number`?i.numberFilterValueToConditionDraft(r.isNumberColumnFilterValue(p)?p:void 0):f===`numberSet`?i.parsedNumberFilterToConditionDraft(r.isNumberSetColumnFilterValue(p)?p.condition:void 0):null,h=f===`textSet`?a.parsedTextFilterToConditionDraft(r.isTextSetColumnFilterValue(p)?p.condition:void 0):null,v=f===`dateSet`?o.parsedDateFilterToConditionDraft(r.isDateSetColumnFilterValue(p)?p.condition:void 0):null;_.setSnapshot({..._.getSnapshot(),state:{columnKey:t.key,filterType:f,draftValue:r.columnFilterValueToDraftText(p),numberDraft:m,textDraft:h,dateDraft:v}}),j(),F.attach()},L=e=>{let t=_.getSnapshot();t.state&&_.setSnapshot({...t,state:{...t.state,...e}})},R=()=>{let e=v.current;if(!(_.getSnapshot().layout!==null&&e!==null)||typeof ResizeObserver>`u`){N();return}w!==e&&(N(),C=new ResizeObserver(()=>{let e=v.current?.getBoundingClientRect().height??null;e===null||e===S||(S=e,j())}),C.observe(e),w=e)},z=()=>{let{state:e,layout:t}=_.getSnapshot(),n=A();if(!e||!n||!t){M(),D=null;return}let r=O!==g?.visibleColumns,i=`${e.columnKey}|${e.filterType}|${t.top}|${t.left}|${t.width}`;if(!r&&D===i)return;D=i,O=g?.visibleColumns??null,M();let a=n.filterType??`text`;T=requestAnimationFrame(()=>{T=null,E=requestAnimationFrame(()=>{if(E=null,a===`select`){b.current?.focus();return}let e=y.current;if(e&&(e.focus(),e.type===`text`)){let t=e.value.length;e.setSelectionRange(t,t)}})})};return{update:e=>{g=e,R(),z()},subscribe:_.subscribe,getSnapshot:_.getSnapshot,panelRef:v,textInputRef:y,selectRef:b,open:I,close:P,updateDraft:e=>L({draftValue:e}),updateNumberDraft:e=>L({numberDraft:e}),updateTextDraft:e=>L({textDraft:e}),updateDateDraft:e=>L({dateDraft:e}),dispose:()=>{F.detach(),N(),M()}}};exports.createFilterPopoverController=g,exports.resolveOpenedFilterColumn=h;

package/dist/controllers/filterPopoverController.d.ts

@@ -0,0 +1,53 @@
+import type { ColumnFilterUiType, ColumnFilterValue, GridColumn } from '../model/gridTypes.unbound';
+import { type NumberFilterConditionDraft } from '../logic/numberFilterCondition';
+import { type TextFilterConditionDraft } from '../logic/textFilterCondition';
+import { type DateFilterConditionDraft } from '../logic/dateFilterCondition';
+import { type ReadonlyElementRef } from './popoverSupport';
+export 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;
+};
+export type FilterPopoverSnapshot = {
+    state: HeaderFilterPopoverState | null;
+    layout: FilterPopoverLayout | null;
+};
+export type FilterPopoverControllerArgs<T> = {
+    visibleColumns: GridColumn<T>[];
+    columnFilterValues: Record<string, ColumnFilterValue>;
+    enableColumnFilter: boolean;
+    gridRootRef: ReadonlyElementRef;
+    resolveColumnFilterType?: (column: GridColumn<T>) => ColumnFilterUiType;
+};
+export type FilterPopoverController<T> = {
+    update: (args: FilterPopoverControllerArgs<T>) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => FilterPopoverSnapshot;
+    panelRef: {
+        current: HTMLDivElement | null;
+    };
+    textInputRef: {
+        current: HTMLInputElement | null;
+    };
+    selectRef: {
+        current: HTMLSelectElement | null;
+    };
+    open: (column: GridColumn<T>) => void;
+    close: () => void;
+    updateDraft: (value: string) => void;
+    updateNumberDraft: (draft: NumberFilterConditionDraft) => void;
+    updateTextDraft: (draft: TextFilterConditionDraft) => void;
+    updateDateDraft: (draft: DateFilterConditionDraft) => void;
+    dispose: () => void;
+};
+export declare const resolveOpenedFilterColumn: <T>(visibleColumns: GridColumn<T>[], state: HeaderFilterPopoverState | null) => GridColumn<T> | null;
+export declare const createFilterPopoverController: <T>() => FilterPopoverController<T>;

package/dist/controllers/filterPopoverController.js

@@ -0,0 +1,146 @@
+import { isInsideDetailCardOf as e } from "../logic/detailRow.js";
+import { createValueStore as t } from "../logic/valueStore.js";
+import { blurForPopover as n, createPopoverWindowBindings as r, restoreGridFocus as i } from "./popoverSupport.js";
+import { columnFilterValueToDraftText as a, isDateSetColumnFilterValue as o, isNumberColumnFilterValue as s, isNumberSetColumnFilterValue as c, isTextSetColumnFilterValue as l } from "../logic/filtering.js";
+import { numberFilterValueToConditionDraft as u, parsedNumberFilterToConditionDraft as d } from "../logic/numberFilterCondition.js";
+import { parsedTextFilterToConditionDraft as f } from "../logic/textFilterCondition.js";
+import { parsedDateFilterToConditionDraft as p } from "../logic/dateFilterCondition.js";
+import { computeFilterPopoverPlacement as m } from "../logic/filterPopoverLayout.js";
+import { isFilterPopoverOutsideTarget as h } from "../logic/filterPopoverOutsideClick.js";
+//#region src/controllers/filterPopoverController.ts
+var g = 240, _ = 8, v = 8, y = 230, b = 340, x = 480, S = (e, t) => {
+	if (!t) return null;
+	let n = e.find((e) => e.key === t.columnKey) ?? null;
+	return !n || n.filterType === t.filterType ? n : {
+		...n,
+		filterType: t.filterType
+	};
+}, C = () => {
+	let C = null, w = t({
+		state: null,
+		layout: null
+	}), T = { current: null }, E = { current: null }, D = { current: null }, O = null, k = null, A = null, j = null, M = null, N = null, P = null, F = null, I = (e) => {
+		let t = w.getSnapshot(), n = t.layout;
+		n === e || n !== null && e !== null && n.top === e.top && n.left === e.left && n.width === e.width && n.maxHeight === e.maxHeight || w.setSnapshot({
+			...t,
+			layout: e
+		});
+	}, L = () => C === null ? null : S(C.visibleColumns, w.getSnapshot().state), R = () => {
+		if (!w.getSnapshot().state || !O) {
+			I(null);
+			return;
+		}
+		let e = O.getBoundingClientRect(), t = L()?.filterType, n = t === "numberSet" || t === "textSet" || t === "dateSet" ? x : t === "set" ? b : y, { top: r, left: i, maxHeight: a } = m({
+			anchorTop: e.top,
+			anchorBottom: e.bottom,
+			anchorRight: e.right,
+			viewportWidth: window.innerWidth,
+			viewportHeight: window.innerHeight,
+			popupWidth: g,
+			popupHeight: k ?? n,
+			offsetY: v,
+			viewportMargin: _
+		});
+		I({
+			top: r,
+			left: i,
+			width: g,
+			maxHeight: a
+		});
+	}, z = () => {
+		M !== null && (cancelAnimationFrame(M), M = null), N !== null && (cancelAnimationFrame(N), N = null);
+	}, B = () => {
+		A?.disconnect(), A = null, j = null;
+	}, V = () => {
+		w.setSnapshot({
+			state: null,
+			layout: null
+		}), O = null, E.current = null, D.current = null, k = null, H.detach(), B(), z(), P = null, C !== null && i(C.gridRootRef);
+	}, H = r({
+		onResize: R,
+		onScroll: R,
+		isInside: (e) => !h(e, T.current),
+		onOutsidePointerDown: V
+	}), U = (t) => {
+		if (C === null || !C.enableColumnFilter) return;
+		let { gridRootRef: r, resolveColumnFilterType: i, columnFilterValues: m } = C;
+		n(r.current);
+		let h = r.current, g = h?.querySelectorAll("[data-ssg-col-key]");
+		O = h && g ? Array.from(g).find((n) => n.dataset.ssgColKey === t.key && !e(h, n)) ?? null : null;
+		let _ = t.filterType === "auto" && i ? i(t) : t.filterType ?? "text", v = m[t.key], y = _ === "number" ? u(s(v) ? v : void 0) : _ === "numberSet" ? d(c(v) ? v.condition : void 0) : null, b = _ === "textSet" ? f(l(v) ? v.condition : void 0) : null, x = _ === "dateSet" ? p(o(v) ? v.condition : void 0) : null;
+		w.setSnapshot({
+			...w.getSnapshot(),
+			state: {
+				columnKey: t.key,
+				filterType: _,
+				draftValue: a(v),
+				numberDraft: y,
+				textDraft: b,
+				dateDraft: x
+			}
+		}), R(), H.attach();
+	}, W = (e) => {
+		let t = w.getSnapshot();
+		t.state && w.setSnapshot({
+			...t,
+			state: {
+				...t.state,
+				...e
+			}
+		});
+	}, G = () => {
+		let e = T.current;
+		if (!(w.getSnapshot().layout !== null && e !== null) || typeof ResizeObserver > "u") {
+			B();
+			return;
+		}
+		j !== e && (B(), A = new ResizeObserver(() => {
+			let e = T.current?.getBoundingClientRect().height ?? null;
+			e === null || e === k || (k = e, R());
+		}), A.observe(e), j = e);
+	}, K = () => {
+		let { state: e, layout: t } = w.getSnapshot(), n = L();
+		if (!e || !n || !t) {
+			z(), P = null;
+			return;
+		}
+		let r = F !== C?.visibleColumns, i = `${e.columnKey}|${e.filterType}|${t.top}|${t.left}|${t.width}`;
+		if (!r && P === i) return;
+		P = i, F = C?.visibleColumns ?? null, z();
+		let a = n.filterType ?? "text";
+		M = requestAnimationFrame(() => {
+			M = null, N = requestAnimationFrame(() => {
+				if (N = null, a === "select") {
+					D.current?.focus();
+					return;
+				}
+				let e = E.current;
+				if (e && (e.focus(), e.type === "text")) {
+					let t = e.value.length;
+					e.setSelectionRange(t, t);
+				}
+			});
+		});
+	};
+	return {
+		update: (e) => {
+			C = e, G(), K();
+		},
+		subscribe: w.subscribe,
+		getSnapshot: w.getSnapshot,
+		panelRef: T,
+		textInputRef: E,
+		selectRef: D,
+		open: U,
+		close: V,
+		updateDraft: (e) => W({ draftValue: e }),
+		updateNumberDraft: (e) => W({ numberDraft: e }),
+		updateTextDraft: (e) => W({ textDraft: e }),
+		updateDateDraft: (e) => W({ dateDraft: e }),
+		dispose: () => {
+			H.detach(), B(), z();
+		}
+	};
+};
+//#endregion
+export { C as createFilterPopoverController, S as resolveOpenedFilterColumn };

package/dist/controllers/globalFilteredOrder.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/valueStore.cjs"),t=require("../logic/chunkedLoop.cjs"),n=require("../logic/filtering.cjs");var r=5e4,i=(e,t,r)=>r&&e.needle.length>0?e.rows.length<=5e4?{order:n.filterOrderByGlobalText(e.rows,e.baseOrder,e.columns,t),status:`ready`,progress:1}:null:{order:e.baseOrder,status:`idle`,progress:1},a=(e,t)=>e.rows===t.rows&&e.baseOrder===t.baseOrder&&e.columns===t.columns&&e.needle===t.needle,o=(e,t,n)=>{if(e)return e;let{ready:r,progress:i}=t;return r!==null&&a(r,n)?{order:r.order,status:`ready`,progress:1}:{order:r!==null&&r.rowsLength===n.rows.length?r.order:n.baseOrder,status:`filtering`,progress:i!==null&&a(i,n)?i.progress:0}},s=()=>{let r=e.createValueStore({ready:null,progress:null}),i=null,o=null,s=e=>{let i={rows:e.rows,baseOrder:e.baseOrder,columns:e.columns,needle:e.needle},a=i.baseOrder.length,s=new Int32Array(a),c=0,l=!1;o=()=>{l=!0},t.runChunked(a,e=>{let t=i.baseOrder[e];n.rowMatchesGlobalText(i.rows[t],i.columns,i.needle)&&(s[c]=t,c+=1)},{isCancelled:()=>l,onYield:(e,t)=>{r.setSnapshot({...r.getSnapshot(),progress:{...i,progress:e/t}})}}).then(e=>{if(!e)return;let t=c===a?i.baseOrder:s.slice(0,c);r.setSnapshot({...r.getSnapshot(),ready:{...i,order:t,rowsLength:i.rows.length}})})};return{update:e=>{let t=i===null||i.needsAsync!==e.needsAsync||!a(i,e);i=e,t&&(o?.(),o=null,e.needsAsync&&s(e))},subscribe:r.subscribe,getSnapshot:r.getSnapshot,dispose:()=>{o?.(),o=null}}};exports.ASYNC_GLOBAL_FILTER_ROW_THRESHOLD=r,exports.createGlobalFilteredOrderRunner=s,exports.resolveSyncGlobalFilteredOrder=i,exports.selectGlobalFilteredOrderResult=o;

package/dist/controllers/globalFilteredOrder.d.ts

@@ -0,0 +1,38 @@
+import type { GlobalFilterStatus, GridColumn } from '../model/gridTypes.unbound';
+import { type RowOrder } from '../logic/filtering';
+export declare const ASYNC_GLOBAL_FILTER_ROW_THRESHOLD = 50000;
+export type GlobalFilteredOrderResult = {
+    order: RowOrder;
+    status: GlobalFilterStatus;
+    progress: number;
+};
+export type GlobalFilterKey<T> = {
+    rows: T[];
+    baseOrder: RowOrder;
+    columns: GridColumn<T>[];
+    needle: string;
+};
+export declare const resolveSyncGlobalFilteredOrder: <T>(key: GlobalFilterKey<T>, deferredText: string, enabled: boolean) => GlobalFilteredOrderResult | null;
+export type GlobalFilteredOrderArgs<T> = GlobalFilterKey<T> & {
+    needsAsync: boolean;
+};
+type ReadyState<T> = GlobalFilterKey<T> & {
+    order: RowOrder;
+    rowsLength: number;
+};
+type ProgressState<T> = GlobalFilterKey<T> & {
+    progress: number;
+};
+export type GlobalFilteredOrderSnapshot<T> = {
+    ready: ReadyState<T> | null;
+    progress: ProgressState<T> | null;
+};
+export declare const selectGlobalFilteredOrderResult: <T>(syncResult: GlobalFilteredOrderResult | null, snapshot: GlobalFilteredOrderSnapshot<T>, key: GlobalFilterKey<T>) => GlobalFilteredOrderResult;
+export type GlobalFilteredOrderRunner<T> = {
+    update: (args: GlobalFilteredOrderArgs<T>) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => GlobalFilteredOrderSnapshot<T>;
+    dispose: () => void;
+};
+export declare const createGlobalFilteredOrderRunner: <T>() => GlobalFilteredOrderRunner<T>;
+export {};

package/dist/controllers/globalFilteredOrder.js

@@ -0,0 +1,78 @@
+import { createValueStore as e } from "../logic/valueStore.js";
+import { runChunked as t } from "../logic/chunkedLoop.js";
+import { filterOrderByGlobalText as n, rowMatchesGlobalText as r } from "../logic/filtering.js";
+//#region src/controllers/globalFilteredOrder.ts
+var i = 5e4, a = (e, t, r) => r && e.needle.length > 0 ? e.rows.length <= 5e4 ? {
+	order: n(e.rows, e.baseOrder, e.columns, t),
+	status: "ready",
+	progress: 1
+} : null : {
+	order: e.baseOrder,
+	status: "idle",
+	progress: 1
+}, o = (e, t) => e.rows === t.rows && e.baseOrder === t.baseOrder && e.columns === t.columns && e.needle === t.needle, s = (e, t, n) => {
+	if (e) return e;
+	let { ready: r, progress: i } = t;
+	return r !== null && o(r, n) ? {
+		order: r.order,
+		status: "ready",
+		progress: 1
+	} : {
+		order: r !== null && r.rowsLength === n.rows.length ? r.order : n.baseOrder,
+		status: "filtering",
+		progress: i !== null && o(i, n) ? i.progress : 0
+	};
+}, c = () => {
+	let n = e({
+		ready: null,
+		progress: null
+	}), i = null, a = null, s = (e) => {
+		let i = {
+			rows: e.rows,
+			baseOrder: e.baseOrder,
+			columns: e.columns,
+			needle: e.needle
+		}, o = i.baseOrder.length, s = new Int32Array(o), c = 0, l = !1;
+		a = () => {
+			l = !0;
+		}, t(o, (e) => {
+			let t = i.baseOrder[e];
+			r(i.rows[t], i.columns, i.needle) && (s[c] = t, c += 1);
+		}, {
+			isCancelled: () => l,
+			onYield: (e, t) => {
+				n.setSnapshot({
+					...n.getSnapshot(),
+					progress: {
+						...i,
+						progress: e / t
+					}
+				});
+			}
+		}).then((e) => {
+			if (!e) return;
+			let t = c === o ? i.baseOrder : s.slice(0, c);
+			n.setSnapshot({
+				...n.getSnapshot(),
+				ready: {
+					...i,
+					order: t,
+					rowsLength: i.rows.length
+				}
+			});
+		});
+	};
+	return {
+		update: (e) => {
+			let t = i === null || i.needsAsync !== e.needsAsync || !o(i, e);
+			i = e, t && (a?.(), a = null, e.needsAsync && s(e));
+		},
+		subscribe: n.subscribe,
+		getSnapshot: n.getSnapshot,
+		dispose: () => {
+			a?.(), a = null;
+		}
+	};
+};
+//#endregion
+export { i as ASYNC_GLOBAL_FILTER_ROW_THRESHOLD, c as createGlobalFilteredOrderRunner, a as resolveSyncGlobalFilteredOrder, s as selectGlobalFilteredOrderResult };

package/dist/controllers/historyController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../model/gridActions.cjs"),t=require("../logic/history.cjs");var n=()=>{let n=null,r=t.createHistoryStack(),i=null,a=null,o={canUndo:!1,canRedo:!1},s=()=>n!==null&&n.enabled&&n.onRowsChange!=null,c=()=>s()&&t.canUndoHistory(r),l=()=>s()&&t.canRedoHistory(r),u=()=>{let e={canUndo:c(),canRedo:l()};e.canUndo===o.canUndo&&e.canRedo===o.canRedo||(o=e,n?.onUndoRedoStateChange?.(e))},d=e=>{n=e,a===null?a=e.rows:e.rows!==a&&(a=e.rows,i===e.rows?i=null:(i=null,r=t.createHistoryStack())),u()},f=t=>{if(n===null)return;let{dispatch:r}=n,i=t.selection;i?.type===`cell`?(r(e.gridActions.startSelection(i.range.start)),r(e.gridActions.updateSelection(i.range.end)),r(e.gridActions.endSelection())):i?.type===`row`?(r(e.gridActions.startRowSelection(i.startRow)),r(e.gridActions.updateRowSelection(i.endRow)),r(e.gridActions.endSelection())):i?.type===`col`?(r(e.gridActions.startColumnSelection(i.startCol)),r(e.gridActions.updateColumnSelection(i.endCol)),r(e.gridActions.endSelection())):r(e.gridActions.clearSelection()),r(e.gridActions.activateCell(t.activeCell))},p=e=>{n===null||!n.onRowsChange||(n.enabled&&(r=t.pushHistory(r,{rows:n.rows,selection:n.selection,activeCell:n.activeCell},n.limit),i=e,u()),n.onRowsChange(e))},m=e=>{e===null||n===null||!n.onRowsChange||(r=e.stack,i=e.snapshot.rows,n.onRowsChange(e.snapshot.rows),f(e.snapshot),n.onAfterRestore?.(e.snapshot.activeCell),u())},h=()=>n===null?null:{rows:n.rows,selection:n.selection,activeCell:n.activeCell};return{update:d,handleRowsChange:p,undo:()=>{let e=h();!s()||e===null||m(t.undoHistory(r,e))},redo:()=>{let e=h();!s()||e===null||m(t.redoHistory(r,e))},canUndo:c,canRedo:l,clearHistory:()=>{r=t.createHistoryStack(),u()}}};exports.createHistoryController=n;

package/dist/controllers/historyController.d.ts

@@ -0,0 +1,28 @@
+import { type GridUiAction } from '../model/gridActions';
+import type { CellCoord, GridSelection, UndoRedoState } from '../model/gridTypes.unbound';
+export type GridHistoryEntry<T> = {
+    rows: T[];
+    selection: GridSelection;
+    activeCell: CellCoord | null;
+};
+export type HistoryControllerArgs<T> = {
+    rows: T[];
+    selection: GridSelection;
+    activeCell: CellCoord | null;
+    onRowsChange?: (nextRows: T[]) => void;
+    dispatch: (action: GridUiAction) => void;
+    enabled: boolean;
+    limit: number;
+    onUndoRedoStateChange?: (state: UndoRedoState) => void;
+    onAfterRestore?: (activeCell: CellCoord | null) => void;
+};
+export type HistoryController<T> = {
+    update: (args: HistoryControllerArgs<T>) => void;
+    handleRowsChange: (nextRows: T[]) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    clearHistory: () => void;
+};
+export declare const createHistoryController: <T>() => HistoryController<T>;

package/dist/controllers/historyController.js

@@ -0,0 +1,52 @@
+import { gridActions as e } from "../model/gridActions.js";
+import { canRedoHistory as t, canUndoHistory as n, createHistoryStack as r, pushHistory as i, redoHistory as a, undoHistory as o } from "../logic/history.js";
+//#region src/controllers/historyController.ts
+var s = () => {
+	let s = null, c = r(), l = null, u = null, d = {
+		canUndo: !1,
+		canRedo: !1
+	}, f = () => s !== null && s.enabled && s.onRowsChange != null, p = () => f() && n(c), m = () => f() && t(c), h = () => {
+		let e = {
+			canUndo: p(),
+			canRedo: m()
+		};
+		e.canUndo === d.canUndo && e.canRedo === d.canRedo || (d = e, s?.onUndoRedoStateChange?.(e));
+	}, g = (e) => {
+		s = e, u === null ? u = e.rows : e.rows !== u && (u = e.rows, l === e.rows ? l = null : (l = null, c = r())), h();
+	}, _ = (t) => {
+		if (s === null) return;
+		let { dispatch: n } = s, r = t.selection;
+		r?.type === "cell" ? (n(e.startSelection(r.range.start)), n(e.updateSelection(r.range.end)), n(e.endSelection())) : r?.type === "row" ? (n(e.startRowSelection(r.startRow)), n(e.updateRowSelection(r.endRow)), n(e.endSelection())) : r?.type === "col" ? (n(e.startColumnSelection(r.startCol)), n(e.updateColumnSelection(r.endCol)), n(e.endSelection())) : n(e.clearSelection()), n(e.activateCell(t.activeCell));
+	}, v = (e) => {
+		s === null || !s.onRowsChange || (s.enabled && (c = i(c, {
+			rows: s.rows,
+			selection: s.selection,
+			activeCell: s.activeCell
+		}, s.limit), l = e, h()), s.onRowsChange(e));
+	}, y = (e) => {
+		e === null || s === null || !s.onRowsChange || (c = e.stack, l = e.snapshot.rows, s.onRowsChange(e.snapshot.rows), _(e.snapshot), s.onAfterRestore?.(e.snapshot.activeCell), h());
+	}, b = () => s === null ? null : {
+		rows: s.rows,
+		selection: s.selection,
+		activeCell: s.activeCell
+	};
+	return {
+		update: g,
+		handleRowsChange: v,
+		undo: () => {
+			let e = b();
+			!f() || e === null || y(o(c, e));
+		},
+		redo: () => {
+			let e = b();
+			!f() || e === null || y(a(c, e));
+		},
+		canUndo: p,
+		canRedo: m,
+		clearHistory: () => {
+			c = r(), h();
+		}
+	};
+};
+//#endregion
+export { s as createHistoryController };

package/dist/controllers/keyboardController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../utils/permissions.cjs"),t=require("../model/gridActions.cjs"),n=require("../logic/geometry.cjs"),r=require("../logic/domGuards.cjs");var i=()=>{let i=null,a=e=>{i=e},o=(e,r,a)=>{if(i===null)return;let{uiState:o,rowModel:s,visibleColumns:c,dispatch:l}=i,u=s.getRowCount();if(u===0||c.length===0)return;let d=o.activeCell??{row:0,col:0},f={row:n.clamp(d.row+e,0,u-1),col:n.clamp(d.col+r,0,c.length-1)};if(a){let e=o.selection?.type===`cell`?o.selection.range.start:d;l(t.gridActions.startSelection(e)),l(t.gridActions.updateSelection(f)),l(t.gridActions.endSelection()),l(t.gridActions.activateCell(f));return}l(t.gridActions.startSelection(f)),l(t.gridActions.endSelection()),l(t.gridActions.activateCell(f))};return{update:a,handleKeyDown:async n=>{if(i===null)return;let{uiState:a,rowModel:s,visibleColumns:c,readOnly:l,canEditCell:u,setEditorInitialValue:d,dispatch:f,handleCopy:p,handleCellDoubleClick:m,isWholeGridSelected:h,selectEntireGrid:g,onUndo:_,onRedo:v,onClearSelection:y,enableClearOnDelete:b,onToggleCheckboxCell:x,onToggleGroup:S}=i;if(!r.shouldIgnoreGridKeydown(n.target)&&!a.editingCell){if((n.ctrlKey||n.metaKey)&&n.key.toLowerCase()===`c`){n.preventDefault(),await p();return}if((n.ctrlKey||n.metaKey)&&n.key.toLowerCase()===`a`){if(n.preventDefault(),h){f(t.gridActions.clearSelection()),f(t.gridActions.activateCell(null));return}g();return}if((n.ctrlKey||n.metaKey)&&!n.isComposing){if(n.key.toLowerCase()===`z`){n.preventDefault(),n.shiftKey?v():_();return}if(n.key.toLowerCase()===`y`&&!n.shiftKey){n.preventDefault(),v();return}}if(n.key===`ArrowUp`){n.preventDefault(),o(-1,0,n.shiftKey);return}if(n.key===`ArrowDown`){n.preventDefault(),o(1,0,n.shiftKey);return}if(n.key===`ArrowLeft`){n.preventDefault(),o(0,-1,n.shiftKey);return}if(n.key===`ArrowRight`){n.preventDefault(),o(0,1,n.shiftKey);return}if(n.key===`Tab`){n.preventDefault(),o(0,n.shiftKey?-1:1,!1);return}if(n.key===`Escape`){n.preventDefault(),f(t.gridActions.clearSelection());return}if((n.key===`Delete`||n.key===`Backspace`)&&b){n.preventDefault(),y();return}if((n.key===`Enter`||n.key===` `)&&a.activeCell){let e=s.getGroupRow?.(a.activeCell.row);if(e){n.preventDefault(),S(e.groupKey);return}}if(n.key===`Enter`||n.key===`F2`){n.preventDefault(),a.activeCell&&m(a.activeCell);return}if(r.isPrintableKey(n)&&a.activeCell){let r=s.getRow(a.activeCell.row),i=c[a.activeCell.col];if(!r||!i||!e.isCellEditable({readOnly:l,canEditCell:u},a.activeCell.row,a.activeCell.col,r,i))return;if(i.editor?.type===`checkbox`){n.preventDefault(),n.key===` `&&x(a.activeCell);return}n.preventDefault(),d(n.key),f(t.gridActions.startEdit(a.activeCell))}}}}};exports.createKeyboardController=i;

package/dist/controllers/keyboardController.d.ts

@@ -0,0 +1,36 @@
+import { type GridUiAction } from '../model/gridActions';
+import type { CellCoord, GridColumn, GridUiState, RowModel, SpreadsheetGridProps } from '../model/gridTypes.unbound';
+export type GridKeyboardEventLike = {
+    key: string;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+    isComposing: boolean;
+    target: EventTarget | null;
+    preventDefault: () => void;
+};
+export type KeyboardControllerArgs<T> = {
+    uiState: GridUiState;
+    rowModel: RowModel<T>;
+    visibleColumns: GridColumn<T>[];
+    readOnly: boolean;
+    canEditCell: SpreadsheetGridProps<T>['canEditCell'];
+    setEditorInitialValue: (value: string) => void;
+    dispatch: (action: GridUiAction) => void;
+    handleCopy: () => Promise<void>;
+    handleCellDoubleClick: (cell: CellCoord) => void;
+    isWholeGridSelected: boolean;
+    selectEntireGrid: () => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    onClearSelection: () => void;
+    enableClearOnDelete: boolean;
+    onToggleCheckboxCell: (cell: CellCoord) => void;
+    onToggleGroup: (groupKey: string) => void;
+};
+export type KeyboardController<T> = {
+    update: (args: KeyboardControllerArgs<T>) => void;
+    handleKeyDown: (event: GridKeyboardEventLike) => Promise<void>;
+};
+export declare const createKeyboardController: <T>() => KeyboardController<T>;

package/dist/controllers/keyboardController.js

@@ -0,0 +1,111 @@
+import { isCellEditable as e } from "../utils/permissions.js";
+import { gridActions as t } from "../model/gridActions.js";
+import { clamp as n } from "../logic/geometry.js";
+import { isPrintableKey as r, shouldIgnoreGridKeydown as i } from "../logic/domGuards.js";
+//#region src/controllers/keyboardController.ts
+var a = () => {
+	let a = null, o = (e) => {
+		a = e;
+	}, s = (e, r, i) => {
+		if (a === null) return;
+		let { uiState: o, rowModel: s, visibleColumns: c, dispatch: l } = a, u = s.getRowCount();
+		if (u === 0 || c.length === 0) return;
+		let d = o.activeCell ?? {
+			row: 0,
+			col: 0
+		}, f = {
+			row: n(d.row + e, 0, u - 1),
+			col: n(d.col + r, 0, c.length - 1)
+		};
+		if (i) {
+			let e = o.selection?.type === "cell" ? o.selection.range.start : d;
+			l(t.startSelection(e)), l(t.updateSelection(f)), l(t.endSelection()), l(t.activateCell(f));
+			return;
+		}
+		l(t.startSelection(f)), l(t.endSelection()), l(t.activateCell(f));
+	};
+	return {
+		update: o,
+		handleKeyDown: async (n) => {
+			if (a === null) return;
+			let { uiState: o, rowModel: c, visibleColumns: l, readOnly: u, canEditCell: d, setEditorInitialValue: f, dispatch: p, handleCopy: m, handleCellDoubleClick: h, isWholeGridSelected: g, selectEntireGrid: _, onUndo: v, onRedo: y, onClearSelection: b, enableClearOnDelete: x, onToggleCheckboxCell: S, onToggleGroup: C } = a;
+			if (!i(n.target) && !o.editingCell) {
+				if ((n.ctrlKey || n.metaKey) && n.key.toLowerCase() === "c") {
+					n.preventDefault(), await m();
+					return;
+				}
+				if ((n.ctrlKey || n.metaKey) && n.key.toLowerCase() === "a") {
+					if (n.preventDefault(), g) {
+						p(t.clearSelection()), p(t.activateCell(null));
+						return;
+					}
+					_();
+					return;
+				}
+				if ((n.ctrlKey || n.metaKey) && !n.isComposing) {
+					if (n.key.toLowerCase() === "z") {
+						n.preventDefault(), n.shiftKey ? y() : v();
+						return;
+					}
+					if (n.key.toLowerCase() === "y" && !n.shiftKey) {
+						n.preventDefault(), y();
+						return;
+					}
+				}
+				if (n.key === "ArrowUp") {
+					n.preventDefault(), s(-1, 0, n.shiftKey);
+					return;
+				}
+				if (n.key === "ArrowDown") {
+					n.preventDefault(), s(1, 0, n.shiftKey);
+					return;
+				}
+				if (n.key === "ArrowLeft") {
+					n.preventDefault(), s(0, -1, n.shiftKey);
+					return;
+				}
+				if (n.key === "ArrowRight") {
+					n.preventDefault(), s(0, 1, n.shiftKey);
+					return;
+				}
+				if (n.key === "Tab") {
+					n.preventDefault(), s(0, n.shiftKey ? -1 : 1, !1);
+					return;
+				}
+				if (n.key === "Escape") {
+					n.preventDefault(), p(t.clearSelection());
+					return;
+				}
+				if ((n.key === "Delete" || n.key === "Backspace") && x) {
+					n.preventDefault(), b();
+					return;
+				}
+				if ((n.key === "Enter" || n.key === " ") && o.activeCell) {
+					let e = c.getGroupRow?.(o.activeCell.row);
+					if (e) {
+						n.preventDefault(), C(e.groupKey);
+						return;
+					}
+				}
+				if (n.key === "Enter" || n.key === "F2") {
+					n.preventDefault(), o.activeCell && h(o.activeCell);
+					return;
+				}
+				if (r(n) && o.activeCell) {
+					let r = c.getRow(o.activeCell.row), i = l[o.activeCell.col];
+					if (!r || !i || !e({
+						readOnly: u,
+						canEditCell: d
+					}, o.activeCell.row, o.activeCell.col, r, i)) return;
+					if (i.editor?.type === "checkbox") {
+						n.preventDefault(), n.key === " " && S(o.activeCell);
+						return;
+					}
+					n.preventDefault(), f(n.key), p(t.startEdit(o.activeCell));
+				}
+			}
+		}
+	};
+};
+//#endregion
+export { a as createKeyboardController };

package/dist/controllers/panelHeaderDragController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`button, input, select, textarea`,t=()=>{let t=null;return{startFromPointerDown:(n,{layout:r,onMove:i})=>{if(n.button!==0||r===null||t!==null)return!1;let a=n.target;if(a instanceof Element&&a.closest(e))return!1;n.preventDefault();let o={pointerId:n.pointerId,startX:n.clientX,startY:n.clientY,startTop:r.top,startLeft:r.left},s=e=>{e.pointerId===o.pointerId&&i(o.startTop+(e.clientY-o.startY),o.startLeft+(e.clientX-o.startX))},c=e=>{e.pointerId===o.pointerId&&t?.()};return window.addEventListener(`pointermove`,s),window.addEventListener(`pointerup`,c),window.addEventListener(`pointercancel`,c),t=()=>{window.removeEventListener(`pointermove`,s),window.removeEventListener(`pointerup`,c),window.removeEventListener(`pointercancel`,c),t=null},!0},isActive:()=>t!==null,dispose:()=>{t?.()}}};exports.createPanelHeaderDragController=t;

package/dist/controllers/panelHeaderDragController.d.ts

@@ -0,0 +1,21 @@
+export type PanelHeaderDragPointerDown = {
+    button: number;
+    pointerId: number;
+    clientX: number;
+    clientY: number;
+    target: EventTarget | null;
+    preventDefault: () => void;
+};
+export type PanelHeaderDragStartArgs = {
+    layout: {
+        top: number;
+        left: number;
+    } | null;
+    onMove: (top: number, left: number) => void;
+};
+export type PanelHeaderDragController = {
+    startFromPointerDown: (event: PanelHeaderDragPointerDown, args: PanelHeaderDragStartArgs) => boolean;
+    isActive: () => boolean;
+    dispose: () => void;
+};
+export declare const createPanelHeaderDragController: () => PanelHeaderDragController;

package/dist/controllers/panelHeaderDragController.js

@@ -0,0 +1,32 @@
+//#region src/controllers/panelHeaderDragController.ts
+var e = () => {
+	let e = null;
+	return {
+		startFromPointerDown: (t, { layout: n, onMove: r }) => {
+			if (t.button !== 0 || n === null || e !== null) return !1;
+			let i = t.target;
+			if (i instanceof Element && i.closest("button, input, select, textarea")) return !1;
+			t.preventDefault();
+			let a = {
+				pointerId: t.pointerId,
+				startX: t.clientX,
+				startY: t.clientY,
+				startTop: n.top,
+				startLeft: n.left
+			}, o = (e) => {
+				e.pointerId === a.pointerId && r(a.startTop + (e.clientY - a.startY), a.startLeft + (e.clientX - a.startX));
+			}, s = (t) => {
+				t.pointerId === a.pointerId && e?.();
+			};
+			return window.addEventListener("pointermove", o), window.addEventListener("pointerup", s), window.addEventListener("pointercancel", s), e = () => {
+				window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", s), e = null;
+			}, !0;
+		},
+		isActive: () => e !== null,
+		dispose: () => {
+			e?.();
+		}
+	};
+};
+//#endregion
+export { e as createPanelHeaderDragController };

package/dist/controllers/pointerInteractionsController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/detailRow.cjs"),t=require("../model/gridActions.cjs"),n=require("../logic/geometry.cjs"),r=require("../logic/autoScrollGeometry.cjs"),i=require("../logic/sorting.cjs"),a=require("../logic/verticalGeometry.cjs");var o=10,s=300,c=()=>{let o=null,s=!1,c=!1,l=null,u=null,d=`mouse`,f=null,p=null,m=!1,h=!1,g=()=>o?.uiState.dragState??null,_=(e,t)=>{if(o===null)return null;let{bodyScrollRef:r,scrollContainerRef:i,leftPaneScrollRef:s,rightPaneScrollRef:c,filteredRowsLength:l,visibleColumnsLength:u,paneLayout:d,leftLeadingWidth:f,centerLeadingWidth:p,rightLeadingWidth:m,headerHeight:h,rowMetrics:g,verticalScaleFactor:_}=o,v=r.current;if(!v||l===0||u===0)return null;let y=v.getBoundingClientRect(),b=a.clientYToRowIndex(v.scrollTop+t-y.top-h,i.current?.scrollTop??0,_,g),x=null,S=s.current;if(x===null&&S&&d.left.entries.length>0){let t=S.getBoundingClientRect();if(e<t.right){let r=e-t.left-f;x=n.findLogicalIndexFromPaneOffset(d.left,r)}}let C=c.current;if(x===null&&C&&d.right.entries.length>0){let t=C.getBoundingClientRect();if(e>=t.left){let r=e-t.left-m;x=n.findLogicalIndexFromPaneOffset(d.right,r)}}if(x===null&&d.center.entries.length>0){let t=v.scrollLeft+e-y.left-p;x=n.findLogicalIndexFromPaneOffset(d.center,Math.max(t,0))}return x===null?null:{row:b,col:n.clamp(x,0,u-1)}},v=(e,n)=>{let r=g();if(o===null||!r||r.type!==`selection`)return;let i=_(e,n);if(i){if(r.selectionKind===`cell`){o.dispatch(t.gridActions.updateSelection(i));return}if(r.selectionKind===`row`){o.dispatch(t.gridActions.updateRowSelection(i.row));return}r.selectionKind===`col`&&o.dispatch(t.gridActions.updateColumnSelection(i.col))}},y=(e,n)=>{if(o===null)return;let{gridRootRef:r,dispatch:i,enableRangeSelection:a,enableRowSelection:s,onGutterRowSelect:c,onCellDoubleClickRef:l}=o;r.current?.focus({preventScroll:!0});let{target:d}=e;if(d.kind===`cell`){let e=u;if(e&&e.cell.row===d.cell.row&&e.cell.col===d.cell.col&&n-e.time<300){u=null,l.current(d.cell);return}u={cell:d.cell,time:n},i(t.gridActions.activateCell(d.cell)),a&&(i(t.gridActions.startSelection(d.cell)),i(t.gridActions.endSelection()));return}if(u=null,d.kind===`row`){if(s){c(d.rowIndex,{shiftKey:!1});return}i(t.gridActions.startRowSelection(d.rowIndex)),i(t.gridActions.endSelection());return}i(t.gridActions.startColumnSelection(d.colIndex)),i(t.gridActions.endSelection())},b=()=>{o!==null&&(c=!1,o.dispatch(t.gridActions.endSelection()),o.dispatch(t.gridActions.endColumnResize()))},x=e=>{o!==null&&(o.pointerClientRef.current={x:e.clientX,y:e.clientY},g()?.type===`columnResize`&&o.dispatch(t.gridActions.updateColumnResize(e.clientX)))},S=e=>{let t=l;t&&(l=null,e.pointerId===t.pointerId&&Math.abs(e.clientX-t.x)<10&&Math.abs(e.clientY-t.y)<10&&y(t,e.timeStamp)),b()},C=()=>{l=null,b()},w=()=>{s||(s=!0,window.addEventListener(`pointermove`,x),window.addEventListener(`pointerup`,S),window.addEventListener(`pointercancel`,C))},T=()=>{s&&(s=!1,window.removeEventListener(`pointermove`,x),window.removeEventListener(`pointerup`,S),window.removeEventListener(`pointercancel`,C))},E=()=>{h=!1,o!==null&&o.autoScrollFrameRef.current!==null&&(cancelAnimationFrame(o.autoScrollFrameRef.current),o.autoScrollFrameRef.current=null)},D=()=>{if(o===null||!h)return;let{scrollContainerRef:e,pointerClientRef:t,autoScrollFrameRef:n}=o,i=e.current,a=t.current;if(!i||!a){n.current=requestAnimationFrame(D);return}if(!m){let e=p;if(e&&!r.hasPointerLeftActivationRadius(e,a,6)){n.current=requestAnimationFrame(D);return}m=!0}let s=i.getBoundingClientRect(),c=r.resolveScrollContentBox({rectLeft:s.left,rectTop:s.top,clientLeft:i.clientLeft,clientTop:i.clientTop,clientWidth:i.clientWidth,clientHeight:i.clientHeight}),l=g(),u=l?.type===`selection`&&l.selectionKind===`col`,d=l?.type===`selection`&&l.selectionKind===`row`,f=u?0:r.resolveAutoScrollAxisDirection(a.y,c.top,c.bottom,24),_=d?0:r.resolveAutoScrollAxisDirection(a.x,c.left,c.right,24),y=r.computeNextScrollPosition(i.scrollTop,f,18,i.scrollHeight-i.clientHeight),b=r.computeNextScrollPosition(i.scrollLeft,_,18,i.scrollWidth-i.clientWidth);(y!==i.scrollTop||b!==i.scrollLeft)&&(i.scrollTo({top:y,left:b,behavior:`auto`}),v(a.x,a.y)),n.current=requestAnimationFrame(D)},O=()=>{let e=g()?.type===`selection`;e&&!h?(h=!0,o!==null&&(o.autoScrollFrameRef.current=requestAnimationFrame(D))):!e&&h&&E()},k=()=>{if(f!==null)return;let e=()=>{if(!c||o===null){f=null;return}let{scrollContainerRef:t,pointerClientRef:n,onGutterRowSelectDrag:i}=o,a=t.current,s=n.current;if(!a||!s){f=requestAnimationFrame(e);return}if(!m){let t=p;if(t&&!r.hasPointerLeftActivationRadius(t,s,6)){f=requestAnimationFrame(e);return}m=!0}let l=a.getBoundingClientRect(),u=r.resolveScrollContentBox({rectLeft:l.left,rectTop:l.top,clientLeft:a.clientLeft,clientTop:a.clientTop,clientWidth:a.clientWidth,clientHeight:a.clientHeight}),d=r.resolveAutoScrollAxisDirection(s.y,u.top,u.bottom,24),h=r.computeNextScrollPosition(a.scrollTop,d,18,a.scrollHeight-a.clientHeight);if(h!==a.scrollTop){a.scrollTo({top:h,left:a.scrollLeft,behavior:`auto`});let e=_(s.x,s.y);e&&i(e.row)}f=requestAnimationFrame(e)};f=requestAnimationFrame(e)},A=(e,t)=>(e.preventDefault(),o===null||e.button!==0?!1:(d=e.pointerType,e.pointerType===`touch`?(l={pointerId:e.pointerId,x:e.clientX,y:e.clientY,target:t},!1):(o.gridRootRef.current?.focus({preventScroll:!0}),o.pointerClientRef.current={x:e.clientX,y:e.clientY},p={x:e.clientX,y:e.clientY},m=!1,!0)));return{update:e=>{o=e,w(),O()},updateSelectionFromPointer:v,handleCellPointerDown:(e,n)=>{!A(n,{kind:`cell`,cell:e})||o===null||(o.dispatch(t.gridActions.activateCell(e)),o.enableRangeSelection&&o.dispatch(t.gridActions.startSelection(e)))},handleCellDoubleClick:e=>{d===`touch`||o===null||o.onCellDoubleClickRef.current(e)},handleCellPointerEnter:(e,n)=>{if(o===null||(o.enableRowHover&&o.setHoveredRowIndex(e.row),!o.enableRangeSelection))return;let r=g();r?.type!==`selection`||r.selectionKind!==`cell`||(o.pointerClientRef.current={x:n.clientX,y:n.clientY},o.dispatch(t.gridActions.updateSelection(e)))},handleNativeDragStart:e=>{e.preventDefault()},handleRowHeaderPointerDown:(e,n)=>{if(!(!A(n,{kind:`row`,rowIndex:e})||o===null)){if(o.enableRowSelection){c=!0,o.onGutterRowSelect(e,{shiftKey:n.shiftKey}),k();return}o.dispatch(t.gridActions.startRowSelection(e))}},handleRowHeaderPointerEnter:(e,n)=>{if(o===null)return;if(o.enableRowHover&&o.setHoveredRowIndex(e),c){o.pointerClientRef.current={x:n.clientX,y:n.clientY},o.onGutterRowSelectDrag(e);return}let r=g();r?.type!==`selection`||r.selectionKind!==`row`||(o.pointerClientRef.current={x:n.clientX,y:n.clientY},o.dispatch(t.gridActions.updateRowSelection(e)))},handleColumnHeaderPointerDown:(n,r)=>{if(!(!A(r,{kind:`col`,colIndex:n})||o===null)){if(r.shiftKey&&o.enableSorting){let r=o.orderedColumns[n];if(r&&!e.isSyntheticColumnKey(r.key)){let e=o.uiState.sort,n=e.find(e=>e.columnKey===r.key)?.direction?`desc`:`asc`,a=i.nextSortEntries(e,r.key,n,!0);o.dispatch(a.length===0?t.gridActions.clearSort():t.gridActions.setSort(a))}return}o.dispatch(t.gridActions.startColumnSelection(n))}},handleColumnHeaderPointerEnter:(e,n)=>{if(o===null)return;o.setHoveredRowIndex(null),o.enableColumnHeaderHover&&o.setHoveredColumnIndex(e);let r=g();r?.type!==`selection`||r.selectionKind!==`col`||(o.pointerClientRef.current={x:n.clientX,y:n.clientY},o.dispatch(t.gridActions.updateColumnSelection(e)))},dispose:()=>{T(),E(),f!==null&&(cancelAnimationFrame(f),f=null)}}};exports.TOUCH_DOUBLE_TAP_MS=s,exports.TOUCH_TAP_SLOP_PX=o,exports.createPointerInteractionsController=c;