@ishibashi0112/spreadsheet-grid-core 0.39.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Yuki Sakakibara
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/controllers/autoHeightMeasurer.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/rowHeightStore.cjs"),t=require("../logic/detailRow.cjs"),n=require("../logic/valueStore.cjs");var r=(e,t)=>e.autoHeightActive===t.autoHeightActive&&e.rowHeightStore===t.rowHeightStore&&e.rowMetrics===t.rowMetrics&&e.rowModel===t.rowModel&&e.virtualRows===t.virtualRows&&e.viewportHeight===t.viewportHeight&&e.version===t.version&&e.nonce===t.nonce,i=()=>{let i=n.createValueStore({version:0,nonce:0}),a=new Map,o=null,s=new Set,c=null,l=()=>{o?.disconnect(),o=null,s.clear()},u=()=>{let e=i.getSnapshot();i.setSnapshot({...e,version:e.version+1})},d=()=>{let e=i.getSnapshot();i.setSnapshot({...e,nonce:e.nonce+1})},f=n=>{let{autoHeightActive:r,rowHeightStore:i,rowMetrics:a,rowModel:c}=n,f=n.scrollContainerRef.current;if(!r||!i){l();return}if(!f)return;let p=f.querySelectorAll(`[data-autoheight-cell]`);if(p.length>0){let n=new Map;p.forEach(e=>{if(t.isInsideDetailCardOf(f,e))return;let r=e.closest(`[data-row-index]`);if(!r)return;let i=Number(r.dataset.rowIndex);if(!Number.isFinite(i))return;let a=Math.ceil(e.getBoundingClientRect().height),o=n.get(i);(o===void 0||a>o)&&n.set(i,a)});let r=!1,o=1/0;if(n.forEach((t,n)=>{let a=c.getRowKey(n)??n;e.setMeasuredRowHeight(i,n,a,t)&&(r=!0,n<o&&(o=n))}),r){let t=f.scrollTop,n=a.rowAtContentY(t),r=t-a.rowTop(n);e.rebuildPrefixFrom(i,o),f.scrollTop=i.prefix[n]+r,u()}}o===null&&(o=new ResizeObserver(d));let m=o,h=new Set;p.forEach(e=>{h.add(e),s.has(e)||(m.observe(e),s.add(e))});let g=[];s.forEach(e=>{h.has(e)||g.push(e)}),g.forEach(e=>{m.unobserve(e),s.delete(e)})};return{update:e=>{c!==null&&r(c,e)||(c=e,f(e))},getSnapshot:i.getSnapshot,subscribe:i.subscribe,measuredHeights:a,dispose:l}};exports.createAutoHeightMeasurer=i;

package/dist/controllers/autoHeightMeasurer.d.ts

@@ -0,0 +1,30 @@
+import type { GridRowKey, RowModel } from '../model/gridTypes.unbound';
+import { type RowHeightStore } from '../logic/rowHeightStore';
+import type { RowMetrics, VerticalGeometry } from '../logic/verticalGeometry';
+type ReadonlyRef<V> = {
+    readonly current: V;
+};
+export type AutoHeightMeasureArgs<T> = {
+    scrollContainerRef: ReadonlyRef<HTMLElement | null>;
+    autoHeightActive: boolean;
+    rowHeightStore: RowHeightStore | null;
+    rowMetrics: RowMetrics;
+    rowModel: RowModel<T>;
+    virtualRows: VerticalGeometry['rows'];
+    viewportHeight: number;
+    version: number;
+    nonce: number;
+};
+export type AutoHeightMeasureSnapshot = {
+    version: number;
+    nonce: number;
+};
+export type AutoHeightMeasurer<T> = {
+    update: (args: AutoHeightMeasureArgs<T>) => void;
+    getSnapshot: () => AutoHeightMeasureSnapshot;
+    subscribe: (listener: () => void) => () => void;
+    measuredHeights: Map<GridRowKey, number>;
+    dispose: () => void;
+};
+export declare const createAutoHeightMeasurer: <T>() => AutoHeightMeasurer<T>;
+export {};

package/dist/controllers/autoHeightMeasurer.js

