@glideappsfinal/glide-data-grid 6.0.9

package/dist/esm/internal/data-grid-dnd/data-grid-dnd.js

@@ -0,0 +1,239 @@
+/* eslint-disable unicorn/consistent-destructuring */
+import clamp from "lodash/clamp.js";
+import * as React from "react";
+import DataGrid, {} from "../data-grid/data-grid.js";
+// Dear Past Jason,
+// Wtf does this function do? If you remember in the future come back and add a comment
+// -- Future-Past Jason
+function offsetColumnSize(column, width, min, max) {
+    return clamp(Math.round(width - (column.growOffset ?? 0)), Math.ceil(min), Math.floor(max));
+}
+const DataGridDnd = p => {
+    const [resizeColStartX, setResizeColStartX] = React.useState();
+    const [resizeCol, setResizeCol] = React.useState();
+    const [dragCol, setDragCol] = React.useState();
+    const [dropCol, setDropCol] = React.useState();
+    const [dragColActive, setDragColActive] = React.useState(false);
+    const [dragStartX, setDragStartX] = React.useState();
+    const [dragRow, setDragRow] = React.useState();
+    const [dropRow, setDropRow] = React.useState();
+    const [dragRowActive, setDragRowActive] = React.useState(false);
+    const [dragStartY, setDragStartY] = React.useState();
+    const { onHeaderMenuClick, onHeaderIndicatorClick, getCellContent, onColumnMoved, onColumnResize, onColumnResizeStart, onColumnResizeEnd, gridRef, maxColumnWidth, minColumnWidth, onRowMoved, lockColumns, onColumnProposeMove, onMouseDown, onMouseUp, onItemHovered, onDragStart, canvasRef, setScrollDir } = p;
+    const canResize = (onColumnResize ?? onColumnResizeEnd ?? onColumnResizeStart) !== undefined;
+    const { columns, selection } = p;
+    const selectedColumns = selection.columns;
+    const onItemHoveredImpl = React.useCallback((args) => {
+        const [col, row] = args.location;
+        if (dragCol !== undefined && dropCol !== col && col >= lockColumns) {
+            setDragColActive(true);
+            setDropCol(col);
+        }
+        else if (dragRow !== undefined && row !== undefined) {
+            setDragRowActive(true);
+            setDropRow(Math.max(0, row));
+            setScrollDir(args.scrollEdge);
+            // Don't emit onItemHovered if resizing or reordering a column or row.
+        }
+        else if (resizeCol === undefined && !dragColActive && !dragRowActive) {
+            onItemHovered?.(args);
+        }
+    }, [dragCol, dragRow, dropCol, onItemHovered, lockColumns, resizeCol, dragColActive, dragRowActive, setScrollDir]);
+    const canDragCol = onColumnMoved !== undefined;
+    const onMouseDownImpl = React.useCallback((args) => {
+        if (args.button === 0) {
+            const [col, row] = args.location;
+            if (args.kind === "out-of-bounds" && args.isEdge && canResize) {
+                const bounds = gridRef?.current?.getBounds(columns.length - 1, -1);
+                if (bounds !== undefined) {
+                    setResizeColStartX(bounds.x);
+                    setResizeCol(columns.length - 1);
+                }
+            }
+            else if (args.kind === "header" && col >= lockColumns) {
+                const canvas = canvasRef?.current;
+                if (args.isEdge && canResize && canvas) {
+                    setResizeColStartX(args.bounds.x);
+                    setResizeCol(col);
+                    const rect = canvas.getBoundingClientRect();
+                    const scale = rect.width / canvas.offsetWidth;
+                    const width = args.bounds.width / scale;
+                    onColumnResizeStart?.(columns[col], width, col, width + (columns[col].growOffset ?? 0));
+                }
+                else if (args.kind === "header" && canDragCol) {
+                    setDragStartX(args.bounds.x);
+                    setDragCol(col);
+                }
+            }
+            else if (args.kind === "cell" &&
+                lockColumns > 0 &&
+                col === 0 &&
+                row !== undefined &&
+                onRowMoved !== undefined) {
+                setDragStartY(args.bounds.y);
+                setDragRow(row);
+            }
+        }
+        onMouseDown?.(args);
+    }, [onMouseDown, canResize, lockColumns, onRowMoved, gridRef, columns, canDragCol, onColumnResizeStart, canvasRef]);
+    const onHeaderMenuClickMangled = React.useCallback((col, screenPosition) => {
+        if (dragColActive || dragRowActive)
+            return;
+        onHeaderMenuClick?.(col, screenPosition);
+    }, [dragColActive, dragRowActive, onHeaderMenuClick]);
+    const onHeaderIndicatorClickMangled = React.useCallback((col, screenPosition) => {
+        if (dragColActive || dragRowActive)
+            return;
+        onHeaderIndicatorClick?.(col, screenPosition);
+    }, [dragColActive, dragRowActive, onHeaderIndicatorClick]);
+    const lastResizeWidthRef = React.useRef(-1);
+    const clearAll = React.useCallback(() => {
+        lastResizeWidthRef.current = -1;
+        setDragRow(undefined);
+        setDropRow(undefined);
+        setDragStartY(undefined);
+        setDragRowActive(false);
+        setDragCol(undefined);
+        setDropCol(undefined);
+        setDragStartX(undefined);
+        setDragColActive(false);
+        setResizeCol(undefined);
+        setResizeColStartX(undefined);
+    }, []);
+    const onMouseUpImpl = React.useCallback((args, isOutside) => {
+        if (args.button === 0) {
+            if (resizeCol !== undefined) {
+                // if the column is in selection, the selection may contain extra cols, so lets just re-send the last
+                // resize event to all those columns.
+                if (selectedColumns?.hasIndex(resizeCol) === true) {
+                    for (const c of selectedColumns) {
+                        if (c === resizeCol)
+                            continue;
+                        const col = columns[c];
+                        const newSize = offsetColumnSize(col, lastResizeWidthRef.current, minColumnWidth, maxColumnWidth);
+                        onColumnResize?.(col, newSize, c, newSize + (col.growOffset ?? 0));
+                    }
+                }
+                const ns = offsetColumnSize(columns[resizeCol], lastResizeWidthRef.current, minColumnWidth, maxColumnWidth);
+                onColumnResizeEnd?.(columns[resizeCol], ns, resizeCol, ns + (columns[resizeCol].growOffset ?? 0));
+                if (selectedColumns.hasIndex(resizeCol)) {
+                    for (const c of selectedColumns) {
+                        if (c === resizeCol)
+                            continue;
+                        const col = columns[c];
+                        const s = offsetColumnSize(col, lastResizeWidthRef.current, minColumnWidth, maxColumnWidth);
+                        onColumnResizeEnd?.(col, s, c, s + (col.growOffset ?? 0));
+                    }
+                }
+            }
+            clearAll();
+            if (dragCol !== undefined && dropCol !== undefined && onColumnProposeMove?.(dragCol, dropCol) !== false) {
+                onColumnMoved?.(dragCol, dropCol);
+            }
+            if (dragRow !== undefined && dropRow !== undefined) {
+                onRowMoved?.(dragRow, dropRow);
+            }
+        }
+        onMouseUp?.(args, isOutside);
+    }, [
+        onMouseUp,
+        resizeCol,
+        dragCol,
+        dropCol,
+        dragRow,
+        dropRow,
+        selectedColumns,
+        onColumnResizeEnd,
+        columns,
+        minColumnWidth,
+        maxColumnWidth,
+        onColumnResize,
+        onColumnMoved,
+        onRowMoved,
+        clearAll,
+        onColumnProposeMove,
+    ]);
+    const dragOffset = React.useMemo(() => {
+        if (dragCol === undefined || dropCol === undefined)
+            return undefined;
+        if (dragCol === dropCol)
+            return undefined;
+        if (onColumnProposeMove?.(dragCol, dropCol) === false)
+            return undefined;
+        return {
+            src: dragCol,
+            dest: dropCol,
+        };
+    }, [dragCol, dropCol, onColumnProposeMove]);
+    const onMouseMove = React.useCallback((event) => {
+        const canvas = canvasRef?.current;
+        if (dragCol !== undefined && dragStartX !== undefined) {
+            const diff = Math.abs(event.clientX - dragStartX);
+            if (diff > 20) {
+                setDragColActive(true);
+            }
+        }
+        else if (dragRow !== undefined && dragStartY !== undefined) {
+            const diff = Math.abs(event.clientY - dragStartY);
+            if (diff > 20) {
+                setDragRowActive(true);
+            }
+        }
+        else if (resizeCol !== undefined && resizeColStartX !== undefined && canvas) {
+            const rect = canvas.getBoundingClientRect();
+            const scale = rect.width / canvas.offsetWidth;
+            const newWidth = (event.clientX - resizeColStartX) / scale;
+            const column = columns[resizeCol];
+            const ns = offsetColumnSize(column, newWidth, minColumnWidth, maxColumnWidth);
+            onColumnResize?.(column, ns, resizeCol, ns + (column.growOffset ?? 0));
+            lastResizeWidthRef.current = newWidth;
+            if (selectedColumns?.first() === resizeCol) {
+                for (const c of selectedColumns) {
+                    if (c === resizeCol)
+                        continue;
+                    const col = columns[c];
+                    const s = offsetColumnSize(col, lastResizeWidthRef.current, minColumnWidth, maxColumnWidth);
+                    onColumnResize?.(col, s, c, s + (col.growOffset ?? 0));
+                }
+            }
+        }
+    }, [
+        dragCol,
+        dragStartX,
+        dragRow,
+        dragStartY,
+        resizeCol,
+        resizeColStartX,
+        columns,
+        minColumnWidth,
+        maxColumnWidth,
+        onColumnResize,
+        selectedColumns,
+        canvasRef,
+    ]);
+    const getMangledCellContent = React.useCallback((cell, forceStrict) => {
+        if (dragRow === undefined || dropRow === undefined)
+            return getCellContent(cell, forceStrict);
+        // eslint-disable-next-line prefer-const
+        let [col, row] = cell;
+        if (row === dropRow) {
+            row = dragRow;
+        }
+        else {
+            if (row > dropRow)
+                row -= 1;
+            if (row >= dragRow)
+                row += 1;
+        }
+        return getCellContent([col, row], forceStrict);
+    }, [dragRow, dropRow, getCellContent]);
+    const onDragStartImpl = React.useCallback(args => {
+        onDragStart?.(args);
+        if (!args.defaultPrevented()) {
+            clearAll();
+        }
+    }, [clearAll, onDragStart]);
+    return (React.createElement(DataGrid, { accessibilityHeight: p.accessibilityHeight, canvasRef: p.canvasRef, cellXOffset: p.cellXOffset, cellYOffset: p.cellYOffset, columns: p.columns, disabledRows: p.disabledRows, drawFocusRing: p.drawFocusRing, drawHeader: p.drawHeader, drawGroupHeader: p.drawGroupHeader, drawCell: p.drawCell, enableGroups: p.enableGroups, eventTargetRef: p.eventTargetRef, experimental: p.experimental, fillHandle: p.fillHandle, firstColAccessible: p.firstColAccessible, fixedShadowX: p.fixedShadowX, fixedShadowY: p.fixedShadowY, freezeColumns: p.freezeColumns, getCellRenderer: p.getCellRenderer, getGroupDetails: p.getGroupDetails, getRowThemeOverride: p.getRowThemeOverride, groupHeaderHeight: p.groupHeaderHeight, headerHeight: p.headerHeight, headerIcons: p.headerIcons, height: p.height, highlightRegions: p.highlightRegions, imageWindowLoader: p.imageWindowLoader, resizeColumn: resizeCol, isDraggable: p.isDraggable, isFilling: p.isFilling, isFocused: p.isFocused, onCanvasBlur: p.onCanvasBlur, onCanvasFocused: p.onCanvasFocused, onCellFocused: p.onCellFocused, onContextMenu: p.onContextMenu, onDragEnd: p.onDragEnd, onDragLeave: p.onDragLeave, onDragOverCell: p.onDragOverCell, onDrop: p.onDrop, onKeyDown: p.onKeyDown, onKeyUp: p.onKeyUp, onMouseMove: p.onMouseMove, prelightCells: p.prelightCells, rowHeight: p.rowHeight, rows: p.rows, selection: p.selection, smoothScrollX: p.smoothScrollX, smoothScrollY: p.smoothScrollY, theme: p.theme, freezeTrailingRows: p.freezeTrailingRows, hasAppendRow: p.hasAppendRow, translateX: p.translateX, translateY: p.translateY, resizeIndicator: p.resizeIndicator, verticalBorder: p.verticalBorder, width: p.width, getCellContent: getMangledCellContent, isResizing: resizeCol !== undefined, onHeaderMenuClick: onHeaderMenuClickMangled, onHeaderIndicatorClick: onHeaderIndicatorClickMangled, isDragging: dragColActive, onItemHovered: onItemHoveredImpl, onDragStart: onDragStartImpl, onMouseDown: onMouseDownImpl, allowResize: canResize, onMouseUp: onMouseUpImpl, dragAndDropState: dragOffset, onMouseMoveRaw: onMouseMove, ref: gridRef }));
+};
+export default DataGridDnd;
+//# sourceMappingURL=data-grid-dnd.js.map

