@glideappsfinal/glide-data-grid 6.0.9

package/dist/cjs/data-editor/use-cells-for-selection.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { GridCellKind } from "../internal/data-grid/data-grid-types.js";
+export function useCellsForSelection(getCellsForSelectionIn, getCellContent, rowMarkerOffset, abortController, rows) {
+    const getCellsForSelectionDirectWhenValid = React.useCallback(rect => {
+        if (getCellsForSelectionIn === true) {
+            const result = [];
+            for (let y = rect.y; y < rect.y + rect.height; y++) {
+                const row = [];
+                for (let x = rect.x; x < rect.x + rect.width; x++) {
+                    if (x < 0 || y >= rows) {
+                        row.push({
+                            kind: GridCellKind.Loading,
+                            allowOverlay: false,
+                        });
+                    }
+                    else {
+                        row.push(getCellContent([x, y]));
+                    }
+                }
+                result.push(row);
+            }
+            return result;
+        }
+        return getCellsForSelectionIn?.(rect, abortController.signal) ?? [];
+    }, [abortController.signal, getCellContent, getCellsForSelectionIn, rows]);
+    const getCellsForSelectionDirect = getCellsForSelectionIn !== undefined ? getCellsForSelectionDirectWhenValid : undefined;
+    const getCellsForSelectionMangled = React.useCallback(rect => {
+        if (getCellsForSelectionDirect === undefined)
+            return [];
+        const newRect = {
+            ...rect,
+            x: rect.x - rowMarkerOffset,
+        };
+        if (newRect.x < 0) {
+            newRect.x = 0;
+            newRect.width--;
+            const r = getCellsForSelectionDirect(newRect, abortController.signal);
+            if (typeof r === "function") {
+                return async () => 
+                // eslint-disable-next-line unicorn/no-await-expression-member
+                (await r()).map(row => [
+                    { kind: GridCellKind.Loading, allowOverlay: false },
+                    ...row,
+                ]);
+            }
+            return r.map(row => [{ kind: GridCellKind.Loading, allowOverlay: false }, ...row]);
+        }
+        return getCellsForSelectionDirect(newRect, abortController.signal);
+    }, [abortController.signal, getCellsForSelectionDirect, rowMarkerOffset]);
+    const getCellsForSelection = getCellsForSelectionIn !== undefined ? getCellsForSelectionMangled : undefined;
+    return [getCellsForSelection, getCellsForSelectionDirect];
+}
+//# sourceMappingURL=use-cells-for-selection.js.map

package/dist/cjs/data-editor/use-cells-for-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cells-for-selection.js","sourceRoot":"","sources":["../../../src/data-editor/use-cells-for-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAiC,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIvG,MAAM,UAAU,oBAAoB,CAChC,sBAAoE,EACpE,cAAiD,EACjD,eAAuB,EACvB,eAAgC,EAChC,IAAY;IAEZ,MAAM,mCAAmC,GAAG,KAAK,CAAC,WAAW,CACzD,IAAI,CAAC,EAAE;QACH,IAAI,sBAAsB,KAAK,IAAI,EAAE,CAAC;YAClC,MAAM,MAAM,GAAiB,EAAE,CAAC;YAEhC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjD,MAAM,GAAG,GAAe,EAAE,CAAC;gBAC3B,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;wBACrB,GAAG,CAAC,IAAI,CAAC;4BACL,IAAI,EAAE,YAAY,CAAC,OAAO;4BAC1B,YAAY,EAAE,KAAK;yBACtB,CAAC,CAAC;oBACP,CAAC;yBAAM,CAAC;wBACJ,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrC,CAAC;gBACL,CAAC;gBACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC;YAED,OAAO,MAAM,CAAC;QAClB,CAAC;QACD,OAAO,sBAAsB,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACxE,CAAC,EACD,CAAC,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE,sBAAsB,EAAE,IAAI,CAAC,CACzE,CAAC;IACF,MAAM,0BAA0B,GAC5B,sBAAsB,KAAK,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3F,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CACjD,IAAI,CAAC,EAAE;QACH,IAAI,0BAA0B,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QACxD,MAAM,OAAO,GAAG;YACZ,GAAG,IAAI;YACP,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,eAAe;SAC9B,CAAC;QACF,IAAI,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAChB,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;YACd,OAAO,CAAC,KAAK,EAAE,CAAC;YAChB,MAAM,CAAC,GAAG,0BAA0B,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;YAEtE,IAAI,OAAO,CAAC,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,KAAK,IAAI,EAAE;gBACd,8DAA8D;gBAC9D,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAe,GAAG,CAAC,EAAE,CAAC;oBACjC,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE;oBACnD,GAAG,GAAG;iBACT,CAAC,CAAC;YACX,CAAC;YACD,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;QACvF,CAAC;QACD,OAAO,0BAA0B,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC,EACD,CAAC,eAAe,CAAC,MAAM,EAAE,0BAA0B,EAAE,eAAe,CAAC,CACxE,CAAC;IAEF,MAAM,oBAAoB,GAAG,sBAAsB,KAAK,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5G,OAAO,CAAC,oBAAoB,EAAE,0BAA0B,CAAU,CAAC;AACvE,CAAC"}

