@ishibashi0112/spreadsheet-grid-core 0.39.0

package/dist/logic/verticalGeometry.js

@@ -0,0 +1,90 @@
+//#region src/logic/verticalGeometry.ts
+var e = 15e6, t = 5e4, n = (e, t, n, r) => e && t && n > 0 && n <= r, r = 1 << 20, i = (e, t) => ({
+	rowCount: e,
+	rowTop: (e) => e * t,
+	rowsHeight: (e, n) => (n - e + 1) * t,
+	totalBodyHeight: e * t,
+	rowAtContentY: (n) => Math.min(Math.max(Math.floor(n / t), 0), Math.max(e - 1, 0)),
+	cellHeight: () => t,
+	detailHeight: () => 0
+}), a = (e, t) => {
+	let n = t.filter((t) => t.height > 0 && t.index >= 0 && t.index < e.rowCount).sort((e, t) => e.index - t.index), r = n.length, i = new Float64Array(r), a = new Float64Array(r + 1);
+	for (let e = 0; e < r; e += 1) i[e] = n[e].index, a[e + 1] = a[e] + n[e].height;
+	let o = a[r], { rowCount: s } = e, c = (e) => {
+		let t = 0, n = r;
+		for (; t < n;) {
+			let r = t + n >>> 1;
+			i[r] < e ? t = r + 1 : n = r;
+		}
+		return t;
+	}, l = (t) => {
+		let n = Math.min(Math.max(t, 0), s);
+		return (n === s ? e.totalBodyHeight : e.rowTop(n)) + a[c(n)];
+	};
+	return {
+		rowCount: s,
+		rowTop: l,
+		rowsHeight: (e, t) => l(t + 1) - l(e),
+		totalBodyHeight: e.totalBodyHeight + o,
+		rowAtContentY: (e) => {
+			if (s <= 0 || e <= 0) return 0;
+			let t = 0, n = s - 1;
+			for (; t < n;) {
+				let r = t + n + 1 >>> 1;
+				l(r) <= e ? t = r : n = r - 1;
+			}
+			return t;
+		},
+		cellHeight: (t) => e.cellHeight(t),
+		detailHeight: (e) => {
+			let t = c(e);
+			return t < r && i[t] === e ? a[t + 1] - a[t] : 0;
+		}
+	};
+}, o = (e, t, n, r) => {
+	if (r < n) return null;
+	let i = Math.max(e, n), a = Math.min(t, r);
+	return i > a ? null : {
+		start: i,
+		end: a
+	};
+}, s = (e, t) => e * t, c = (e, t) => t === 1 ? e : e / t, l = (e, t, n, r) => {
+	let i = t * (1 - n);
+	return r.rowAtContentY(e - i);
+}, u = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: i, scrollTop: a, overscan: o, maxBodyPx: s }) => {
+	let c = e * t, l = Math.min(c, s), u = Math.max(n + c - i, 0), d = Math.max(n + l - i, 0), f = d > 0 && c > l ? u / d : 1, p = Math.min(Math.max(a, 0), d), m = p * f, h = Math.ceil(i / t) + 1, g = Math.floor(m / t), _ = Math.max(g - o, 0), v = Math.min(g + h + o, e), y = f === 1 ? 0 : Math.floor(_ * t / r) * r, b = p - m + y, x = [], S = /* @__PURE__ */ new Set();
+	for (let e = _; e < v; e += 1) x.push({
+		index: e,
+		start: n + e * t - y
+	}), S.add(e);
+	return {
+		physicalBodyHeight: l,
+		logicalBodyHeight: c,
+		scaleFactor: f,
+		translateY: b,
+		windowBaseOffsetPx: y,
+		rows: x,
+		rowIndexSet: S
+	};
+}, d = ({ headerHeight: e, viewportHeight: t, scrollTop: n, overscan: r }, i) => {
+	let a = i.rowCount, o = i.totalBodyHeight, s = o, c = Math.max(e + o - t, 0), l = Math.min(Math.max(n, 0), c), u = i.rowAtContentY(l), d = i.rowAtContentY(l + t), f = Math.max(u - r, 0), p = Math.min(d + r + 1, a), m = [], h = /* @__PURE__ */ new Set();
+	for (let t = f; t < p; t += 1) {
+		let n = {
+			index: t,
+			start: e + i.rowTop(t),
+			size: i.cellHeight(t)
+		}, r = i.detailHeight(t);
+		r > 0 && (n.detailSize = r), m.push(n), h.add(t);
+	}
+	return {
+		physicalBodyHeight: s,
+		logicalBodyHeight: o,
+		scaleFactor: 1,
+		translateY: 0,
+		windowBaseOffsetPx: 0,
+		rows: m,
+		rowIndexSet: h
+	};
+};
+//#endregion
+export { t as AUTO_HEIGHT_MAX_ROWS, e as MAX_BODY_PX, r as WINDOW_BASE_CHUNK_PX, l as clientYToRowIndex, o as clipRowRangeToWindow, d as computeAutoHeightVerticalGeometry, u as computeVerticalGeometry, a as createDetailRowMetrics, i as createUniformRowMetrics, c as logicalToPhysicalScrollTop, s as physicalToLogicalScrollTop, n as shouldUseAutoHeight };