package/dist/esm/internal/data-grid-dnd/data-grid-dnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-dnd.js","sourceRoot":"","sources":["../../../../src/internal/data-grid-dnd/data-grid-dnd.tsx"],"names":[],"mappings":"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"}

package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js

@@ -0,0 +1,77 @@
+import { styled } from "@linaria/react";
+export const DataGridOverlayEditorStyle = styled.div `
+    position: absolute;
+
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    box-sizing: border-box;
+
+    --overlay-top: ${p => p.targetY}px;
+
+    left: ${p => p.targetX}px;
+    top: ${p => p.targetY}px;
+    min-width: ${p => p.targetWidth}px;
+    min-height: ${p => p.targetHeight}px;
+    width: max-content;
+    max-width: 400px;
+    max-height: calc(100vh - ${p => p.targetY + 10}px);
+
+    font-family: var(--gdg-font-family);
+    font-size: var(--gdg-editor-font-size);
+
+    @keyframes glide_fade_in {
+        from {
+            opacity: 0%;
+        }
+
+        to {
+            opacity: 100%;
+        }
+    }
+
+    &.gdg-style {
+        border-radius: 2px;
+        background-color: var(--gdg-bg-cell);
+
+        box-shadow:
+            0 0 0 1px var(--gdg-accent-color),
+            0px 0px 1px rgba(62, 65, 86, 0.4),
+            0px 6px 12px rgba(62, 65, 86, 0.15);
+
+        animation: glide_fade_in 60ms 1;
+    }
+
+    &.gdg-pad {
+        padding: ${p => Math.max(0, (p.targetHeight - 28) / 2)}px 8.5px 3px;
+    }
+
+    .gdg-clip-region {
+        display: flex;
+        flex-direction: column;
+        overflow-y: auto;
+        overflow-x: hidden;
+        border-radius: 2px;
+        flex-grow: 1;
+
+        .gdg-growing-entry {
+            height: 100%;
+        }
+
+        & input.gdg-input {
+            width: 100%;
+            border: none;
+            border-width: 0;
+            outline: none;
+        }
+
+        & textarea.gdg-input {
+            border: none;
+            border-width: 0;
+            outline: none;
+        }
+    }
+
+    text-align: start;
+`;
+//# sourceMappingURL=data-grid-overlay-editor-style.js.map