package/dist/cjs/data-editor/use-column-sizer.js

@@ -0,0 +1,189 @@
+import * as React from "react";
+import { isSizedGridColumn, resolveCellsThunk, } from "../internal/data-grid/data-grid-types.js";
+const defaultSize = 150;
+function measureCell(ctx, cell, theme, getCellRenderer) {
+    const r = getCellRenderer(cell);
+    return r?.measure?.(ctx, cell, theme) ?? defaultSize;
+}
+export function measureColumn(ctx, theme, c, colIndex, selectedData, minColumnWidth, maxColumnWidth, removeOutliers, getCellRenderer) {
+    let max = 0;
+    const sizes = selectedData === undefined
+        ? []
+        : selectedData.map(row => {
+            const r = measureCell(ctx, row[colIndex], theme, getCellRenderer);
+            max = Math.max(max, r);
+            return r;
+        });
+    if (sizes.length > 5 && removeOutliers) {
+        max = 0;
+        // Filter out outliers
+        let sum = 0;
+        for (const size of sizes) {
+            sum += size;
+        }
+        const average = sum / sizes.length;
+        // Set sizes that are considered outliers to zero
+        for (let i = 0; i < sizes.length; i++) {
+            if (sizes[i] >= average * 2) {
+                sizes[i] = 0;
+            }
+            else {
+                max = Math.max(max, sizes[i]);
+            }
+        }
+    }
+    const currentFont = ctx.font;
+    ctx.font = theme.headerFontFull;
+    max = Math.max(max, ctx.measureText(c.title).width + theme.cellHorizontalPadding * 2 + (c.icon === undefined ? 0 : 28));
+    ctx.font = currentFont;
+    const final = Math.max(Math.ceil(minColumnWidth), Math.min(Math.floor(maxColumnWidth), Math.ceil(max)));
+    return {
+        ...c,
+        width: final,
+    };
+}
+/** @category Hooks */
+export function useColumnSizer(columns, rows, getCellsForSelection, clientWidth, minColumnWidth, maxColumnWidth, theme, getCellRenderer, abortController) {
+    const rowsRef = React.useRef(rows);
+    const getCellsForSelectionRef = React.useRef(getCellsForSelection);
+    const themeRef = React.useRef(theme);
+    rowsRef.current = rows;
+    getCellsForSelectionRef.current = getCellsForSelection;
+    themeRef.current = theme;
+    const [canvas, ctx] = React.useMemo(() => {
+        if (typeof window === "undefined")
+            return [null, null];
+        const offscreen = document.createElement("canvas");
+        offscreen.style["display"] = "none";
+        offscreen.style["opacity"] = "0";
+        offscreen.style["position"] = "fixed";
+        return [offscreen, offscreen.getContext("2d", { alpha: false })];
+    }, []);
+    React.useLayoutEffect(() => {
+        if (canvas)
+            document.documentElement.append(canvas);
+        return () => {
+            canvas?.remove();
+        };
+    }, [canvas]);
+    const memoMap = React.useRef({});
+    const lastColumns = React.useRef(undefined);
+    const [selectedData, setSelectionData] = React.useState();
+    React.useLayoutEffect(() => {
+        const getCells = getCellsForSelectionRef.current;
+        if (getCells === undefined || columns.every(isSizedGridColumn))
+            return;
+        let computeRows = Math.max(1, 10 - Math.floor(columns.length / 10_000));
+        let tailRows = 0;
+        if (computeRows < rowsRef.current && computeRows > 1) {
+            computeRows--;
+            tailRows = 1;
+        }
+        const computeArea = {
+            x: 0,
+            y: 0,
+            width: columns.length,
+            height: Math.min(rowsRef.current, computeRows),
+        };
+        const tailComputeArea = {
+            x: 0,
+            y: rowsRef.current - 1,
+            width: columns.length,
+            height: 1,
+        };
+        const fn = async () => {
+            const getResult = getCells(computeArea, abortController.signal);
+            const tailGetResult = tailRows > 0 ? getCells(tailComputeArea, abortController.signal) : undefined;
+            let toSet;
+            // eslint-disable-next-line unicorn/prefer-ternary
+            if (typeof getResult === "object") {
+                toSet = getResult;
+            }
+            else {
+                toSet = await resolveCellsThunk(getResult);
+            }
+            if (tailGetResult !== undefined) {
+                // eslint-disable-next-line unicorn/prefer-ternary
+                if (typeof tailGetResult === "object") {
+                    toSet = [...toSet, ...tailGetResult];
+                }
+                else {
+                    toSet = [...toSet, ...(await resolveCellsThunk(tailGetResult))];
+                }
+            }
+            lastColumns.current = columns;
+            setSelectionData(toSet);
+        };
+        void fn();
+    }, [abortController.signal, columns]);
+    return React.useMemo(() => {
+        const getRaw = () => {
+            if (columns.every(isSizedGridColumn)) {
+                return columns;
+            }
+            if (ctx === null) {
+                return columns.map(c => {
+                    if (isSizedGridColumn(c))
+                        return c;
+                    return {
+                        ...c,
+                        width: defaultSize,
+                    };
+                });
+            }
+            ctx.font = themeRef.current.baseFontFull;
+            return columns.map((c, colIndex) => {
+                if (isSizedGridColumn(c))
+                    return c;
+                if (memoMap.current[c.id] !== undefined) {
+                    return {
+                        ...c,
+                        width: memoMap.current[c.id],
+                    };
+                }
+                if (selectedData === undefined || lastColumns.current !== columns || c.id === undefined) {
+                    return {
+                        ...c,
+                        width: defaultSize,
+                    };
+                }
+                const r = measureColumn(ctx, theme, c, colIndex, selectedData, minColumnWidth, maxColumnWidth, true, getCellRenderer);
+                memoMap.current[c.id] = r.width;
+                return r;
+            });
+        };
+        let result = getRaw();
+        let totalWidth = 0;
+        let totalGrow = 0;
+        const distribute = [];
+        for (const [i, c] of result.entries()) {
+            totalWidth += c.width;
+            if (c.grow !== undefined && c.grow > 0) {
+                totalGrow += c.grow;
+                distribute.push(i);
+            }
+        }
+        if (totalWidth < clientWidth && distribute.length > 0) {
+            const writeable = [...result];
+            const extra = clientWidth - totalWidth;
+            let remaining = extra;
+            for (let di = 0; di < distribute.length; di++) {
+                const i = distribute[di];
+                const weighted = (result[i].grow ?? 0) / totalGrow;
+                const toAdd = di === distribute.length - 1 ? remaining : Math.min(remaining, Math.floor(extra * weighted));
+                writeable[i] = {
+                    ...result[i],
+                    growOffset: toAdd,
+                    width: result[i].width + toAdd,
+                };
+                remaining -= toAdd;
+            }
+            result = writeable;
+        }
+        return {
+            sizedColumns: result,
+            nonGrowWidth: totalWidth,
+        };
+    }, [clientWidth, columns, ctx, selectedData, theme, minColumnWidth, maxColumnWidth, getCellRenderer]);
+}
+//# sourceMappingURL=use-column-sizer.js.map