package/dist/model/gridActions.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={activateCell:e=>({type:`cell/activate`,cell:e}),startSelection:e=>({type:`selection/start`,cell:e}),updateSelection:e=>({type:`selection/update`,cell:e}),startRowSelection:e=>({type:`rowSelection/start`,row:e}),updateRowSelection:e=>({type:`rowSelection/update`,row:e}),startColumnSelection:e=>({type:`columnSelection/start`,col:e}),updateColumnSelection:e=>({type:`columnSelection/update`,col:e}),endSelection:()=>({type:`selection/end`}),clearSelection:()=>({type:`selection/clear`}),startEdit:e=>({type:`edit/start`,cell:e}),stopEdit:()=>({type:`edit/stop`}),startColumnResize:(e,t,n,r,i)=>({type:`column/resizeStart`,columnKey:e,startX:t,startWidth:n,minWidth:r,maxWidth:i}),updateColumnResize:e=>({type:`column/resizeUpdate`,clientX:e}),endColumnResize:()=>({type:`column/resizeEnd`}),syncColumnWidths:e=>({type:`columnWidths/sync`,widths:e}),resetColumnWidths:e=>({type:`columnWidths/reset`,widths:e}),setGlobalFilter:e=>({type:`filter/setGlobal`,value:e}),setColumnFilter:(e,t)=>({type:`filter/setColumn`,columnKey:e,value:t}),clearColumnFilter:e=>({type:`filter/clearColumn`,columnKey:e}),resetAllFilters:()=>({type:`filter/resetAll`}),setAllFilters:e=>({type:`filter/setAll`,filters:e}),setSort:e=>({type:`sort/set`,entries:e}),clearSort:()=>({type:`sort/clear`}),setRowSelectionState:e=>({type:`rowSelect/set`,state:e}),toggleGroupCollapsed:e=>({type:`group/toggleCollapsed`,groupKey:e}),setGroupCollapsed:(e,t)=>({type:`group/setCollapsed`,groupKey:e,collapsed:t}),setCollapsedGroupKeys:e=>({type:`group/setCollapsedKeys`,keys:e}),toggleDetailRow:e=>({type:`detail/toggle`,rowKey:e}),setDetailRowExpanded:(e,t)=>({type:`detail/setExpanded`,rowKey:e,expanded:t}),setExpandedDetailRowKeys:e=>({type:`detail/setKeys`,keys:e})};exports.gridActions=e;

package/dist/model/gridActions.d.ts