package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-overlay-editor-style.js","sourceRoot":"","sources":["../../../../src/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAO;;;;;;;;qBAQtC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;YAEvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;WACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;iBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;kBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;;+BAGN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4B/B,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B7D,CAAC"}

package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor.js

@@ -0,0 +1,124 @@
+import * as React from "react";
+import { createPortal } from "react-dom";
+import ClickOutsideContainer from "../click-outside-container/click-outside-container.js";
+import { makeCSSStyle, ThemeContext } from "../../common/styles.js";
+import { isEditableGridCell, isInnerOnlyCell, isObjectEditorCallbackResult, } from "../data-grid/data-grid-types.js";
+import { DataGridOverlayEditorStyle } from "./data-grid-overlay-editor-style.js";
+import { useStayOnScreen } from "./use-stay-on-screen.js";
+const DataGridOverlayEditor = p => {
+    const { target, content, onFinishEditing: onFinishEditingIn, forceEditMode, initialValue, imageEditorOverride, markdownDivCreateNode, highlight, className, theme, id, cell, bloom, portalElementRef, validateCell, getCellRenderer, provideEditor, isOutsideClick, customEventTarget, activation, } = p;
+    const [tempValue, setTempValueRaw] = React.useState(forceEditMode ? content : undefined);
+    const lastValueRef = React.useRef(tempValue ?? content);
+    lastValueRef.current = tempValue ?? content;
+    const [isValid, setIsValid] = React.useState(() => {
+        if (validateCell === undefined)
+            return true;
+        return !(isEditableGridCell(content) && validateCell?.(cell, content, lastValueRef.current) === false);
+    });
+    const onFinishEditing = React.useCallback((newCell, movement) => {
+        onFinishEditingIn(isValid ? newCell : undefined, movement);
+    }, [isValid, onFinishEditingIn]);
+    const setTempValue = React.useCallback((newVal) => {
+        if (validateCell !== undefined && newVal !== undefined && isEditableGridCell(newVal)) {
+            const validResult = validateCell(cell, newVal, lastValueRef.current);
+            if (validResult === false) {
+                setIsValid(false);
+            }
+            else if (typeof validResult === "object") {
+                newVal = validResult;
+                setIsValid(true);
+            }
+            else {
+                setIsValid(true);
+            }
+        }
+        setTempValueRaw(newVal);
+    }, [cell, validateCell]);
+    const finished = React.useRef(false);
+    const customMotion = React.useRef(undefined);
+    const onClickOutside = React.useCallback(() => {
+        onFinishEditing(tempValue, [0, 0]);
+        finished.current = true;
+    }, [tempValue, onFinishEditing]);
+    const onEditorFinished = React.useCallback((newValue, movement) => {
+        onFinishEditing(newValue, movement ?? customMotion.current ?? [0, 0]);
+        finished.current = true;
+    }, [onFinishEditing]);
+    const onKeyDown = React.useCallback(async (event) => {
+        let save = false;
+        if (event.key === "Escape") {
+            event.stopPropagation();
+            event.preventDefault();
+            customMotion.current = [0, 0];
+        }
+        else if (event.key === "Enter" &&
+            // The shift key is reserved for multi-line editing
+            // to allow inserting new lines without closing the editor.
+            !event.shiftKey) {
+            event.stopPropagation();
+            event.preventDefault();
+            customMotion.current = [0, 1];
+            save = true;
+        }
+        else if (event.key === "Tab") {
+            event.stopPropagation();
+            event.preventDefault();
+            customMotion.current = [event.shiftKey ? -1 : 1, 0];
+            save = true;
+        }
+        window.setTimeout(() => {
+            if (!finished.current && customMotion.current !== undefined) {
+                onFinishEditing(save ? tempValue : undefined, customMotion.current);
+                finished.current = true;
+            }
+        }, 0);
+    }, [onFinishEditing, tempValue]);
+    const targetValue = tempValue ?? content;
+    const [editorProvider, useLabel] = React.useMemo(() => {
+        if (isInnerOnlyCell(content))
+            return [];
+        const cellWithLocation = { ...content, location: cell, activation };
+        const external = provideEditor?.(cellWithLocation);
+        if (external !== undefined)
+            return [external, false];
+        return [getCellRenderer(content)?.provideEditor?.(cellWithLocation), false];
+    }, [cell, content, getCellRenderer, provideEditor, activation]);
+    const { ref, style: stayOnScreenStyle } = useStayOnScreen();
+    let pad = true;
+    let editor;
+    let style = true;
+    let styleOverride;
+    if (editorProvider !== undefined) {
+        pad = editorProvider.disablePadding !== true;
+        style = editorProvider.disableStyling !== true;
+        const isObjectEditor = isObjectEditorCallbackResult(editorProvider);
+        if (isObjectEditor) {
+            styleOverride = editorProvider.styleOverride;
+        }
+        const CustomEditor = isObjectEditor ? editorProvider.editor : editorProvider;
+        editor = (React.createElement(CustomEditor, { portalElementRef: portalElementRef, isHighlighted: highlight, activation: activation, onChange: setTempValue, value: targetValue, initialValue: initialValue, onFinishedEditing: onEditorFinished, validatedSelection: isEditableGridCell(targetValue) ? targetValue.selectionRange : undefined, forceEditMode: forceEditMode, target: target, imageEditorOverride: imageEditorOverride, markdownDivCreateNode: markdownDivCreateNode, isValid: isValid, theme: theme }));
+    }
+    styleOverride = { ...styleOverride, ...stayOnScreenStyle };
+    // Consider imperatively creating and adding the element to the dom?
+    const portalElement = portalElementRef?.current ?? document.getElementById("portal");
+    if (portalElement === null) {
+        // eslint-disable-next-line no-console
+        console.error('Cannot open Data Grid overlay editor, because portal not found. Please, either provide a portalElementRef or add `<div id="portal" />` as the last child of your `<body>`.');
+        return null;
+    }
+    let classWrap = style ? "gdg-style" : "gdg-unstyle";
+    if (!isValid) {
+        classWrap += " gdg-invalid";
+    }
+    if (pad) {
+        classWrap += " gdg-pad";
+    }
+    const bloomX = bloom?.[0] ?? 1;
+    const bloomY = bloom?.[1] ?? 1;
+    return createPortal(React.createElement(ThemeContext.Provider, { value: theme },
+        React.createElement(ClickOutsideContainer, { style: makeCSSStyle(theme), className: className, onClickOutside: onClickOutside, isOutsideClick: isOutsideClick, customEventTarget: customEventTarget },
+            React.createElement(DataGridOverlayEditorStyle, { ref: ref, id: id, className: classWrap, style: styleOverride, as: useLabel === true ? "label" : undefined, targetX: target.x - bloomX, targetY: target.y - bloomY, targetWidth: target.width + bloomX * 2, targetHeight: target.height + bloomY * 2 },
+                React.createElement("div", { className: "gdg-clip-region", onKeyDown: onKeyDown }, editor)))), portalElement);
+};
+export default DataGridOverlayEditor;
+//# sourceMappingURL=data-grid-overlay-editor.js.map