@@ -0,0 +1,74 @@
+import { rebuildPrefixFrom as e, setMeasuredRowHeight as t } from "../logic/rowHeightStore.js";
+import { isInsideDetailCardOf as n } from "../logic/detailRow.js";
+import { createValueStore as r } from "../logic/valueStore.js";
+//#region src/controllers/autoHeightMeasurer.ts
+var i = (e, t) => e.autoHeightActive === t.autoHeightActive && e.rowHeightStore === t.rowHeightStore && e.rowMetrics === t.rowMetrics && e.rowModel === t.rowModel && e.virtualRows === t.virtualRows && e.viewportHeight === t.viewportHeight && e.version === t.version && e.nonce === t.nonce, a = () => {
+	let a = r({
+		version: 0,
+		nonce: 0
+	}), o = /* @__PURE__ */ new Map(), s = null, c = /* @__PURE__ */ new Set(), l = null, u = () => {
+		s?.disconnect(), s = null, c.clear();
+	}, d = () => {
+		let e = a.getSnapshot();
+		a.setSnapshot({
+			...e,
+			version: e.version + 1
+		});
+	}, f = () => {
+		let e = a.getSnapshot();
+		a.setSnapshot({
+			...e,
+			nonce: e.nonce + 1
+		});
+	}, p = (r) => {
+		let { autoHeightActive: i, rowHeightStore: a, rowMetrics: o, rowModel: l } = r, p = r.scrollContainerRef.current;
+		if (!i || !a) {
+			u();
+			return;
+		}
+		if (!p) return;
+		let m = p.querySelectorAll("[data-autoheight-cell]");
+		if (m.length > 0) {
+			let r = /* @__PURE__ */ new Map();
+			m.forEach((e) => {
+				if (n(p, e)) return;
+				let t = e.closest("[data-row-index]");
+				if (!t) return;
+				let i = Number(t.dataset.rowIndex);
+				if (!Number.isFinite(i)) return;
+				let a = Math.ceil(e.getBoundingClientRect().height), o = r.get(i);
+				(o === void 0 || a > o) && r.set(i, a);
+			});
+			let i = !1, s = Infinity;
+			if (r.forEach((e, n) => {
+				let r = l.getRowKey(n) ?? n;
+				t(a, n, r, e) && (i = !0, n < s && (s = n));
+			}), i) {
+				let t = p.scrollTop, n = o.rowAtContentY(t), r = t - o.rowTop(n);
+				e(a, s), p.scrollTop = a.prefix[n] + r, d();
+			}
+		}
+		s === null && (s = new ResizeObserver(f));
+		let h = s, g = /* @__PURE__ */ new Set();
+		m.forEach((e) => {
+			g.add(e), c.has(e) || (h.observe(e), c.add(e));
+		});
+		let _ = [];
+		c.forEach((e) => {
+			g.has(e) || _.push(e);
+		}), _.forEach((e) => {
+			h.unobserve(e), c.delete(e);
+		});
+	};
+	return {
+		update: (e) => {
+			l !== null && i(l, e) || (l = e, p(e));
+		},
+		getSnapshot: a.getSnapshot,
+		subscribe: a.subscribe,
+		measuredHeights: o,
+		dispose: u
+	};
+};
+//#endregion
+export { a as createAutoHeightMeasurer };

package/dist/controllers/clipboardController.cjs