package/dist/cjs/data-editor/use-column-sizer.js.map

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

package/dist/cjs/data-editor/use-initial-scroll-offset.js

@@ -0,0 +1,81 @@
+import * as React from "react";
+import { useStateWithReactiveInput } from "../common/utils.js";
+// shamelessly stolen and modified from: https://github.com/theKashey/use-callback-ref
+// MIT License https://github.com/theKashey/use-callback-ref/tree/master?tab=MIT-1-ov-file#readme
+function useCallbackRef(initialValue, callback) {
+    const [ref] = React.useState(() => ({
+        value: initialValue,
+        callback,
+        facade: {
+            get current() {
+                return ref.value;
+            },
+            set current(value) {
+                const last = ref.value;
+                if (last !== value) {
+                    ref.value = value;
+                    ref.callback(value, last);
+                }
+            },
+        },
+    }));
+    ref.callback = callback;
+    return ref.facade;
+}
+export function useInitialScrollOffset(scrollOffsetX, scrollOffsetY, rowHeight, visibleRegionRef, onDidScroll) {
+    const [visibleRegionY, visibleRegionTy] = React.useMemo(() => {
+        return [
+            scrollOffsetY !== undefined && typeof rowHeight === "number" ? Math.floor(scrollOffsetY / rowHeight) : 0,
+            scrollOffsetY !== undefined && typeof rowHeight === "number" ? -(scrollOffsetY % rowHeight) : 0,
+        ];
+    }, [scrollOffsetY, rowHeight]);
+    const visibleRegionInput = React.useMemo(() => ({
+        x: visibleRegionRef.current.x,
+        y: visibleRegionY,
+        width: visibleRegionRef.current.width ?? 1,
+        height: visibleRegionRef.current.height ?? 1,
+        // tx: 'TODO',
+        ty: visibleRegionTy,
+    }), [visibleRegionRef, visibleRegionTy, visibleRegionY]);
+    const [visibleRegion, setVisibleRegion, empty] = useStateWithReactiveInput(visibleRegionInput);
+    const onDidScrollRef = React.useRef(onDidScroll);
+    onDidScrollRef.current = onDidScroll;
+    const scrollRef = useCallbackRef(null, newVal => {
+        if (newVal !== null && scrollOffsetY !== undefined) {
+            newVal.scrollTop = scrollOffsetY;
+        }
+        else if (newVal !== null && scrollOffsetX !== undefined) {
+            newVal.scrollLeft = scrollOffsetX;
+        }
+    });
+    const vScrollReady = (visibleRegion.height ?? 1) > 1;
+    React.useLayoutEffect(() => {
+        if (scrollOffsetY !== undefined && scrollRef.current !== null && vScrollReady) {
+            if (scrollRef.current.scrollTop === scrollOffsetY)
+                return;
+            scrollRef.current.scrollTop = scrollOffsetY;
+            if (scrollRef.current.scrollTop !== scrollOffsetY) {
+                empty();
+            }
+            onDidScrollRef.current();
+        }
+    }, [scrollOffsetY, vScrollReady, empty, scrollRef]);
+    const hScrollReady = (visibleRegion.width ?? 1) > 1;
+    React.useLayoutEffect(() => {
+        if (scrollOffsetX !== undefined && scrollRef.current !== null && hScrollReady) {
+            if (scrollRef.current.scrollLeft === scrollOffsetX)
+                return;
+            scrollRef.current.scrollLeft = scrollOffsetX;
+            if (scrollRef.current.scrollLeft !== scrollOffsetX) {
+                empty();
+            }
+            onDidScrollRef.current();
+        }
+    }, [scrollOffsetX, hScrollReady, empty, scrollRef]);
+    return {
+        visibleRegion,
+        setVisibleRegion,
+        scrollRef,
+    };
+}
+//# sourceMappingURL=use-initial-scroll-offset.js.map