package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor.js.map

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

package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js

@@ -0,0 +1,34 @@
+import { styled } from "@linaria/react";
+export const BubblesOverlayEditorStyle = styled.div `
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: auto;
+    margin-bottom: auto;
+    overflow: auto;
+
+    .boe-bubble {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        border-radius: var(--gdg-rounding-radius, calc(var(--gdg-bubble-height) / 2));
+
+        padding: 0 var(--gdg-bubble-padding);
+        height: var(--gdg-bubble-height);
+        background-color: var(--gdg-bg-bubble);
+        color: var(--gdg-text-dark);
+        margin: var(--gdg-bubble-margin);
+        white-space: nowrap;
+    }
+
+    textarea {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 0px;
+        height: 0px;
+
+        opacity: 0;
+    }
+`;
+//# sourceMappingURL=bubbles-overlay-editor-style.js.map

package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbles-overlay-editor-style.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlD,CAAC"}

package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { BubblesOverlayEditorStyle } from "./bubbles-overlay-editor-style.js";
+const BubblesOverlayEditor = p => {
+    const { bubbles } = p;
+    return (React.createElement(BubblesOverlayEditorStyle, null,
+        bubbles.map((b, i) => (React.createElement("div", { key: i, className: "boe-bubble" }, b))),
+        React.createElement("textarea", { className: "gdg-input", autoFocus: true })));
+};
+export default BubblesOverlayEditor;
+//# sourceMappingURL=bubbles-overlay-editor.js.map