@@ -0,0 +1,2 @@
+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("../utils/clipboard.cjs");var i=(e,t,n)=>{if(t===0||n===0||e?.type!==`cell`)return!1;let{start:r,end:i}=e.range,a=Math.min(r.row,i.row),o=Math.min(r.col,i.col),s=Math.max(r.row,i.row),c=Math.max(r.col,i.col);return a===0&&o===0&&s===t-1&&c===n-1},a=()=>{let a=null,o=e=>{a=e},s=e=>{let{isRowExportable:t,rowModel:n}=e;if(t)return(e,r)=>t(e,{viewRowIndex:r,rowKey:n.getRowKey(r)??r})},c=t=>{let{rowModel:n,visibleColumns:r}=t,i=n.getRowCount();if(i===0||r.length===0)return``;let a=s(t),o=[];for(let t=0;t<i;t+=1){let i=n.getRow(t);if(!i||a&&!a(i,t))continue;let s=r.map(t=>{let n=e.getCellValue(i,t);return t.formatClipboardValue?t.formatClipboardValue(n,i):String(n??``)});o.push(s.join(`	`))}return o.join(`
+`)};return{update:o,handleCopy:async()=>{if(a===null)return;let e=a,{rowModel:t,visibleColumns:n,uiState:o}=e,l=i(o.selection,t.getRowCount(),n.length)?c(e):r.serializeSelectionToTsv(t.getRow,t.getRowCount(),n,o.selection,s(e));l&&await r.writeTextToClipboard(l)},handlePaste:i=>{if(a===null)return;let{rows:o,rowModel:s,visibleColumns:c,uiState:l,readOnly:u,canEditCell:d,createRow:f,createOverflowColumn:p,onRowsChange:m,onColumnsChange:h,applyServerSideCellEdits:g,dispatch:_}=a;if(u||!m&&!g||!l.activeCell)return;let v=i.clipboardData?.getData(`text/plain`)??``;if(!v)return;i.preventDefault();let y=r.parseClipboardText(v);if(y.length===0)return;let b=y.reduce((e,t)=>Math.max(e,t.length),0);if(b===0)return;let x=l.activeCell.row,S=l.activeCell.col;if(g){let i=r.buildClipboardCellEdits(e=>s.getRow(e),c,y,x,S,(t,n,r,i)=>e.isCellEditable({readOnly:u,canEditCell:d},t,n,r,i));i.length>0&&g(i);let a=n.clamp(l.activeCell.row+Math.max(y.length-1,0),0,Math.max(s.getRowCount()-1,0)),o=n.clamp(l.activeCell.col+Math.max(b-1,0),0,Math.max(c.length-1,0));_(t.gridActions.startSelection(l.activeCell)),_(t.gridActions.updateSelection({row:a,col:o})),_(t.gridActions.endSelection()),_(t.gridActions.activateCell(l.activeCell));return}if(!m)return;let C=s.getSourceIndex(x);if(C===void 0)return;let w=l.activeCell.col,T=[...o],E=[...c],D=s.getRowCount(),O=T.length,k=e=>e<D?s.getSourceIndex(e):O+(e-D),A=C+y.length;if(A>T.length&&f)for(;T.length<A;)T.push(f());let j=w+b;if(j>E.length&&h&&p){for(;E.length<j;)E.push(p(E.length));h(E)}let M=r.applyClipboardMatrixToRows(T,k,E,y,x,w,(t,n,r,i)=>e.isCellEditable({readOnly:u,canEditCell:d},t,n,r,i)),N=n.clamp(l.activeCell.row+Math.max(y.length-1,0),0,Math.max(Math.max(s.getRowCount()-1,0),x+y.length-1)),P=n.clamp(l.activeCell.col+Math.max((y[0]?.length??1)-1,0),0,Math.max(Math.max(E.length-1,0),w+b-1));m(M),_(t.gridActions.startSelection(l.activeCell)),_(t.gridActions.updateSelection({row:N,col:P})),_(t.gridActions.endSelection()),_(t.gridActions.activateCell(l.activeCell))}}};exports.computeIsWholeGridSelected=i,exports.createClipboardController=a;

package/dist/controllers/clipboardController.d.ts

@@ -0,0 +1,31 @@
+import { type GridUiAction } from '../model/gridActions';
+import type { GridColumn, GridSelection, GridUiState, RowModel, SpreadsheetGridProps } from '../model/gridTypes.unbound';
+import type { ServerSideCellEditInput } from '../logic/serverSideEdits';
+export type ClipboardEventLike = {
+    clipboardData: {
+        getData: (type: string) => string;
+    } | null;
+    preventDefault: () => void;
+};
+export type ClipboardControllerArgs<T extends object> = {
+    rows: T[];
+    rowModel: RowModel<T>;
+    visibleColumns: GridColumn<T>[];
+    uiState: GridUiState;
+    readOnly: boolean;
+    canEditCell: SpreadsheetGridProps<T>['canEditCell'];
+    createRow?: () => T;
+    createOverflowColumn?: (columnIndex: number) => GridColumn<T>;
+    onRowsChange?: (nextRows: T[]) => void;
+    onColumnsChange?: (nextColumns: GridColumn<T>[]) => void;
+    applyServerSideCellEdits?: (edits: ServerSideCellEditInput<T>[]) => number;
+    isRowExportable?: SpreadsheetGridProps<T>['isRowExportable'];
+    dispatch: (action: GridUiAction) => void;
+};
+export type ClipboardController<T extends object> = {
+    update: (args: ClipboardControllerArgs<T>) => void;
+    handleCopy: () => Promise<void>;
+    handlePaste: (event: ClipboardEventLike) => void;
+};
+export declare const computeIsWholeGridSelected: (selection: GridSelection, viewRowCount: number, columnCount: number) => boolean;
+export declare const createClipboardController: <T extends object>() => ClipboardController<T>;

package/dist/controllers/clipboardController.js