package/dist/cjs/data-editor/use-initial-scroll-offset.js.map

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

package/dist/cjs/data-editor/use-rem-adjuster.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { getDataEditorTheme } from "../common/styles.js";
+export function useRemAdjuster({ rowHeight: rowHeightIn, headerHeight: headerHeightIn, groupHeaderHeight: groupHeaderHeightIn, theme: themeIn, overscrollX: overscrollXIn, overscrollY: overscrollYIn, scaleToRem, remSize, }) {
+    const [rowHeight, headerHeight, groupHeaderHeight, theme, overscrollX, overscrollY] = React.useMemo(() => {
+        if (!scaleToRem || remSize === 16)
+            return [rowHeightIn, headerHeightIn, groupHeaderHeightIn, themeIn, overscrollXIn, overscrollYIn];
+        const scaler = remSize / 16;
+        const rh = rowHeightIn;
+        const bt = getDataEditorTheme();
+        const scaledGroupHeaderHeight = Array.isArray(groupHeaderHeightIn)
+            ? groupHeaderHeightIn.map(h => Math.ceil(h * scaler))
+            : Math.ceil(groupHeaderHeightIn * scaler);
+        return [
+            typeof rh === "number" ? rh * scaler : (n) => Math.ceil(rh(n) * scaler),
+            Math.ceil(headerHeightIn * scaler),
+            scaledGroupHeaderHeight,
+            {
+                ...themeIn,
+                headerIconSize: (themeIn?.headerIconSize ?? bt.headerIconSize) * scaler,
+                cellHorizontalPadding: (themeIn?.cellHorizontalPadding ?? bt.cellHorizontalPadding) * scaler,
+                cellVerticalPadding: (themeIn?.cellVerticalPadding ?? bt.cellVerticalPadding) * scaler,
+            },
+            Math.ceil((overscrollXIn ?? 0) * scaler),
+            Math.ceil((overscrollYIn ?? 0) * scaler),
+        ];
+    }, [groupHeaderHeightIn, headerHeightIn, overscrollXIn, overscrollYIn, remSize, rowHeightIn, scaleToRem, themeIn]);
+    return { rowHeight, headerHeight, groupHeaderHeight, theme, overscrollX, overscrollY };
+}
+//# sourceMappingURL=use-rem-adjuster.js.map