package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbles-overlay-editor.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAM9E,MAAM,oBAAoB,GAAmC,CAAC,CAAC,EAAE;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IACtB,OAAO,CACH,oBAAC,yBAAyB;QACrB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,IAC9B,CAAC,CACA,CACT,CAAC;QACF,kCAAU,SAAS,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,GAAI,CAC3B,CAC/B,CAAC;AACN,CAAC,CAAC;AACF,eAAe,oBAAoB,CAAC"}

package/dist/esm/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { styled } from "@linaria/react";
+const DrilldownOverlayEditorStyle = styled.div `
+    display: flex;
+    flex-wrap: wrap;
+
+    .doe-bubble {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        padding: 0 8px;
+        height: 24px;
+
+        background-color: var(--gdg-bg-cell);
+        color: var(--gdg-text-dark);
+        margin: 2px;
+
+        border-radius: var(--gdg-rounding-radius, 6px);
+
+        box-shadow:
+            0 0 1px rgba(62, 65, 86, 0.4),
+            0 1px 3px rgba(62, 65, 86, 0.4);
+
+        img {
+            height: 16px;
+            object-fit: contain;
+
+            margin-right: 4px;
+        }
+    }
+
+    textarea {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 0px;
+        height: 0px;
+
+        opacity: 0;
+    }
+`;
+const DrilldownOverlayEditor = p => {
+    const { drilldowns } = p;
+    return (React.createElement(DrilldownOverlayEditorStyle, null, drilldowns.map((d, i) => (React.createElement("div", { key: i, className: "doe-bubble" },
+        d.img !== undefined && React.createElement("img", { src: d.img }),
+        React.createElement("div", null, d.text))))));
+};
+export default DrilldownOverlayEditor;
+//# sourceMappingURL=drilldown-overlay-editor.js.map