@@ -0,0 +1,125 @@
+import type { CellCoord, ColumnFilterValue, GridFilterState, GridRowKey, GridSortEntry, RowSelectionState } from './gridTypes.unbound';
+export type GridUiAction = {
+    type: 'cell/activate';
+    cell: CellCoord | null;
+} | {
+    type: 'selection/start';
+    cell: CellCoord;
+} | {
+    type: 'selection/update';
+    cell: CellCoord;
+} | {
+    type: 'rowSelection/start';
+    row: number;
+} | {
+    type: 'rowSelection/update';
+    row: number;
+} | {
+    type: 'columnSelection/start';
+    col: number;
+} | {
+    type: 'columnSelection/update';
+    col: number;
+} | {
+    type: 'selection/end';
+} | {
+    type: 'selection/clear';
+} | {
+    type: 'edit/start';
+    cell: CellCoord;
+} | {
+    type: 'edit/stop';
+} | {
+    type: 'column/resizeStart';
+    columnKey: string;
+    startX: number;
+    startWidth: number;
+    minWidth: number;
+    maxWidth?: number;
+} | {
+    type: 'column/resizeUpdate';
+    clientX: number;
+} | {
+    type: 'column/resizeEnd';
+} | {
+    type: 'columnWidths/sync';
+    widths: Record<string, number>;
+} | {
+    type: 'columnWidths/reset';
+    widths: Record<string, number>;
+} | {
+    type: 'filter/setGlobal';
+    value: string;
+} | {
+    type: 'filter/setColumn';
+    columnKey: string;
+    value: ColumnFilterValue;
+} | {
+    type: 'filter/clearColumn';
+    columnKey: string;
+} | {
+    type: 'filter/resetAll';
+} | {
+    type: 'filter/setAll';
+    filters: GridFilterState;
+} | {
+    type: 'sort/set';
+    entries: GridSortEntry[];
+} | {
+    type: 'sort/clear';
+} | {
+    type: 'rowSelect/set';
+    state: RowSelectionState;
+} | {
+    type: 'group/toggleCollapsed';
+    groupKey: string;
+} | {
+    type: 'group/setCollapsed';
+    groupKey: string;
+    collapsed: boolean;
+} | {
+    type: 'group/setCollapsedKeys';
+    keys: ReadonlySet<string>;
+} | {
+    type: 'detail/toggle';
+    rowKey: GridRowKey;
+} | {
+    type: 'detail/setExpanded';
+    rowKey: GridRowKey;
+    expanded: boolean;
+} | {
+    type: 'detail/setKeys';
+    keys: ReadonlySet<GridRowKey>;
+};
+export declare const gridActions: {
+    activateCell: (cell: CellCoord | null) => GridUiAction;
+    startSelection: (cell: CellCoord) => GridUiAction;
+    updateSelection: (cell: CellCoord) => GridUiAction;
+    startRowSelection: (row: number) => GridUiAction;
+    updateRowSelection: (row: number) => GridUiAction;
+    startColumnSelection: (col: number) => GridUiAction;
+    updateColumnSelection: (col: number) => GridUiAction;
+    endSelection: () => GridUiAction;
+    clearSelection: () => GridUiAction;
+    startEdit: (cell: CellCoord) => GridUiAction;
+    stopEdit: () => GridUiAction;
+    startColumnResize: (columnKey: string, startX: number, startWidth: number, minWidth: number, maxWidth?: number) => GridUiAction;
+    updateColumnResize: (clientX: number) => GridUiAction;
+    endColumnResize: () => GridUiAction;
+    syncColumnWidths: (widths: Record<string, number>) => GridUiAction;
+    resetColumnWidths: (widths: Record<string, number>) => GridUiAction;
+    setGlobalFilter: (value: string) => GridUiAction;
+    setColumnFilter: (columnKey: string, value: ColumnFilterValue) => GridUiAction;
+    clearColumnFilter: (columnKey: string) => GridUiAction;
+    resetAllFilters: () => GridUiAction;
+    setAllFilters: (filters: GridFilterState) => GridUiAction;
+    setSort: (entries: GridSortEntry[]) => GridUiAction;
+    clearSort: () => GridUiAction;
+    setRowSelectionState: (state: RowSelectionState) => GridUiAction;
+    toggleGroupCollapsed: (groupKey: string) => GridUiAction;
+    setGroupCollapsed: (groupKey: string, collapsed: boolean) => GridUiAction;
+    setCollapsedGroupKeys: (keys: ReadonlySet<string>) => GridUiAction;
+    toggleDetailRow: (rowKey: GridRowKey) => GridUiAction;
+    setDetailRowExpanded: (rowKey: GridRowKey, expanded: boolean) => GridUiAction;
+    setExpandedDetailRowKeys: (keys: ReadonlySet<GridRowKey>) => GridUiAction;
+};

package/dist/model/gridActions.js