package/dist/cjs/data-editor/use-rem-adjuster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-rem-adjuster.js","sourceRoot":"","sources":["../../../src/data-editor/use-rem-adjuster.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAsBrE,MAAM,UAAU,cAAc,CAAC,EAC3B,SAAS,EAAE,WAAW,EACtB,YAAY,EAAE,cAAc,EAC5B,iBAAiB,EAAE,mBAAmB,EACtC,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,aAAa,EAC1B,WAAW,EAAE,aAAa,EAC1B,UAAU,EACV,OAAO,GACO;IACd,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrG,IAAI,CAAC,UAAU,IAAI,OAAO,KAAK,EAAE;YAC7B,OAAO,CAAC,WAAW,EAAE,cAAc,EAAE,mBAAmB,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;QACrG,MAAM,MAAM,GAAG,OAAO,GAAG,EAAE,CAAC;QAC5B,MAAM,EAAE,GAAG,WAAW,CAAC;QACvB,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;QAChC,MAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC;YAC9D,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;YACrD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,CAAC;QAC9C,OAAO;YACH,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;YAC/E,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;YAClC,uBAAuB;YACvB;gBACI,GAAG,OAAO;gBACV,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,IAAI,EAAE,CAAC,cAAc,CAAC,GAAG,MAAM;gBACvE,qBAAqB,EAAE,CAAC,OAAO,EAAE,qBAAqB,IAAI,EAAE,CAAC,qBAAqB,CAAC,GAAG,MAAM;gBAC5F,mBAAmB,EAAE,CAAC,OAAO,EAAE,mBAAmB,IAAI,EAAE,CAAC,mBAAmB,CAAC,GAAG,MAAM;aACzF;YACD,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC;YACxC,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC;SAC3C,CAAC;IACN,CAAC,EAAE,CAAC,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnH,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC3F,CAAC"}

package/dist/cjs/data-editor/visible-region.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=visible-region.js.map

package/dist/cjs/data-editor/visible-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visible-region.js","sourceRoot":"","sources":["../../../src/data-editor/visible-region.ts"],"names":[],"mappings":""}