@@ -0,0 +1,88 @@
+import { getCellValue as e, isCellEditable as t } from "../utils/permissions.js";
+import { gridActions as n } from "../model/gridActions.js";
+import { clamp as r } from "../logic/geometry.js";
+import { applyClipboardMatrixToRows as i, buildClipboardCellEdits as a, parseClipboardText as o, serializeSelectionToTsv as s, writeTextToClipboard as c } from "../utils/clipboard.js";
+//#region src/controllers/clipboardController.ts
+var l = (e, t, n) => {
+	if (t === 0 || n === 0 || e?.type !== "cell") return !1;
+	let { start: r, end: i } = e.range, a = Math.min(r.row, i.row), o = Math.min(r.col, i.col), s = Math.max(r.row, i.row), c = Math.max(r.col, i.col);
+	return a === 0 && o === 0 && s === t - 1 && c === n - 1;
+}, u = () => {
+	let u = null, d = (e) => {
+		u = e;
+	}, f = (e) => {
+		let { isRowExportable: t, rowModel: n } = e;
+		if (t) return (e, r) => t(e, {
+			viewRowIndex: r,
+			rowKey: n.getRowKey(r) ?? r
+		});
+	}, p = (t) => {
+		let { rowModel: n, visibleColumns: r } = t, i = n.getRowCount();
+		if (i === 0 || r.length === 0) return "";
+		let a = f(t), o = [];
+		for (let t = 0; t < i; t += 1) {
+			let i = n.getRow(t);
+			if (!i || a && !a(i, t)) continue;
+			let s = r.map((t) => {
+				let n = e(i, t);
+				return t.formatClipboardValue ? t.formatClipboardValue(n, i) : String(n ?? "");
+			});
+			o.push(s.join("	"));
+		}
+		return o.join("\n");
+	};
+	return {
+		update: d,
+		handleCopy: async () => {
+			if (u === null) return;
+			let e = u, { rowModel: t, visibleColumns: n, uiState: r } = e, i = l(r.selection, t.getRowCount(), n.length) ? p(e) : s(t.getRow, t.getRowCount(), n, r.selection, f(e));
+			i && await c(i);
+		},
+		handlePaste: (e) => {
+			if (u === null) return;
+			let { rows: s, rowModel: c, visibleColumns: l, uiState: d, readOnly: f, canEditCell: p, createRow: m, createOverflowColumn: h, onRowsChange: g, onColumnsChange: _, applyServerSideCellEdits: v, dispatch: y } = u;
+			if (f || !g && !v || !d.activeCell) return;
+			let b = e.clipboardData?.getData("text/plain") ?? "";
+			if (!b) return;
+			e.preventDefault();
+			let x = o(b);
+			if (x.length === 0) return;
+			let S = x.reduce((e, t) => Math.max(e, t.length), 0);
+			if (S === 0) return;
+			let C = d.activeCell.row, w = d.activeCell.col;
+			if (v) {
+				let e = a((e) => c.getRow(e), l, x, C, w, (e, n, r, i) => t({
+					readOnly: f,
+					canEditCell: p
+				}, e, n, r, i));
+				e.length > 0 && v(e);
+				let i = r(d.activeCell.row + Math.max(x.length - 1, 0), 0, Math.max(c.getRowCount() - 1, 0)), o = r(d.activeCell.col + Math.max(S - 1, 0), 0, Math.max(l.length - 1, 0));
+				y(n.startSelection(d.activeCell)), y(n.updateSelection({
+					row: i,
+					col: o
+				})), y(n.endSelection()), y(n.activateCell(d.activeCell));
+				return;
+			}
+			if (!g) return;
+			let T = c.getSourceIndex(C);
+			if (T === void 0) return;
+			let E = d.activeCell.col, D = [...s], O = [...l], k = c.getRowCount(), A = D.length, j = (e) => e < k ? c.getSourceIndex(e) : A + (e - k), M = T + x.length;
+			if (M > D.length && m) for (; D.length < M;) D.push(m());
+			let N = E + S;
+			if (N > O.length && _ && h) {
+				for (; O.length < N;) O.push(h(O.length));
+				_(O);
+			}
+			let P = i(D, j, O, x, C, E, (e, n, r, i) => t({
+				readOnly: f,
+				canEditCell: p
+			}, e, n, r, i)), F = r(d.activeCell.row + Math.max(x.length - 1, 0), 0, Math.max(Math.max(c.getRowCount() - 1, 0), C + x.length - 1)), I = r(d.activeCell.col + Math.max((x[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(O.length - 1, 0), E + S - 1));
+			g(P), y(n.startSelection(d.activeCell)), y(n.updateSelection({
+				row: F,
+				col: I
+			})), y(n.endSelection()), y(n.activateCell(d.activeCell));
+		}
+	};
+};
+//#endregion
+export { l as computeIsWholeGridSelected, u as createClipboardController };

package/dist/controllers/columnAutosizeRunner.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/valueStore.cjs"),t=require("../model/gridActions.cjs"),n=require("../logic/columnAutosize.cjs"),r=require("../logic/chunkedLoop.cjs"),i=require("../logic/autoSizeOnData.cjs");var a=180,o=()=>{let i=null,o=e.createValueStore(!1),s=0,c=null,l=()=>{c!==null&&(clearTimeout(c),c=null)};return{update:e=>{i=e},runAutosize:async e=>{if(i===null||e.length===0||!n.canMeasureAutosize())return;let{rowModel:u,gridRootRef:d,columnWidths:f,dispatch:p}=i,m=s+=1;l();let h=u.getRowCount(),g=d.current,_=n.createColumnWidthAccumulator(e);c=setTimeout(()=>{s===m&&o.setSnapshot(!0)},a);try{if(!await r.runChunked(h,e=>{let t=u.getRow(e);t&&_.collect(t)},{isCancelled:()=>s!==m||i?.rowModel!==u}))return;let e=_.finalize({gridRoot:g,currentWidths:f});Object.keys(e).length>0&&p(t.gridActions.syncColumnWidths(e))}finally{s===m&&(l(),o.setSnapshot(!1))}},subscribe:o.subscribe,getSnapshot:o.getSnapshot,dispose:()=>{s+=1,l()}}},s=()=>{let e=null,t=!1;return{update:n=>{if(e!==null&&e.mode===n.mode&&e.isServerSide===n.isServerSide&&e.rows===n.rows&&e.runAutosize===n.runAutosize){e=n;return}e=n;let{shouldRun:r,nextHasAutoSizedOnMount:a}=i.resolveAutoSizeOnData({mode:n.mode,isServerSide:n.isServerSide,rowCount:n.rows.length,hasAutoSizedOnMount:t});t=a,r&&n.runAutosize(n.visibleColumns)}}};exports.createAutoSizeOnDataTrigger=s,exports.createColumnAutosizeRunner=o;

package/dist/controllers/columnAutosizeRunner.d.ts

@@ -0,0 +1,31 @@
+import { gridActions } from '../model/gridActions';
+import type { AutoSizeColumnsMode, GridColumn, RowModel } from '../model/gridTypes.unbound';
+type ReadonlyRef<V> = {
+    readonly current: V;
+};
+export type ColumnAutosizeRunnerArgs<T> = {
+    rowModel: RowModel<T>;
+    gridRootRef: ReadonlyRef<HTMLElement | null>;
+    columnWidths: Record<string, number>;
+    dispatch: (action: ReturnType<typeof gridActions.syncColumnWidths>) => void;
+};
+export type ColumnAutosizeRunner<T> = {
+    update: (args: ColumnAutosizeRunnerArgs<T>) => void;
+    runAutosize: (columns: GridColumn<T>[]) => Promise<void>;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => boolean;
+    dispose: () => void;
+};
+export declare const createColumnAutosizeRunner: <T>() => ColumnAutosizeRunner<T>;
+export type AutoSizeOnDataArgs<T> = {
+    mode: AutoSizeColumnsMode;
+    isServerSide: boolean;
+    rows: T[];
+    visibleColumns: GridColumn<T>[];
+    runAutosize: (columns: GridColumn<T>[]) => Promise<void>;
+};
+export type AutoSizeOnDataTrigger<T> = {
+    update: (args: AutoSizeOnDataArgs<T>) => void;
+};
+export declare const createAutoSizeOnDataTrigger: <T>() => AutoSizeOnDataTrigger<T>;
+export {};

package/dist/controllers/columnAutosizeRunner.js

@@ -0,0 +1,61 @@
+import { createValueStore as e } from "../logic/valueStore.js";
+import { gridActions as t } from "../model/gridActions.js";
+import { canMeasureAutosize as n, createColumnWidthAccumulator as r } from "../logic/columnAutosize.js";
+import { runChunked as i } from "../logic/chunkedLoop.js";
+import { resolveAutoSizeOnData as a } from "../logic/autoSizeOnData.js";
+//#region src/controllers/columnAutosizeRunner.ts
+var o = 180, s = () => {
+	let a = null, s = e(!1), c = 0, l = null, u = () => {
+		l !== null && (clearTimeout(l), l = null);
+	};
+	return {
+		update: (e) => {
+			a = e;
+		},
+		runAutosize: async (e) => {
+			if (a === null || e.length === 0 || !n()) return;
+			let { rowModel: d, gridRootRef: f, columnWidths: p, dispatch: m } = a, h = c += 1;
+			u();
+			let g = d.getRowCount(), _ = f.current, v = r(e);
+			l = setTimeout(() => {
+				c === h && s.setSnapshot(!0);
+			}, o);
+			try {
+				if (!await i(g, (e) => {
+					let t = d.getRow(e);
+					t && v.collect(t);
+				}, { isCancelled: () => c !== h || a?.rowModel !== d })) return;
+				let e = v.finalize({
+					gridRoot: _,
+					currentWidths: p
+				});
+				Object.keys(e).length > 0 && m(t.syncColumnWidths(e));
+			} finally {
+				c === h && (u(), s.setSnapshot(!1));
+			}
+		},
+		subscribe: s.subscribe,
+		getSnapshot: s.getSnapshot,
+		dispose: () => {
+			c += 1, u();
+		}
+	};
+}, c = () => {
+	let e = null, t = !1;
+	return { update: (n) => {
+		if (e !== null && e.mode === n.mode && e.isServerSide === n.isServerSide && e.rows === n.rows && e.runAutosize === n.runAutosize) {
+			e = n;
+			return;
+		}
+		e = n;
+		let { shouldRun: r, nextHasAutoSizedOnMount: i } = a({
+			mode: n.mode,
+			isServerSide: n.isServerSide,
+			rowCount: n.rows.length,
+			hasAutoSizedOnMount: t
+		});
+		t = i, r && n.runAutosize(n.visibleColumns);
+	} };
+};
+//#endregion
+export { c as createAutoSizeOnDataTrigger, s as createColumnAutosizeRunner };

package/dist/controllers/columnHeaderDragController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/detailRow.cjs"),t=require("../logic/geometry.cjs"),n=require("../logic/autoScrollGeometry.cjs"),r=require("../logic/slotDom.cjs");function i(e,n,r,i){let a=e.find(e=>e.key===n);if(!a)return null;let o=t.getColumnPane(a),s={left:[],center:[],right:[]},c=new Map;for(let n of e)s[t.getColumnPane(n)].push(n.key),c.set(n.key,n.visible!==!1);let l=s[r].filter(e=>c.get(e)).indexOf(n),u=s[o].indexOf(n);if(u<0)return null;s[o].splice(u,1);let d=i;o===r&&l>=0&&d>l&&--d;let f=s[r].filter(e=>c.get(e));if(d=Math.max(0,Math.min(d,f.length)),o===r&&l>=0&&d===l)return null;let p;return p=d>=f.length?s[r].length:s[r].indexOf(f[d]),s[r].splice(p,0,n),[...s.left,...s.center,...s.right]}var a=32,o=2,s=14,c=12,l=`<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="5 9 2 12 5 15"/><polyline points="9 5 12 2 15 5"/><polyline points="15 19 12 22 9 19"/><polyline points="19 9 22 12 19 15"/><line x1="2" y1="12" x2="22" y2="12"/><line x1="12" y1="2" x2="12" y2="22"/></svg>`,u=`<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="17" x2="12" y2="22"/><path d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z"/></svg>`,d=`<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="4.9" y1="4.9" x2="19.1" y2="19.1"/></svg>`,f=`0.5`,p=200,m=`cubic-bezier(0.2, 0.7, 0.3, 1)`,h=()=>typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,g=t=>{if(!t)return null;let n=new Map;return t.querySelectorAll(`[data-ssg-col-key]`).forEach(r=>{if(e.isInsideDetailCardOf(t,r))return;let i=r.dataset.ssgColKey;i&&!n.has(i)&&n.set(i,r.getBoundingClientRect().left)}),n},_=()=>{let _=null,v=null,y=null,b=null,x={x:0,y:0},S=null,C=!1,w=null,T=null,E=null,D=null,O=null,k=()=>({left:_?.leftIndicatorRef.current??null,center:_?.centerIndicatorRef.current??null,right:_?.rightIndicatorRef.current??null}),A=()=>{for(let e of Object.values(k()))e&&(e.style.display=`none`)},j=e=>{if(E)return;let t=document.createElement(`div`);t.setAttribute(`data-grid-drag-ghost`,``),_?.scrollContainerRef.current?.closest(`.ssg-theme-dark`)!=null&&t.classList.add(`ssg-theme-dark`),t.style.cssText=[`position:fixed`,`top:0`,`left:0`,`display:inline-flex`,`align-items:center`,`gap:7px`,`padding:7px 12px 7px 10px`,`border-radius:9px`,`border:1px solid var(--ssg-ghost-border)`,`background:var(--ssg-ghost-bg)`,`color:var(--ssg-ghost-text)`,`font-size:12px`,`font-weight:600`,`line-height:1`,`white-space:nowrap`,`box-shadow:var(--ssg-ghost-shadow)`,`pointer-events:none`,`user-select:none`,`z-index:9999`,`will-change:transform`,`transform:translate(-9999px,-9999px)`].join(`;`),r.applySlotToElement(t,_?.ghostSlot);let n=document.createElement(`span`);n.style.cssText=`display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none`;let i=document.createElement(`span`);i.textContent=e,t.appendChild(n),t.appendChild(i),document.body.appendChild(t),E=t,D=n,O=null},M=e=>{let t=E;if(!t)return;t.style.transform=`translate(`+(x.x+s)+`px,`+(x.y+c)+`px)`;let n=e??`out`;if(O===n)return;O=n;let r=D;n===`out`?(t.style.opacity=f,r&&(r.innerHTML=d)):(t.style.opacity=`1`,r&&(r.innerHTML=n===`center`?l:u))},N=()=>{E&&E.parentNode&&E.parentNode.removeChild(E),E=null,D=null,O=null},P=(e,n)=>{if(_===null)return null;let{paneLayout:r,leftPaneScrollRef:i,rightPaneScrollRef:s,bodyScrollRef:c,scrollContainerRef:l,leftLeadingWidth:u,centerLeadingWidth:d,rightLeadingWidth:f}=_,p=l.current;if(p){let t=p.getBoundingClientRect();if(e<t.left||e>t.right||n<t.top||n>t.bottom)return null}let m=i.current,h=s.current;if(m&&r.left.entries.length===0&&e<=m.getBoundingClientRect().left+a)return{pane:`left`,slot:0,leftPx:o};if(m&&r.left.entries.length>0){let n=m.getBoundingClientRect();if(e<n.right){let i=e-n.left-u,a=t.findPaneDropSlot(r.left,i);return{pane:`left`,slot:a,leftPx:u+t.paneDropSlotBoundaryX(r.left,a)}}}if(h&&r.right.entries.length===0&&e>=h.getBoundingClientRect().left-a)return{pane:`right`,slot:0,leftPx:-2};if(h&&r.right.entries.length>0){let n=h.getBoundingClientRect();if(e>=n.left){let i=e-n.left-f,a=t.findPaneDropSlot(r.right,i);return{pane:`right`,slot:a,leftPx:f+t.paneDropSlotBoundaryX(r.right,a)}}}let g=c.current;if(g&&r.center.entries.length>0){let n=g.getBoundingClientRect(),i=g.scrollLeft+e-n.left-d,a=t.findPaneDropSlot(r.center,Math.max(i,0));return{pane:`center`,slot:a,leftPx:d+t.paneDropSlotBoundaryX(r.center,a)}}return null},F=()=>{let e=P(x.x,x.y);if(M(e?e.pane:null),!e){y=null,A();return}y={pane:e.pane,slot:e.slot};let t=k();for(let n of[`left`,`center`,`right`]){let r=t[n];r&&(n===e.pane?(r.style.left=`${e.leftPx}px`,r.style.display=`block`):r.style.display=`none`)}},I=()=>{if(v===null){T=null;return}let e=_?.scrollContainerRef.current??null;if(e&&(C||(!S||n.hasPointerLeftActivationRadius(S,x,6))&&(C=!0),C)){let t=e.getBoundingClientRect(),r=n.resolveScrollContentBox({rectLeft:t.left,rectTop:t.top,clientLeft:e.clientLeft,clientTop:e.clientTop,clientWidth:e.clientWidth,clientHeight:e.clientHeight}),i=n.resolveAutoScrollAxisDirection(x.x,r.left,r.right,24),a=n.computeNextScrollPosition(e.scrollLeft,i,18,e.scrollWidth-e.clientWidth);a!==e.scrollLeft&&e.scrollTo({left:a,behavior:`auto`})}F(),T=requestAnimationFrame(I)},L=e=>{T!==null&&(cancelAnimationFrame(T),T=null),document.body.style.cursor=``,A(),N();let n=v,r=y;if(v=null,y=null,!e||!n||!r||_===null)return;let{columns:a,applyColumnOrderAndPin:o,scrollContainerRef:s}=_,c=i(a,n,r.pane,r.slot);if(!c)return;let l=a.find(e=>e.key===n),u=l?t.getColumnPane(l):null;b=u!==null&&u===r.pane&&!h()?g(s.current):null,o(c,new Map([[n,r.pane===`center`?void 0:r.pane]]))};return{update:e=>{_=e},onColumnDragHandlePointerDown:(e,t)=>{if(_===null||!_.enabled||t.button!==0)return;t.stopPropagation(),t.preventDefault(),v=e.key,x={x:t.clientX,y:t.clientY},S={x:t.clientX,y:t.clientY},C=!1,document.body.style.cursor=`grabbing`,j(e.title||e.key);let n=t.currentTarget,r=t.pointerId;try{n.setPointerCapture(r)}catch{}let i=e=>{e.pointerId===r&&(x={x:e.clientX,y:e.clientY},F())},a=()=>{window.removeEventListener(`pointermove`,i),window.removeEventListener(`pointerup`,o),window.removeEventListener(`pointercancel`,s),w=null;try{n.releasePointerCapture(r)}catch{}};function o(e){e.pointerId===r&&(a(),L(!0))}function s(e){e.pointerId===r&&(a(),L(!1))}window.addEventListener(`pointermove`,i),window.addEventListener(`pointerup`,o),window.addEventListener(`pointercancel`,s),w=a,F(),T=requestAnimationFrame(I)},applyReorderSettle:()=>{let t=b;if(b=null,!t)return;let n=_?.scrollContainerRef.current??null;if(!n)return;let r=new Map,i=new Map;n.querySelectorAll(`[data-ssg-col-key]`).forEach(a=>{if(e.isInsideDetailCardOf(n,a))return;let o=a.dataset.ssgColKey;if(!o||!t.has(o))return;let s=r.get(o);s?s.push(a):(r.set(o,[a]),i.set(o,a.getBoundingClientRect().left))});let a=[];if(r.forEach((e,n)=>{let r=t.get(n),o=i.get(n);if(r===void 0||o===void 0)return;let s=r-o;if(!(Math.abs(s)<.5))for(let t of e)t.style.transition=`none`,t.style.transform=`translateX(${s}px)`,t.style.willChange=`transform`,a.push(t)}),a.length!==0){n.getBoundingClientRect();for(let e of a)e.style.transition=`transform ${p}ms ${m}`,e.style.transform=`translateX(0)`;window.setTimeout(()=>{for(let e of a)e.style.transition=``,e.style.transform=``,e.style.willChange=``},280)}},dispose:()=>{w?.(),w=null,T!==null&&(cancelAnimationFrame(T),T=null),v=null,y=null,document.body.style.cursor=``,N()}}};exports.computeHeaderReorderedKeys=i,exports.createColumnHeaderDragController=_;

package/dist/controllers/columnHeaderDragController.d.ts

@@ -0,0 +1,44 @@
+import type { GridColumn, GridColumnPinned, GridResolvedSlot } from '../model/gridTypes.unbound';
+import { type ColumnPane, type GridPaneLayout } from '../logic/geometry';
+type ApplyColumnOrderAndPin = (orderedKeys: string[], pinOverride?: Map<string, GridColumnPinned | undefined>) => void;
+export declare function computeHeaderReorderedKeys<T>(columns: GridColumn<T>[], draggedKey: string, targetPane: ColumnPane, slotInTargetVisible: number): string[] | null;
+type ReadonlyRef<V> = {
+    readonly current: V;
+};
+export type ColumnHeaderDragArgs<T> = {
+    enabled: boolean;
+    columns: GridColumn<T>[];
+    paneLayout: GridPaneLayout<T>;
+    leftPaneScrollRef: ReadonlyRef<HTMLElement | null>;
+    rightPaneScrollRef: ReadonlyRef<HTMLElement | null>;
+    bodyScrollRef: ReadonlyRef<HTMLElement | null>;
+    scrollContainerRef: ReadonlyRef<HTMLElement | null>;
+    leftIndicatorRef: ReadonlyRef<HTMLElement | null>;
+    centerIndicatorRef: ReadonlyRef<HTMLElement | null>;
+    rightIndicatorRef: ReadonlyRef<HTMLElement | null>;
+    leftLeadingWidth: number;
+    centerLeadingWidth: number;
+    rightLeadingWidth: number;
+    applyColumnOrderAndPin: ApplyColumnOrderAndPin;
+    ghostSlot?: GridResolvedSlot;
+};
+export type ColumnDragHandlePointerEvent = {
+    button: number;
+    pointerId: number;
+    clientX: number;
+    clientY: number;
+    currentTarget: {
+        setPointerCapture: (pointerId: number) => void;
+        releasePointerCapture: (pointerId: number) => void;
+    };
+    preventDefault: () => void;
+    stopPropagation: () => void;
+};
+export type ColumnHeaderDragController<T> = {
+    update: (args: ColumnHeaderDragArgs<T>) => void;
+    onColumnDragHandlePointerDown: (column: GridColumn<T>, event: ColumnDragHandlePointerEvent) => void;
+    applyReorderSettle: () => void;
+    dispose: () => void;
+};
+export declare const createColumnHeaderDragController: <T>() => ColumnHeaderDragController<T>;
+export {};