@@ -0,0 +1,114 @@
+//#region src/model/gridActions.ts
+var e = {
+	activateCell: (e) => ({
+		type: "cell/activate",
+		cell: e
+	}),
+	startSelection: (e) => ({
+		type: "selection/start",
+		cell: e
+	}),
+	updateSelection: (e) => ({
+		type: "selection/update",
+		cell: e
+	}),
+	startRowSelection: (e) => ({
+		type: "rowSelection/start",
+		row: e
+	}),
+	updateRowSelection: (e) => ({
+		type: "rowSelection/update",
+		row: e
+	}),
+	startColumnSelection: (e) => ({
+		type: "columnSelection/start",
+		col: e
+	}),
+	updateColumnSelection: (e) => ({
+		type: "columnSelection/update",
+		col: e
+	}),
+	endSelection: () => ({ type: "selection/end" }),
+	clearSelection: () => ({ type: "selection/clear" }),
+	startEdit: (e) => ({
+		type: "edit/start",
+		cell: e
+	}),
+	stopEdit: () => ({ type: "edit/stop" }),
+	startColumnResize: (e, t, n, r, i) => ({
+		type: "column/resizeStart",
+		columnKey: e,
+		startX: t,
+		startWidth: n,
+		minWidth: r,
+		maxWidth: i
+	}),
+	updateColumnResize: (e) => ({
+		type: "column/resizeUpdate",
+		clientX: e
+	}),
+	endColumnResize: () => ({ type: "column/resizeEnd" }),
+	syncColumnWidths: (e) => ({
+		type: "columnWidths/sync",
+		widths: e
+	}),
+	resetColumnWidths: (e) => ({
+		type: "columnWidths/reset",
+		widths: e
+	}),
+	setGlobalFilter: (e) => ({
+		type: "filter/setGlobal",
+		value: e
+	}),
+	setColumnFilter: (e, t) => ({
+		type: "filter/setColumn",
+		columnKey: e,
+		value: t
+	}),
+	clearColumnFilter: (e) => ({
+		type: "filter/clearColumn",
+		columnKey: e
+	}),
+	resetAllFilters: () => ({ type: "filter/resetAll" }),
+	setAllFilters: (e) => ({
+		type: "filter/setAll",
+		filters: e
+	}),
+	setSort: (e) => ({
+		type: "sort/set",
+		entries: e
+	}),
+	clearSort: () => ({ type: "sort/clear" }),
+	setRowSelectionState: (e) => ({
+		type: "rowSelect/set",
+		state: e
+	}),
+	toggleGroupCollapsed: (e) => ({
+		type: "group/toggleCollapsed",
+		groupKey: e
+	}),
+	setGroupCollapsed: (e, t) => ({
+		type: "group/setCollapsed",
+		groupKey: e,
+		collapsed: t
+	}),
+	setCollapsedGroupKeys: (e) => ({
+		type: "group/setCollapsedKeys",
+		keys: e
+	}),
+	toggleDetailRow: (e) => ({
+		type: "detail/toggle",
+		rowKey: e
+	}),
+	setDetailRowExpanded: (e, t) => ({
+		type: "detail/setExpanded",
+		rowKey: e,
+		expanded: t
+	}),
+	setExpandedDetailRowKeys: (e) => ({
+		type: "detail/setKeys",
+		keys: e
+	})
+};
+//#endregion
+export { e as gridActions };