package/dist/esm/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drilldown-overlay-editor.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC7C,CAAC;AAMF,MAAM,sBAAsB,GAAmC,CAAC,CAAC,EAAE;IAC/D,MAAM,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACzB,OAAO,CACH,oBAAC,2BAA2B,QACvB,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY;QAC9B,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,6BAAK,GAAG,EAAE,CAAC,CAAC,GAAG,GAAI;QAC3C,iCAAM,CAAC,CAAC,IAAI,CAAO,CACjB,CACT,CAAC,CACwB,CACjC,CAAC;AACN,CAAC,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js

@@ -0,0 +1,56 @@
+import { styled } from "@linaria/react";
+export const ImageOverlayEditorStyle = styled.div `
+    display: flex;
+
+    height: 100%;
+
+    .gdg-centering-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        height: 100%;
+
+        img,
+        canvas {
+            max-height: calc(100vh - var(--overlay-top) - 20px);
+            object-fit: contain;
+            user-select: none;
+        }
+
+        canvas {
+            max-width: 380px;
+        }
+    }
+
+    .gdg-edit-icon {
+        position: absolute;
+        top: 12px;
+        right: 0;
+        width: 48px;
+        height: 48px;
+        color: var(--gdg-accent-color);
+
+        cursor: pointer;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        > * {
+            width: 24px;
+            height: 24px;
+        }
+    }
+
+    textarea {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 0px;
+        height: 0px;
+
+        opacity: 0;
+    }
+`;
+//# sourceMappingURL=image-overlay-editor-style.js.map

package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-overlay-editor-style.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/image-overlay-editor-style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDhD,CAAC"}