@glideappsfinal/glide-data-grid-source 6.0.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 typeguard, Inc.
+
+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/README.md

@@ -0,0 +1,13 @@
+<h1 align="center">
+  <img src="https://raw.githubusercontent.com/glideapps/glide-data-grid/master/icon.png" width="224px"/><br/>
+  <b>Glide Data Grid Source</b>
+</h1>
+<p align="center">This provides an easy to use data source for the Glide Data Grid which supports many convenient features such as sorting and menus out of the box.</p>
+
+[![Version](https://img.shields.io/npm/v/@glideapps/glide-data-grid-source?color=blue&label=latest&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/releases)
+[![React 16+](https://img.shields.io/badge/React-16+-00ADD8?style=for-the-badge&logo=react)](https://reactjs.org)
+[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@glideapps/glide-data-grid-source?color=success&label=bundle&style=for-the-badge)](https://bundlephobia.com/package/@glideapps/glide-data-grid-source)
+[![License](https://img.shields.io/github/license/glideapps/glide-data-grid?color=red&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
+[![Made By Glide](https://img.shields.io/badge/❤_Made_by-Glide-11CCE5?style=for-the-badge&logo=none)](https://www.glideapps.com/jobs)
+
+![Data Grid](https://raw.githubusercontent.com/glideapps/glide-data-grid/master/data-grid.jpg)

package/dist/cjs/index.js

@@ -0,0 +1,6 @@
+export { useCollapsingGroups } from "./use-collapsing-groups.js";
+export { useMoveableColumns } from "./use-movable-columns.js";
+export { useColumnSort } from "./use-column-sort.js";
+export { useAsyncDataSource } from "./use-async-data-source.js";
+export { useUndoRedo } from "./use-undo-redo.js";
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/cjs/use-async-data-source.js

@@ -0,0 +1,92 @@
+import { CompactSelection, GridCellKind, } from "@glideapps/glide-data-grid";
+import range from "lodash/range.js";
+import chunk from "lodash/chunk.js";
+import React from "react";
+export function useAsyncDataSource(pageSize, maxConcurrency, getRowData, toCell, onEdited, gridRef) {
+    pageSize = Math.max(pageSize, 1);
+    const loadingRef = React.useRef(CompactSelection.empty());
+    const dataRef = React.useRef([]);
+    const [visiblePages, setVisiblePages] = React.useState({ x: 0, y: 0, width: 0, height: 0 });
+    const visiblePagesRef = React.useRef(visiblePages);
+    visiblePagesRef.current = visiblePages;
+    const onVisibleRegionChanged = React.useCallback(r => {
+        setVisiblePages(cv => {
+            if (r.x === cv.x && r.y === cv.y && r.width === cv.width && r.height === cv.height)
+                return cv;
+            return r;
+        });
+    }, []);
+    const getCellContent = React.useCallback(cell => {
+        const [col, row] = cell;
+        const rowData = dataRef.current[row];
+        if (rowData !== undefined) {
+            return toCell(rowData, col);
+        }
+        return {
+            kind: GridCellKind.Loading,
+            allowOverlay: false,
+        };
+    }, [toCell]);
+    const loadPage = React.useCallback(async (page) => {
+        loadingRef.current = loadingRef.current.add(page);
+        const startIndex = page * pageSize;
+        const d = await getRowData([startIndex, (page + 1) * pageSize]);
+        const vr = visiblePagesRef.current;
+        const damageList = [];
+        const data = dataRef.current;
+        for (let i = 0; i < d.length; i++) {
+            data[i + startIndex] = d[i];
+            for (let col = vr.x; col <= vr.x + vr.width; col++) {
+                damageList.push({
+                    cell: [col, i + startIndex],
+                });
+            }
+        }
+        gridRef.current?.updateCells(damageList);
+    }, [getRowData, gridRef, pageSize]);
+    const getCellsForSelection = React.useCallback((r) => {
+        return async () => {
+            const firstPage = Math.max(0, Math.floor(r.y / pageSize));
+            const lastPage = Math.floor((r.y + r.height) / pageSize);
+            for (const pageChunk of chunk(range(firstPage, lastPage + 1).filter(i => !loadingRef.current.hasIndex(i)), maxConcurrency)) {
+                await Promise.all(pageChunk.map(loadPage));
+            }
+            const result = [];
+            for (let y = r.y; y < r.y + r.height; y++) {
+                const row = [];
+                for (let x = r.x; x < r.x + r.width; x++) {
+                    row.push(getCellContent([x, y]));
+                }
+                result.push(row);
+            }
+            return result;
+        };
+    }, [getCellContent, loadPage, maxConcurrency, pageSize]);
+    React.useEffect(() => {
+        const r = visiblePages;
+        const firstPage = Math.max(0, Math.floor((r.y - pageSize / 2) / pageSize));
+        const lastPage = Math.floor((r.y + r.height + pageSize / 2) / pageSize);
+        for (const page of range(firstPage, lastPage + 1)) {
+            if (loadingRef.current.hasIndex(page))
+                continue;
+            void loadPage(page);
+        }
+    }, [loadPage, pageSize, visiblePages]);
+    const onCellEdited = React.useCallback((cell, newVal) => {
+        const [, row] = cell;
+        const current = dataRef.current[row];
+        if (current === undefined)
+            return;
+        const result = onEdited(cell, newVal, current);
+        if (result !== undefined) {
+            dataRef.current[row] = result;
+        }
+    }, [onEdited]);
+    return {
+        getCellContent,
+        onVisibleRegionChanged,
+        onCellEdited,
+        getCellsForSelection,
+    };
+}
+//# sourceMappingURL=use-async-data-source.js.map

package/dist/cjs/use-async-data-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-data-source.js","sourceRoot":"","sources":["../../src/use-async-data-source.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAKhB,YAAY,GAGf,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,UAAU,kBAAkB,CAC9B,QAAgB,EAChB,cAAsB,EACtB,UAAiC,EACjC,MAA2B,EAC3B,QAAqC,EACrC,OAAqD;IAErD,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAa,EAAE,CAAC,CAAC;IAE7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IACvG,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACnD,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;IAEvC,MAAM,sBAAsB,GAA2D,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;QACzG,eAAe,CAAC,EAAE,CAAC,EAAE;YACjB,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM;gBAAE,OAAO,EAAE,CAAC;YAC9F,OAAO,CAAC,CAAC;QACb,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACpC,IAAI,CAAC,EAAE;QACH,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;QACxB,MAAM,OAAO,GAAyB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC3D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAChC,CAAC;QACD,OAAO;YACH,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,YAAY,EAAE,KAAK;SACtB,CAAC;IACN,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAC9B,KAAK,EAAE,IAAY,EAAE,EAAE;QACnB,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,IAAI,GAAG,QAAQ,CAAC;QACnC,MAAM,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEhE,MAAM,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;QAEnC,MAAM,UAAU,GAAiC,EAAE,CAAC;QACpD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAChC,IAAI,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,KAAK,IAAI,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;gBACjD,UAAU,CAAC,IAAI,CAAC;oBACZ,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC;iBAC9B,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QACD,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAClC,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,CAAY,EAA8B,EAAE;QACzC,OAAO,KAAK,IAAI,EAAE;YACd,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC;YAEzD,KAAK,MAAM,SAAS,IAAI,KAAK,CACzB,KAAK,CAAC,SAAS,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAC3E,cAAc,CACjB,EAAE,CAAC;gBACA,MAAM,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC/C,CAAC;YAED,MAAM,MAAM,GAAiB,EAAE,CAAC;YAEhC,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxC,MAAM,GAAG,GAAe,EAAE,CAAC;gBAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;oBACvC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrC,CAAC;gBACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC;YAED,OAAO,MAAM,CAAC;QAClB,CAAC,CAAC;IACN,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,CAAC,CACvD,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,CAAC,GAAG,YAAY,CAAC;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;QAC3E,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;QACxE,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC;YAChD,IAAI,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAAE,SAAS;YAChD,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,IAAU,EAAE,MAAwB,EAAE,EAAE;QACrC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO;QAElC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QAC/C,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QAClC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO;QACH,cAAc;QACd,sBAAsB;QACtB,YAAY;QACZ,oBAAoB;KACvB,CAAC;AACN,CAAC"}

package/dist/cjs/use-collapsing-groups.js

@@ -0,0 +1,105 @@
+import React from "react";
+export function useCollapsingGroups(props) {
+    const [collapsed, setCollapsed] = React.useState([]);
+    const [gridSelectionInner, setGridSelectionsInner] = React.useState(undefined);
+    const { columns: columnsIn, onGroupHeaderClicked: onGroupHeaderClickedIn, onGridSelectionChange: onGridSelectionChangeIn, getGroupDetails: getGroupDetailsIn, gridSelection: gridSelectionIn, freezeColumns = 0, theme, } = props;
+    const gridSelection = gridSelectionIn ?? gridSelectionInner;
+    const spans = React.useMemo(() => {
+        const result = [];
+        let current = [-1, -1];
+        let lastGroup;
+        for (let i = freezeColumns; i < columnsIn.length; i++) {
+            const c = columnsIn[i];
+            const group = Array.isArray(c.group) ? (c.group[0] ?? "") : (c.group ?? "");
+            const isCollapsed = collapsed.includes(group);
+            if (lastGroup !== group && current[0] !== -1) {
+                result.push(current);
+                current = [-1, -1];
+            }
+            if (isCollapsed && current[0] !== -1) {
+                current[1] += 1;
+            }
+            else if (isCollapsed) {
+                current = [i, 1];
+            }
+            else if (current[0] !== -1) {
+                result.push(current);
+                current = [-1, -1];
+            }
+            lastGroup = group;
+        }
+        if (current[0] !== -1)
+            result.push(current);
+        return result;
+    }, [collapsed, columnsIn, freezeColumns]);
+    const columns = React.useMemo(() => {
+        if (spans.length === 0)
+            return columnsIn;
+        return columnsIn.map((c, index) => {
+            for (const [start, length] of spans) {
+                if (index >= start && index < start + length) {
+                    let width = 8;
+                    if (index === start + length - 1) {
+                        width = 36;
+                    }
+                    return {
+                        ...c,
+                        width,
+                        themeOverride: { bgCell: theme.bgCellMedium },
+                    };
+                }
+            }
+            return c;
+        });
+    }, [columnsIn, spans, theme.bgCellMedium]);
+    const onGroupHeaderClicked = React.useCallback((index, a) => {
+        onGroupHeaderClickedIn?.(index, a);
+        const groupRaw = columns[index]?.group;
+        const group = Array.isArray(groupRaw) ? (groupRaw[0] ?? "") : (groupRaw ?? "");
+        if (group === "")
+            return;
+        a.preventDefault();
+        setCollapsed(cv => (cv.includes(group) ? cv.filter(x => x !== group) : [...cv, group]));
+    }, [columns, onGroupHeaderClickedIn]);
+    const onGridSelectionChange = React.useCallback(s => {
+        if (s.current !== undefined) {
+            const col = s.current.cell[0];
+            const column = columns[col];
+            const groupRaw = column?.group;
+            const group = Array.isArray(groupRaw) ? (groupRaw[0] ?? "") : (groupRaw ?? "");
+            setCollapsed(cv => {
+                if (cv.includes(group)) {
+                    return cv.filter(g => g !== group);
+                }
+                return cv;
+            });
+        }
+        if (onGridSelectionChangeIn !== undefined) {
+            onGridSelectionChangeIn(s);
+        }
+        else {
+            setGridSelectionsInner(s);
+        }
+    }, [columns, onGridSelectionChangeIn]);
+    const getGroupDetails = React.useCallback(group => {
+        const result = getGroupDetailsIn?.(group);
+        const groupStr = Array.isArray(group) ? (group[0] ?? "") : (group ?? "");
+        return {
+            ...result,
+            name: groupStr,
+            overrideTheme: collapsed.includes(groupStr)
+                ? {
+                    bgHeader: theme.bgHeaderHasFocus,
+                }
+                : undefined,
+        };
+    }, [collapsed, getGroupDetailsIn, theme.bgHeaderHasFocus]);
+    return {
+        columns,
+        onGroupHeaderClicked,
+        onGridSelectionChange,
+        getGroupDetails,
+        gridSelection,
+    };
+}
+//# sourceMappingURL=use-collapsing-groups.js.map

package/dist/cjs/use-collapsing-groups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapsing-groups.js","sourceRoot":"","sources":["../../src/use-collapsing-groups.ts"],"names":[],"mappings":"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"}

package/dist/cjs/use-column-sort.js

@@ -0,0 +1,134 @@
+import { GridCellKind } from "@glideapps/glide-data-grid";
+import range from "lodash/range.js";
+import * as React from "react";
+function cellToSortData(c) {
+    switch (c.kind) {
+        case GridCellKind.Number:
+            return c.data?.toString() ?? "";
+        case GridCellKind.Boolean:
+            return c.data?.toString() ?? "";
+        case GridCellKind.Markdown:
+        case GridCellKind.RowID:
+        case GridCellKind.Text:
+        case GridCellKind.Uri:
+            return c.data ?? "";
+        case GridCellKind.Bubble:
+        case GridCellKind.Image:
+            return c.data.join("");
+        case GridCellKind.Drilldown:
+            return c.data.map(x => x.text).join("");
+        case GridCellKind.Protected:
+        case GridCellKind.Loading:
+            return "";
+        case GridCellKind.Custom:
+            return c.copyData;
+    }
+}
+function tryParse(val) {
+    if (typeof val === "number")
+        return val;
+    if (val.length > 0) {
+        const x = Number(val);
+        if (!isNaN(x)) {
+            val = x;
+        }
+    }
+    return val;
+}
+export function compareSmart(a, b) {
+    a = tryParse(a);
+    b = tryParse(b);
+    if (typeof a === "string" && typeof b === "string") {
+        return a.localeCompare(b);
+    }
+    else if (typeof a === "number" && typeof b === "number") {
+        if (a === b)
+            return 0;
+        return a > b ? 1 : -1;
+    }
+    else if (a == b) {
+        return 0;
+    }
+    return a > b ? 1 : -1;
+}
+export function compareRaw(a, b) {
+    if (a > b)
+        return 1;
+    if (a === b)
+        return 0;
+    return -1;
+}
+export function useColumnSort(p) {
+    const { sort, rows, getCellContent: getCellContentIn } = p;
+    const sorts = React.useMemo(() => {
+        if (sort === undefined)
+            return [];
+        return Array.isArray(sort) ? sort : [sort];
+    }, [sort]);
+    const sortCols = React.useMemo(() => sorts.map(s => {
+        const c = p.columns.findIndex(col => s.column === col || (col.id !== undefined && s.column.id === col.id));
+        return c === -1 ? undefined : c;
+    }), [sorts, p.columns]);
+    // This scales to about 100k rows. Beyond that things take a pretty noticeable amount of time
+    // The performance "issue" from here on out seems to be the lookup to get the value. Not sure
+    // what to do there. We need the indirection to produce the final sort map. Perhaps someone
+    // more clever than me will wander in and save most of that time.
+    const sortMap = React.useMemo(() => {
+        const activeSorts = sorts
+            .map((s, i) => ({ sort: s, col: sortCols[i] }))
+            .filter((v) => v.col !== undefined);
+        if (activeSorts.length === 0)
+            return undefined;
+        const values = activeSorts.map(() => new Array(rows));
+        for (let sIndex = 0; sIndex < activeSorts.length; sIndex++) {
+            const { col } = activeSorts[sIndex];
+            const index = [col, 0];
+            for (let i = 0; i < rows; i++) {
+                index[1] = i;
+                values[sIndex][i] = cellToSortData(getCellContentIn(index));
+            }
+        }
+        return range(rows).sort((a, b) => {
+            for (let sIndex = 0; sIndex < activeSorts.length; sIndex++) {
+                const { sort: colSort } = activeSorts[sIndex];
+                const va = values[sIndex][a];
+                const vb = values[sIndex][b];
+                let cmp;
+                if (colSort.mode === "raw") {
+                    cmp = compareRaw(va, vb);
+                }
+                else if (colSort.mode === "smart") {
+                    cmp = compareSmart(va, vb);
+                }
+                else {
+                    cmp = va.localeCompare(vb);
+                }
+                if (cmp !== 0) {
+                    if ((colSort.direction ?? "asc") === "desc")
+                        cmp = -cmp;
+                    return cmp;
+                }
+            }
+            return 0;
+        });
+    }, [getCellContentIn, rows, sorts, sortCols]);
+    const getOriginalIndex = React.useCallback((index) => {
+        if (sortMap === undefined)
+            return index;
+        return sortMap[index];
+    }, [sortMap]);
+    const getCellContent = React.useCallback(([col, row]) => {
+        if (sortMap === undefined)
+            return getCellContentIn([col, row]);
+        row = sortMap[row];
+        return getCellContentIn([col, row]);
+    }, [getCellContentIn, sortMap]);
+    if (sortMap === undefined) {
+        return { getCellContent: p.getCellContent, getOriginalIndex };
+    }
+    return {
+        getOriginalIndex,
+        getCellContent,
+    };
+}
+//# sourceMappingURL=use-column-sort.js.map

package/dist/cjs/use-column-sort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-sort.js","sourceRoot":"","sources":["../../src/use-column-sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,YAAY,EAAmB,MAAM,4BAA4B,CAAC;AAChH,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,cAAc,CAAC,CAAW;IAC/B,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;QACb,KAAK,YAAY,CAAC,MAAM;YACpB,OAAO,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QACpC,KAAK,YAAY,CAAC,OAAO;YACrB,OAAO,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QACpC,KAAK,YAAY,CAAC,QAAQ,CAAC;QAC3B,KAAK,YAAY,CAAC,KAAK,CAAC;QACxB,KAAK,YAAY,CAAC,IAAI,CAAC;QACvB,KAAK,YAAY,CAAC,GAAG;YACjB,OAAO,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;QACxB,KAAK,YAAY,CAAC,MAAM,CAAC;QACzB,KAAK,YAAY,CAAC,KAAK;YACnB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,YAAY,CAAC,SAAS;YACvB,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC5C,KAAK,YAAY,CAAC,SAAS,CAAC;QAC5B,KAAK,YAAY,CAAC,OAAO;YACrB,OAAO,EAAE,CAAC;QACd,KAAK,YAAY,CAAC,MAAM;YACpB,OAAO,CAAC,CAAC,QAAQ,CAAC;IAC1B,CAAC;AACL,CAAC;AAED,SAAS,QAAQ,CAAC,GAAoB;IAClC,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAC;IACxC,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjB,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACZ,GAAG,GAAG,CAAC,CAAC;QACZ,CAAC;IACL,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,CAAkB,EAAE,CAAkB;IAC/D,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChB,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QACjD,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;SAAM,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QACxD,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QACtB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;SAAM,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QAChB,OAAO,CAAC,CAAC;IACb,CAAC;IACD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,CAAkB,EAAE,CAAkB;IAC7D,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,CAAC,CAAC;IACpB,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,CAAC,CAAC;AACd,CAAC;AAeD,MAAM,UAAU,aAAa,CAAC,CAAQ;IAClC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,EAAkB,CAAC;QAClD,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAChC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACV,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3G,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC,EACF,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CACrB,CAAC;IAEF,6FAA6F;IAC7F,6FAA6F;IAC7F,2FAA2F;IAC3F,iEAAiE;IACjE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,KAAK;aACpB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aAC9C,MAAM,CAAC,CAAC,CAAC,EAA0C,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC;QAEhF,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,SAAS,CAAC;QAE/C,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,CAAS,IAAI,CAAC,CAAC,CAAC;QAC9D,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;YACzD,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;YACpC,MAAM,KAAK,GAAqB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC5B,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBACb,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;YAChE,CAAC;QACL,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7B,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;gBACzD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC9C,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7B,IAAI,GAAW,CAAC;gBAChB,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;oBACzB,GAAG,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC7B,CAAC;qBAAM,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBAClC,GAAG,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC/B,CAAC;qBAAM,CAAC;oBACJ,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;gBAC/B,CAAC;gBACD,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;oBACZ,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,MAAM;wBAAE,GAAG,GAAG,CAAC,GAAG,CAAC;oBACxD,OAAO,GAAG,CAAC;gBACf,CAAC;YACL,CAAC;YACD,OAAO,CAAC,CAAC;QACb,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9C,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,KAAa,EAAU,EAAE;QACtB,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QACxC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;QACX,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO,gBAAgB,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC/D,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QACnB,OAAO,gBAAgB,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAC9B,CAAC;IAEF,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,cAAc,EAAE,gBAAgB,EAAE,CAAC;IAClE,CAAC;IAED,OAAO;QACH,gBAAgB;QAChB,cAAc;KACjB,CAAC;AACN,CAAC"}

package/dist/cjs/use-movable-columns.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+import orderBy from "lodash/orderBy.js";
+function colToKey(c) {
+    return c.id ?? `${c.group ?? ""}/${c.title}`;
+}
+function looseCompareCol(a, b) {
+    if (typeof b === "string") {
+        return colToKey(a) === b;
+    }
+    return colToKey(a) === colToKey(b);
+}
+function getSortIndexByKey(needle, current, keys) {
+    const index = current.indexOf(needle);
+    if (index === -1)
+        return Number.MAX_SAFE_INTEGER; // should never happen
+    // if we can directly remap we will
+    const remapped = keys.findIndex(key => looseCompareCol(needle, key));
+    if (remapped !== -1)
+        return remapped;
+    // look for its nearlest lefthand neighbor we can remap, and give a partial index
+    for (let n = index; n >= 0; n--) {
+        const ind = keys.findIndex(key => looseCompareCol(current[n], key));
+        if (ind !== -1)
+            return ind + 0.5;
+    }
+    return -1;
+}
+// this cannot actually be made transparent to the user. Doing so would break things like
+// selection rnages being rectangular. The mangled columns need to actually be returned to the
+// user so they can be referenced and understood correctly in other callbacks they may provide
+// Darn
+export function useMoveableColumns(p) {
+    const { columns: columnsIn, getCellContent: getCellContentIn, onColumnMoved: onColumnMovedIn } = p;
+    const [keys, setKeys] = React.useState(() => columnsIn.map(colToKey));
+    const columns = React.useMemo(() => {
+        return orderBy(columnsIn, c => getSortIndexByKey(c, columnsIn, keys));
+    }, [keys, columnsIn]);
+    const onColumnMovedRef = React.useRef(onColumnMovedIn);
+    onColumnMovedRef.current = onColumnMovedIn;
+    const onColumnMoved = React.useCallback((startIndex, endIndex) => {
+        setKeys(old => {
+            const newCols = [...old];
+            const [toMove] = newCols.splice(startIndex, 1);
+            newCols.splice(endIndex, 0, toMove);
+            return newCols;
+        });
+        onColumnMovedRef.current?.(startIndex, endIndex);
+    }, []);
+    React.useEffect(() => {
+        setKeys(cv => {
+            return orderBy(columnsIn, x => getSortIndexByKey(x, columnsIn, cv)).map(colToKey);
+        });
+    }, [columnsIn]);
+    const getCellContent = React.useCallback(cell => {
+        const [col, row] = cell;
+        const needle = columns[col];
+        const index = columnsIn.indexOf(needle);
+        return getCellContentIn([index, row]);
+    }, [columns, columnsIn, getCellContentIn]);
+    return {
+        columns,
+        onColumnMoved,
+        getCellContent,
+    };
+}
+//# sourceMappingURL=use-movable-columns.js.map

package/dist/cjs/use-movable-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-movable-columns.js","sourceRoot":"","sources":["../../src/use-movable-columns.ts"],"names":[],"mappings":"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"}

package/dist/cjs/use-undo-redo.js

@@ -0,0 +1,168 @@
+import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
+const initialState = {
+    undoHistory: [],
+    redoHistory: [],
+    canUndo: false,
+    canRedo: false,
+    isApplyingUndo: false,
+    isApplyingRedo: false,
+};
+function reducer(state, action) {
+    const newState = { ...state };
+    switch (action.type) {
+        case "undo":
+            if (state.canUndo) {
+                newState.undoHistory = [...state.undoHistory];
+                const operation = newState.undoHistory.pop();
+                newState.operation = operation;
+                newState.canUndo = newState.undoHistory.length > 0;
+                newState.isApplyingUndo = true;
+                return newState;
+            }
+            return state;
+        case "redo":
+            if (state.canRedo) {
+                newState.redoHistory = [...state.redoHistory];
+                const operation = newState.redoHistory.pop();
+                newState.operation = operation;
+                newState.canRedo = newState.redoHistory.length > 0;
+                newState.isApplyingRedo = true;
+                return newState;
+            }
+            return state;
+        case "operationApplied":
+            newState.operation = undefined;
+            newState.isApplyingRedo = false;
+            newState.isApplyingUndo = false;
+            return newState;
+        case "edit":
+            if (!state.isApplyingRedo && !state.isApplyingUndo) {
+                // general case
+                newState.undoHistory = [...state.undoHistory, action.batch];
+                newState.redoHistory = [];
+                newState.canUndo = true;
+                newState.canRedo = false;
+            }
+            if (state.isApplyingUndo) {
+                newState.redoHistory = [...state.redoHistory, action.batch];
+                newState.canRedo = true;
+            }
+            if (state.isApplyingRedo) {
+                newState.undoHistory = [...state.undoHistory, action.batch];
+                newState.canUndo = true;
+            }
+            return newState;
+        default:
+            throw new Error("Invalid action");
+    }
+}
+export function useUndoRedo(gridRef, getCellContent, onCellEdited, onGridSelectionChange) {
+    const [state, dispatch] = useReducer(reducer, initialState);
+    const currentBatch = useRef(null);
+    const timeout = useRef(null);
+    const isApplyingUndoRef = useRef(false);
+    const isApplyingRedoRef = useRef(false);
+    useEffect(() => {
+        isApplyingUndoRef.current = state.isApplyingUndo;
+        isApplyingRedoRef.current = state.isApplyingRedo;
+    }, [state.isApplyingUndo, state.isApplyingRedo]);
+    const [gridSelection, setGridSelection] = useState(null);
+    const gridSelectionRef = useRef(null);
+    const onGridSelectionChangedEdited = useCallback((newVal) => {
+        if (onGridSelectionChange) {
+            onGridSelectionChange(newVal);
+        }
+        setGridSelection(newVal);
+        gridSelectionRef.current = newVal;
+    }, [onGridSelectionChange]);
+    const wrappedOnCellEdited = useCallback((cell, newValue) => {
+        const isApplyingUpdate = isApplyingUndoRef.current || isApplyingRedoRef.current;
+        if (!isApplyingUpdate && gridSelectionRef.current) {
+            clearTimeout(timeout.current);
+            const previousValue = getCellContent(cell);
+            if (currentBatch.current === null) {
+                currentBatch.current = {
+                    edits: [],
+                    selection: gridSelectionRef.current,
+                };
+            }
+            currentBatch.current.edits.push({ cell, newValue: previousValue });
+            // When pasting lots of edits arrive sequentially. Undo/redo should replay in a batch so using a timeout to kick to the end of the event loop
+            timeout.current = setTimeout(() => {
+                if (currentBatch.current) {
+                    dispatch({
+                        type: "edit",
+                        batch: currentBatch.current,
+                    });
+                    currentBatch.current = null;
+                }
+            }, 0);
+        }
+        // Continue with the edit
+        onCellEdited(cell, newValue);
+    }, [onCellEdited, getCellContent]);
+    const undo = useCallback(() => {
+        dispatch({ type: "undo" });
+    }, [dispatch]);
+    const redo = useCallback(() => {
+        dispatch({ type: "redo" });
+    }, [dispatch]);
+    // Apply a batch of edits to the grid
+    useEffect(() => {
+        if (state.operation !== undefined && gridSelectionRef.current !== null && gridRef.current !== null) {
+            const cells = [];
+            const previousState = {
+                edits: [],
+                selection: gridSelectionRef.current,
+            };
+            for (const edit of state.operation.edits) {
+                const prevValue = getCellContent(edit.cell);
+                previousState.edits.push({ cell: edit.cell, newValue: prevValue });
+                onCellEdited(edit.cell, edit.newValue);
+                cells.push({ cell: edit.cell });
+            }
+            setGridSelection(state.operation.selection);
+            gridSelectionRef.current = state.operation.selection;
+            gridRef.current.updateCells(cells);
+            dispatch({
+                type: "edit",
+                batch: previousState,
+            });
+            dispatch({
+                type: "operationApplied",
+            });
+        }
+    }, [state.operation, gridRef, onCellEdited, setGridSelection, getCellContent]);
+    // Attach the keyboard shortcuts. CMD+Z and CMD+SHIFT+Z on mac, CTRL+Z and CTRL+Y on windows.
+    useEffect(() => {
+        const onKeyDown = (e) => {
+            if (e.key === "z" && (e.metaKey || e.ctrlKey)) {
+                if (e.shiftKey) {
+                    redo();
+                }
+                else {
+                    undo();
+                }
+            }
+            if (e.key === "y" && (e.metaKey || e.ctrlKey)) {
+                redo();
+            }
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return () => {
+            window.removeEventListener("keydown", onKeyDown);
+        };
+    }, [undo, redo]);
+    return useMemo(() => {
+        return {
+            undo,
+            redo,
+            canUndo: state.canUndo,
+            canRedo: state.canRedo,
+            onCellEdited: wrappedOnCellEdited,
+            onGridSelectionChange: onGridSelectionChangedEdited,
+            gridSelection,
+        };
+    }, [undo, redo, wrappedOnCellEdited, state.canUndo, state.canRedo, onGridSelectionChangedEdited, gridSelection]);
+}
+//# sourceMappingURL=use-undo-redo.js.map