package/dist/model/gridReducer.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/columnFlex.cjs"),t=require("../logic/rowSelection.cjs");var n=60,r=(e,t,n)=>Math.min(Math.max(e,t),n),i=t=>t.reduce((t,n)=>(e.isFlexingColumn(n)||(t[n.key]=n.width),t),{}),a=e=>({activeCell:null,selection:null,rowSelection:t.createEmptyRowSelection(),editingCell:null,dragState:null,columnWidths:i(e),filters:{globalText:``,columnFilters:{}},sort:[],collapsedGroupKeys:new Set,expandedDetailRowKeys:new Set}),o=(e,i)=>{switch(i.type){case`cell/activate`:return{...e,activeCell:i.cell};case`selection/start`:return{...e,activeCell:i.cell,selection:{type:`cell`,range:{start:i.cell,end:i.cell}},dragState:{type:`selection`,selectionKind:`cell`,anchor:i.cell}};case`rowSelection/start`:return{...e,activeCell:{row:i.row,col:e.activeCell?.col??0},selection:{type:`row`,startRow:i.row,endRow:i.row},dragState:{type:`selection`,selectionKind:`row`,anchorRow:i.row}};case`rowSelection/update`:return e.dragState?.type!==`selection`||e.dragState.selectionKind!==`row`||e.selection?.type===`row`&&e.selection.endRow===i.row?e:{...e,selection:{type:`row`,startRow:e.dragState.anchorRow,endRow:i.row}};case`selection/update`:return e.dragState?.type!==`selection`||e.dragState.selectionKind!==`cell`||e.selection?.type===`cell`&&e.selection.range.end.row===i.cell.row&&e.selection.range.end.col===i.cell.col?e:{...e,selection:{type:`cell`,range:{start:e.dragState.anchor,end:i.cell}}};case`columnSelection/start`:return{...e,activeCell:{row:e.activeCell?.row??0,col:i.col},selection:{type:`col`,startCol:i.col,endCol:i.col},dragState:{type:`selection`,selectionKind:`col`,anchorCol:i.col}};case`columnSelection/update`:return e.dragState?.type!==`selection`||e.dragState.selectionKind!==`col`||e.selection?.type===`col`&&e.selection.endCol===i.col?e:{...e,selection:{type:`col`,startCol:e.dragState.anchorCol,endCol:i.col}};case`selection/end`:return e.dragState?.type===`selection`?{...e,dragState:null}:e;case`selection/clear`:return{...e,selection:null,dragState:null};case`edit/start`:return{...e,editingCell:i.cell,activeCell:i.cell};case`edit/stop`:return{...e,editingCell:null};case`column/resizeStart`:return{...e,dragState:{type:`columnResize`,columnKey:i.columnKey,startX:i.startX,startWidth:i.startWidth,minWidth:i.minWidth||n,maxWidth:i.maxWidth??1/0}};case`column/resizeUpdate`:{if(e.dragState?.type!==`columnResize`)return e;let t=r(e.dragState.startWidth+(i.clientX-e.dragState.startX),e.dragState.minWidth,e.dragState.maxWidth);return e.columnWidths[e.dragState.columnKey]===t?e:{...e,columnWidths:{...e.columnWidths,[e.dragState.columnKey]:t}}}case`column/resizeEnd`:return e.dragState?.type===`columnResize`?{...e,dragState:null}:e;case`columnWidths/sync`:return{...e,columnWidths:{...e.columnWidths,...i.widths}};case`columnWidths/reset`:return{...e,columnWidths:i.widths};case`filter/setGlobal`:return{...e,filters:{...e.filters,globalText:i.value}};case`filter/setColumn`:return{...e,filters:{...e.filters,columnFilters:{...e.filters.columnFilters,[i.columnKey]:i.value}}};case`filter/clearColumn`:{let t={...e.filters.columnFilters};return delete t[i.columnKey],{...e,filters:{...e.filters,columnFilters:t}}}case`filter/resetAll`:return{...e,filters:{globalText:``,columnFilters:{}}};case`filter/setAll`:return{...e,filters:i.filters};case`sort/set`:return{...e,sort:i.entries};case`sort/clear`:return{...e,sort:[]};case`rowSelect/set`:return t.rowSelectionStateEquals(e.rowSelection,i.state)?e:{...e,rowSelection:i.state};case`group/toggleCollapsed`:{let t=new Set(e.collapsedGroupKeys);return t.has(i.groupKey)?t.delete(i.groupKey):t.add(i.groupKey),{...e,collapsedGroupKeys:t}}case`group/setCollapsed`:{if(e.collapsedGroupKeys.has(i.groupKey)===i.collapsed)return e;let t=new Set(e.collapsedGroupKeys);return i.collapsed?t.add(i.groupKey):t.delete(i.groupKey),{...e,collapsedGroupKeys:t}}case`group/setCollapsedKeys`:return i.keys===e.collapsedGroupKeys||i.keys.size===0&&e.collapsedGroupKeys.size===0?e:{...e,collapsedGroupKeys:i.keys};case`detail/toggle`:{let t=new Set(e.expandedDetailRowKeys);return t.has(i.rowKey)?t.delete(i.rowKey):t.add(i.rowKey),{...e,expandedDetailRowKeys:t}}case`detail/setExpanded`:{if(e.expandedDetailRowKeys.has(i.rowKey)===i.expanded)return e;let t=new Set(e.expandedDetailRowKeys);return i.expanded?t.add(i.rowKey):t.delete(i.rowKey),{...e,expandedDetailRowKeys:t}}case`detail/setKeys`:return i.keys===e.expandedDetailRowKeys||i.keys.size===0&&e.expandedDetailRowKeys.size===0?e:{...e,expandedDetailRowKeys:i.keys};default:return e}};exports.createInitialGridUiState=a,exports.gridUiReducer=o;

package/dist/model/gridReducer.d.ts