package/dist/cjs/data-editor-all.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { DataEditor } from "./data-editor/data-editor.js";
+import { AllCellRenderers } from "./cells/index.js";
+import { sprites } from "./internal/data-grid/sprites.js";
+import ImageWindowLoaderImpl from "./common/image-window-loader.js";
+const DataEditorAllImpl = (p, ref) => {
+    const allSprites = React.useMemo(() => {
+        return { ...sprites, ...p.headerIcons };
+    }, [p.headerIcons]);
+    const renderers = React.useMemo(() => {
+        return p.renderers ?? AllCellRenderers;
+    }, [p.renderers]);
+    const imageWindowLoader = React.useMemo(() => {
+        return p.imageWindowLoader ?? new ImageWindowLoaderImpl();
+    }, [p.imageWindowLoader]);
+    return (React.createElement(DataEditor, { ...p, renderers: renderers, headerIcons: allSprites, ref: ref, imageWindowLoader: imageWindowLoader }));
+};
+export const DataEditorAll = React.forwardRef(DataEditorAllImpl);
+//# sourceMappingURL=data-editor-all.js.map

package/dist/cjs/data-editor-all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-editor-all.js","sourceRoot":"","sources":["../../src/data-editor-all.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAA4C,MAAM,8BAA8B,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,qBAAqB,MAAM,iCAAiC,CAAC;AAOpE,MAAM,iBAAiB,GAAsE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,EAAE,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5C,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,CAAC,CAAC,SAAS,IAAI,gBAAgB,CAAC;IAC3C,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IAEjB,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,CAAC,CAAC,iBAAiB,IAAI,IAAI,qBAAqB,EAAE,CAAC;IAC9D,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,oBAAC,UAAU,OACH,CAAC,EACL,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,UAAU,EACvB,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+export * from "./internal/data-grid/data-grid-types.js";
+export { ImageOverlayEditor } from "./internal/data-grid-overlay-editor/private/image-overlay-editor.js";
+export { default as MarkdownDiv } from "./internal/markdown-div/markdown-div.js";
+export { GrowingEntry as TextCellEntry } from "./internal/growing-entry/growing-entry.js";
+export { parseToRgba, withAlpha, blend, interpolateColors, getLuminance } from "./internal/data-grid/color-parser.js";
+export { measureTextCached, getMiddleCenterBias, getEmHeight, roundedPoly, roundedRect, drawTextCellExternal as drawTextCell, } from "./internal/data-grid/render/data-grid-lib.js";
+export { CellSet } from "./internal/data-grid/cell-set.js";
+export { getDataEditorTheme as getDefaultTheme, useTheme } from "./common/styles.js";
+export { useColumnSizer } from "./data-editor/use-column-sizer.js";
+export { DataEditorAll as DataEditor } from "./data-editor-all.js";
+export { emptyGridSelection } from "./data-editor/data-editor.js";
+export { DataEditor as DataEditorCore } from "./data-editor/data-editor.js";
+export { booleanCellRenderer } from "./cells/boolean-cell.js";
+export { imageCellRenderer } from "./cells/image-cell.js";
+export { markdownCellRenderer } from "./cells/markdown-cell.js";
+export { numberCellRenderer } from "./cells/number-cell.js";
+export { textCellRenderer } from "./cells/text-cell.js";
+export { uriCellRenderer } from "./cells/uri-cell.js";
+export { drilldownCellRenderer } from "./cells/drilldown-cell.js";
+export { loadingCellRenderer } from "./cells/loading-cell.js";
+export { newRowCellRenderer } from "./cells/new-row-cell.js";
+export { markerCellRenderer } from "./cells/marker-cell.js";
+export { bubbleCellRenderer } from "./cells/bubble-cell.js";
+export { protectedCellRenderer } from "./cells/protected-cell.js";
+export { rowIDCellRenderer } from "./cells/row-id-cell.js";
+export { AllCellRenderers } from "./cells/index.js";
+export { sprites } from "./internal/data-grid/sprites.js";
+export { default as ImageWindowLoaderImpl } from "./common/image-window-loader.js";
+export * from "./data-editor/copy-paste.js";
+export { useRowGrouping } from "./data-editor/row-grouping-api.js";
+/**
+ * @category DataEditor
+ * @hidden
+ */
+export { DataEditorAll as default } from "./data-editor-all.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":"AASA,cAAc,yCAAyC,CAAC;AAsBxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACtH,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,WAAW,EACX,oBAAoB,IAAI,YAAY,GACvC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,kBAAkB,IAAI,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,OAAO,EAAE,aAAa,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAQnE;;;GAGG;AACH,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/cjs/internal/click-outside-container/click-outside-container.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+export default class ClickOutsideContainer extends React.PureComponent {
+    wrapperRef = React.createRef();
+    componentDidMount() {
+        const eventTarget = this.props.customEventTarget ?? document;
+        eventTarget.addEventListener("pointerdown", this.clickOutside, true);
+        eventTarget.addEventListener("contextmenu", this.clickOutside, true);
+    }
+    componentWillUnmount() {
+        const eventTarget = this.props.customEventTarget ?? document;
+        eventTarget.removeEventListener("pointerdown", this.clickOutside, true);
+        eventTarget.removeEventListener("contextmenu", this.clickOutside, true);
+    }
+    clickOutside = (event) => {
+        if (this.props.isOutsideClick && !this.props.isOutsideClick(event)) {
+            return;
+        }
+        if (this.wrapperRef.current !== null && !this.wrapperRef.current.contains(event.target)) {
+            let node = event.target;
+            while (node !== null) {
+                if (node.classList.contains("click-outside-ignore")) {
+                    return;
+                }
+                node = node.parentElement;
+            }
+            this.props.onClickOutside();
+        }
+    };
+    render() {
+        const { onClickOutside, isOutsideClick, customEventTarget, ...rest } = this.props;
+        return (React.createElement("div", { ...rest, ref: this.wrapperRef }, this.props.children));
+    }
+}
+//# sourceMappingURL=click-outside-container.js.map

package/dist/cjs/internal/click-outside-container/click-outside-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-outside-container.js","sourceRoot":"","sources":["../../../../src/internal/click-outside-container/click-outside-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,KAAK,CAAC,aAAoB;IACjE,UAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAEhD,iBAAiB;QACpB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,QAAQ,CAAC;QAC7D,WAAW,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACrE,WAAW,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACzE,CAAC;IAEM,oBAAoB;QACvB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,QAAQ,CAAC;QAC7D,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACxE,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC5E,CAAC;IAEO,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QACpC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAgC,CAAC,EAAE,CAAC;YAC5F,OAAO;QACX,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE,CAAC;YACrG,IAAI,IAAI,GAAG,KAAK,CAAC,MAAwB,CAAC;YAC1C,OAAO,IAAI,KAAK,IAAI,EAAE,CAAC;gBACnB,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC;oBAClD,OAAO;gBACX,CAAC;gBAED,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC;YAC9B,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEK,MAAM;QACT,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClF,OAAO,CACH,gCAAS,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,IAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClB,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/cjs/internal/data-editor-container/data-grid-container.js

@@ -0,0 +1,36 @@
+import { styled } from "@linaria/react";
+import * as React from "react";
+function toCss(x) {
+    if (typeof x === "string")
+        return x;
+    return `${x}px`;
+}
+const Wrapper = styled.div `
+    position: relative;
+
+    min-width: 10px;
+    min-height: 10px;
+    max-width: 100%;
+    max-height: 100%;
+
+    width: ${p => p.innerWidth};
+    height: ${p => p.innerHeight};
+
+    overflow: hidden;
+    overflow: clip;
+
+    direction: ltr;
+
+    > :first-child {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+    }
+`;
+export const DataEditorContainer = p => {
+    const { inWidth, inHeight, children, ...rest } = p;
+    return (React.createElement(Wrapper, { innerHeight: toCss(inHeight), innerWidth: toCss(inWidth), ...rest }, children));
+};
+//# sourceMappingURL=data-grid-container.js.map

package/dist/cjs/internal/data-editor-container/data-grid-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-container.js","sourceRoot":"","sources":["../../../../src/internal/data-editor-container/data-grid-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,SAAS,KAAK,CAAC,CAAkB;IAC7B,IAAI,OAAO,CAAC,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC;IACpC,OAAO,GAAG,CAAC,IAAI,CAAC;AACpB,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA6C;;;;;;;;aAQ1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;cAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;;;;;;;CAc/B,CAAC;AAIF,MAAM,CAAC,MAAM,mBAAmB,GAA4D,CAAC,CAAC,EAAE;IAC5F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;IACnD,OAAO,CACH,oBAAC,OAAO,IAAC,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,KAAM,IAAI,IACtE,QAAQ,CACH,CACb,CAAC;AACN,CAAC,CAAC"}