@@ -0,0 +1,4 @@
+import type { GridUiAction } from './gridActions';
+import type { GridColumn, GridUiState } from './gridTypes.unbound';
+export declare const createInitialGridUiState: <T>(columns: GridColumn<T>[]) => GridUiState;
+export declare const gridUiReducer: (state: GridUiState, action: GridUiAction) => GridUiState;

package/dist/model/gridReducer.js

@@ -0,0 +1,247 @@
+import { isFlexingColumn as e } from "../logic/columnFlex.js";
+import { createEmptyRowSelection as t, rowSelectionStateEquals as n } from "../logic/rowSelection.js";
+//#region src/model/gridReducer.ts
+var r = 60, i = (e, t, n) => Math.min(Math.max(e, t), n), a = (t) => t.reduce((t, n) => (e(n) || (t[n.key] = n.width), t), {}), o = (e) => ({
+	activeCell: null,
+	selection: null,
+	rowSelection: t(),
+	editingCell: null,
+	dragState: null,
+	columnWidths: a(e),
+	filters: {
+		globalText: "",
+		columnFilters: {}
+	},
+	sort: [],
+	collapsedGroupKeys: /* @__PURE__ */ new Set(),
+	expandedDetailRowKeys: /* @__PURE__ */ new Set()
+}), s = (e, t) => {
+	switch (t.type) {
+		case "cell/activate": return {
+			...e,
+			activeCell: t.cell
+		};
+		case "selection/start": return {
+			...e,
+			activeCell: t.cell,
+			selection: {
+				type: "cell",
+				range: {
+					start: t.cell,
+					end: t.cell
+				}
+			},
+			dragState: {
+				type: "selection",
+				selectionKind: "cell",
+				anchor: t.cell
+			}
+		};
+		case "rowSelection/start": return {
+			...e,
+			activeCell: {
+				row: t.row,
+				col: e.activeCell?.col ?? 0
+			},
+			selection: {
+				type: "row",
+				startRow: t.row,
+				endRow: t.row
+			},
+			dragState: {
+				type: "selection",
+				selectionKind: "row",
+				anchorRow: t.row
+			}
+		};
+		case "rowSelection/update": return e.dragState?.type !== "selection" || e.dragState.selectionKind !== "row" || e.selection?.type === "row" && e.selection.endRow === t.row ? e : {
+			...e,
+			selection: {
+				type: "row",
+				startRow: e.dragState.anchorRow,
+				endRow: t.row
+			}
+		};
+		case "selection/update": return e.dragState?.type !== "selection" || e.dragState.selectionKind !== "cell" || e.selection?.type === "cell" && e.selection.range.end.row === t.cell.row && e.selection.range.end.col === t.cell.col ? e : {
+			...e,
+			selection: {
+				type: "cell",
+				range: {
+					start: e.dragState.anchor,
+					end: t.cell
+				}
+			}
+		};
+		case "columnSelection/start": return {
+			...e,
+			activeCell: {
+				row: e.activeCell?.row ?? 0,
+				col: t.col
+			},
+			selection: {
+				type: "col",
+				startCol: t.col,
+				endCol: t.col
+			},
+			dragState: {
+				type: "selection",
+				selectionKind: "col",
+				anchorCol: t.col
+			}
+		};
+		case "columnSelection/update": return e.dragState?.type !== "selection" || e.dragState.selectionKind !== "col" || e.selection?.type === "col" && e.selection.endCol === t.col ? e : {
+			...e,
+			selection: {
+				type: "col",
+				startCol: e.dragState.anchorCol,
+				endCol: t.col
+			}
+		};
+		case "selection/end": return e.dragState?.type === "selection" ? {
+			...e,
+			dragState: null
+		} : e;
+		case "selection/clear": return {
+			...e,
+			selection: null,
+			dragState: null
+		};
+		case "edit/start": return {
+			...e,
+			editingCell: t.cell,
+			activeCell: t.cell
+		};
+		case "edit/stop": return {
+			...e,
+			editingCell: null
+		};
+		case "column/resizeStart": return {
+			...e,
+			dragState: {
+				type: "columnResize",
+				columnKey: t.columnKey,
+				startX: t.startX,
+				startWidth: t.startWidth,
+				minWidth: t.minWidth || r,
+				maxWidth: t.maxWidth ?? Infinity
+			}
+		};
+		case "column/resizeUpdate": {
+			if (e.dragState?.type !== "columnResize") return e;
+			let n = i(e.dragState.startWidth + (t.clientX - e.dragState.startX), e.dragState.minWidth, e.dragState.maxWidth);
+			return e.columnWidths[e.dragState.columnKey] === n ? e : {
+				...e,
+				columnWidths: {
+					...e.columnWidths,
+					[e.dragState.columnKey]: n
+				}
+			};
+		}
+		case "column/resizeEnd": return e.dragState?.type === "columnResize" ? {
+			...e,
+			dragState: null
+		} : e;
+		case "columnWidths/sync": return {
+			...e,
+			columnWidths: {
+				...e.columnWidths,
+				...t.widths
+			}
+		};
+		case "columnWidths/reset": return {
+			...e,
+			columnWidths: t.widths
+		};
+		case "filter/setGlobal": return {
+			...e,
+			filters: {
+				...e.filters,
+				globalText: t.value
+			}
+		};
+		case "filter/setColumn": return {
+			...e,
+			filters: {
+				...e.filters,
+				columnFilters: {
+					...e.filters.columnFilters,
+					[t.columnKey]: t.value
+				}
+			}
+		};
+		case "filter/clearColumn": {
+			let n = { ...e.filters.columnFilters };
+			return delete n[t.columnKey], {
+				...e,
+				filters: {
+					...e.filters,
+					columnFilters: n
+				}
+			};
+		}
+		case "filter/resetAll": return {
+			...e,
+			filters: {
+				globalText: "",
+				columnFilters: {}
+			}
+		};
+		case "filter/setAll": return {
+			...e,
+			filters: t.filters
+		};
+		case "sort/set": return {
+			...e,
+			sort: t.entries
+		};
+		case "sort/clear": return {
+			...e,
+			sort: []
+		};
+		case "rowSelect/set": return n(e.rowSelection, t.state) ? e : {
+			...e,
+			rowSelection: t.state
+		};
+		case "group/toggleCollapsed": {
+			let n = new Set(e.collapsedGroupKeys);
+			return n.has(t.groupKey) ? n.delete(t.groupKey) : n.add(t.groupKey), {
+				...e,
+				collapsedGroupKeys: n
+			};
+		}
+		case "group/setCollapsed": {
+			if (e.collapsedGroupKeys.has(t.groupKey) === t.collapsed) return e;
+			let n = new Set(e.collapsedGroupKeys);
+			return t.collapsed ? n.add(t.groupKey) : n.delete(t.groupKey), {
+				...e,
+				collapsedGroupKeys: n
+			};
+		}
+		case "group/setCollapsedKeys": return t.keys === e.collapsedGroupKeys || t.keys.size === 0 && e.collapsedGroupKeys.size === 0 ? e : {
+			...e,
+			collapsedGroupKeys: t.keys
+		};
+		case "detail/toggle": {
+			let n = new Set(e.expandedDetailRowKeys);
+			return n.has(t.rowKey) ? n.delete(t.rowKey) : n.add(t.rowKey), {
+				...e,
+				expandedDetailRowKeys: n
+			};
+		}
+		case "detail/setExpanded": {
+			if (e.expandedDetailRowKeys.has(t.rowKey) === t.expanded) return e;
+			let n = new Set(e.expandedDetailRowKeys);
+			return t.expanded ? n.add(t.rowKey) : n.delete(t.rowKey), {
+				...e,
+				expandedDetailRowKeys: n
+			};
+		}
+		case "detail/setKeys": return t.keys === e.expandedDetailRowKeys || t.keys.size === 0 && e.expandedDetailRowKeys.size === 0 ? e : {
+			...e,
+			expandedDetailRowKeys: t.keys
+		};
+		default: return e;
+	}
+};
+//#endregion
+export { o as createInitialGridUiState, s as gridUiReducer };