package/dist/cjs/internal/data-grid/animation-manager.js

@@ -0,0 +1,95 @@
+import clamp from "lodash/clamp.js";
+import { itemsAreEqual } from "./render/data-grid-lib.js";
+const hoverTime = 80;
+function easeOutCubic(x) {
+    const x1 = x - 1;
+    return x1 * x1 * x1 + 1;
+}
+export class AnimationManager {
+    callback;
+    constructor(callback) {
+        this.callback = callback;
+    }
+    currentHoveredItem = undefined;
+    leavingItems = [];
+    lastAnimationTime;
+    addToLeavingItems = (item) => {
+        const isAlreadyLeaving = this.leavingItems.some(i => itemsAreEqual(i.item, item.item));
+        if (isAlreadyLeaving) {
+            return;
+        }
+        this.leavingItems.push(item);
+    };
+    /**
+     * @returns the hover amount of the item, if it was leaving (0 if not).
+     */
+    removeFromLeavingItems = (item) => {
+        const leavingItem = this.leavingItems.find(e => itemsAreEqual(e.item, item));
+        this.leavingItems = this.leavingItems.filter(i => i !== leavingItem);
+        return leavingItem?.hoverAmount ?? 0;
+    };
+    cleanUpLeavingElements = () => {
+        this.leavingItems = this.leavingItems.filter(i => i.hoverAmount > 0);
+    };
+    shouldStep = () => {
+        const hasLeavingItems = this.leavingItems.length > 0;
+        const currentHoveredIsAnimating = this.currentHoveredItem !== undefined && this.currentHoveredItem.hoverAmount < 1;
+        return hasLeavingItems || currentHoveredIsAnimating;
+    };
+    getAnimatingItems = () => {
+        // this is horrible. We shoudl be mutating the array in place. The reason we don't right now is because the
+        // hoveramount is used as both the tweened value and the raw value. We should separate these two things.
+        // Then we can stop doing the allocation insanity dance.
+        if (this.currentHoveredItem !== undefined) {
+            return [...this.leavingItems, this.currentHoveredItem];
+        }
+        return this.leavingItems.map(x => ({ ...x, hoverAmount: easeOutCubic(x.hoverAmount) }));
+    };
+    step = (timestamp) => {
+        if (this.lastAnimationTime === undefined) {
+            this.lastAnimationTime = timestamp;
+        }
+        else {
+            const step = timestamp - this.lastAnimationTime;
+            const delta = step / hoverTime;
+            for (const item of this.leavingItems) {
+                item.hoverAmount = clamp(item.hoverAmount - delta, 0, 1);
+            }
+            if (this.currentHoveredItem !== undefined) {
+                this.currentHoveredItem.hoverAmount = clamp(this.currentHoveredItem.hoverAmount + delta, 0, 1);
+            }
+            const animating = this.getAnimatingItems();
+            this.callback(animating);
+            this.cleanUpLeavingElements();
+        }
+        if (this.shouldStep()) {
+            this.lastAnimationTime = timestamp;
+            window.requestAnimationFrame(this.step);
+        }
+        else {
+            this.lastAnimationTime = undefined;
+        }
+    };
+    setHovered = (item) => {
+        if (itemsAreEqual(this.currentHoveredItem?.item, item)) {
+            return;
+        }
+        if (this.currentHoveredItem !== undefined) {
+            this.addToLeavingItems(this.currentHoveredItem);
+        }
+        if (item !== undefined) {
+            const hoverAmount = this.removeFromLeavingItems(item);
+            this.currentHoveredItem = {
+                item,
+                hoverAmount,
+            };
+        }
+        else {
+            this.currentHoveredItem = undefined;
+        }
+        if (this.lastAnimationTime === undefined) {
+            window.requestAnimationFrame(this.step);
+        }
+    };
+}
+//# sourceMappingURL=animation-manager.js.map