package/dist/model/gridSelectors.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>({start:{row:Math.min(e.start.row,e.end.row),col:Math.min(e.start.col,e.end.col)},end:{row:Math.max(e.start.row,e.end.row),col:Math.max(e.start.col,e.end.col)}}),t=(e,t)=>({startRow:Math.min(e,t),endRow:Math.max(e,t)}),n=(e,t)=>({startCol:Math.min(e,t),endCol:Math.max(e,t)}),r=e=>e.activeCell,i=e=>e.selection,a=e=>e.editingCell,o=(e,t)=>e.columnWidths[t],s=e=>e.filters.globalText,c=(e,t)=>e.filters.columnFilters[t],l=(e,t,n)=>e.activeCell?.row===t&&e.activeCell?.col===n,u=(e,t,n)=>e.editingCell?.row===t&&e.editingCell?.col===n,d=(r,i,a)=>{if(!r.selection)return!1;if(r.selection.type===`cell`){let t=e(r.selection.range);return i>=t.start.row&&i<=t.end.row&&a>=t.start.col&&a<=t.end.col}if(r.selection.type===`row`){let e=t(r.selection.startRow,r.selection.endRow);return i>=e.startRow&&i<=e.endRow}if(r.selection.type===`col`){let e=n(r.selection.startCol,r.selection.endCol);return a>=e.startCol&&a<=e.endCol}return!1},f=(e,n)=>{if(e.selection?.type!==`row`)return!1;let r=t(e.selection.startRow,e.selection.endRow);return n>=r.startRow&&n<=r.endRow},p=(e,t)=>{if(e.selection?.type!==`col`)return!1;let r=n(e.selection.startCol,e.selection.endCol);return t>=r.startCol&&t<=r.endCol},m=r=>{if(!r)return{kind:`none`};if(r.type===`cell`){let t=e(r.range);return{kind:`cell`,startRow:t.start.row,endRow:t.end.row,startCol:t.start.col,endCol:t.end.col}}if(r.type===`row`){let e=t(r.startRow,r.endRow);return{kind:`row`,startRow:e.startRow,endRow:e.endRow}}let i=n(r.startCol,r.endCol);return{kind:`col`,startCol:i.startCol,endCol:i.endCol}},h=(e,t)=>!e||!t?!1:e.row===t.row&&e.col===t.col;exports.buildSelectionSnapshot=m,exports.isSameCellCoord=h,exports.normalizeCellRange=e,exports.normalizeColumnRange=n,exports.normalizeRowRange=t,exports.selectActiveCell=r,exports.selectColumnFilter=c,exports.selectColumnWidth=o,exports.selectEditingCell=a,exports.selectGlobalFilter=s,exports.selectIsActiveCell=l,exports.selectIsCellSelected=d,exports.selectIsColumnSelected=p,exports.selectIsEditingCell=u,exports.selectIsRowSelected=f,exports.selectSelection=i;

package/dist/model/gridSelectors.d.ts

@@ -0,0 +1,40 @@
+import type { CellCoord, CellRange, GridUiState } from './gridTypes.unbound';
+export declare const normalizeCellRange: (range: CellRange) => CellRange;
+export declare const normalizeRowRange: (startRow: number, endRow: number) => {
+    startRow: number;
+    endRow: number;
+};
+export declare const normalizeColumnRange: (startCol: number, endCol: number) => {
+    startCol: number;
+    endCol: number;
+};
+export declare const selectActiveCell: (state: GridUiState) => CellCoord | null;
+export declare const selectSelection: (state: GridUiState) => import("./gridTypes.core").GridSelection;
+export declare const selectEditingCell: (state: GridUiState) => CellCoord | null;
+export declare const selectColumnWidth: (state: GridUiState, columnKey: string) => number;
+export declare const selectGlobalFilter: (state: GridUiState) => string;
+export declare const selectColumnFilter: (state: GridUiState, columnKey: string) => import("./gridTypes.core").ColumnFilterValue;
+export declare const selectIsActiveCell: (state: GridUiState, rowIndex: number, colIndex: number) => boolean;
+export declare const selectIsEditingCell: (state: GridUiState, rowIndex: number, colIndex: number) => boolean;
+export declare const selectIsCellSelected: (state: GridUiState, rowIndex: number, colIndex: number) => boolean;
+export declare const selectIsRowSelected: (state: GridUiState, rowIndex: number) => boolean;
+export declare const selectIsColumnSelected: (state: GridUiState, colIndex: number) => boolean;
+export type SelectionSnapshot = {
+    kind: 'none';
+} | {
+    kind: 'cell';
+    startRow: number;
+    endRow: number;
+    startCol: number;
+    endCol: number;
+} | {
+    kind: 'row';
+    startRow: number;
+    endRow: number;
+} | {
+    kind: 'col';
+    startCol: number;
+    endCol: number;
+};
+export declare const buildSelectionSnapshot: (selection: GridUiState["selection"]) => SelectionSnapshot;
+export declare const isSameCellCoord: (left: CellCoord | null, right: CellCoord | null) => boolean;