@glideappsfinal/glide-data-grid 6.0.9

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { ImageOverlayEditorStyle } from "./image-overlay-editor-style.js";
+import { Carousel } from "react-responsive-carousel";
+import { EditPencil } from "../../../common/utils.js";
+/** @category Renderers */
+export const ImageOverlayEditor = p => {
+    const { urls, canWrite, onEditClick, renderImage } = p;
+    const filtered = urls.filter(u => u !== "");
+    if (filtered.length === 0) {
+        return null;
+    }
+    const allowMove = filtered.length > 1;
+    return (React.createElement(ImageOverlayEditorStyle, { "data-testid": "GDG-default-image-overlay-editor" },
+        React.createElement(Carousel, { showArrows: allowMove, showThumbs: false, swipeable: allowMove, emulateTouch: allowMove, infiniteLoop: allowMove }, filtered.map(url => {
+            const innerContent = renderImage?.(url) ?? React.createElement("img", { draggable: false, src: url });
+            return (React.createElement("div", { className: "gdg-centering-container", key: url }, innerContent));
+        })),
+        canWrite && onEditClick && (React.createElement("button", { className: "gdg-edit-icon", onClick: onEditClick },
+            React.createElement(EditPencil, null)))));
+};
+//# sourceMappingURL=image-overlay-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-overlay-editor.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/image-overlay-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAYtD,0BAA0B;AAC1B,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,CAAC,EAAE;IACpF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAE5C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACtC,OAAO,CACH,oBAAC,uBAAuB,mBAAa,kCAAkC;QACnE,oBAAC,QAAQ,IACL,UAAU,EAAE,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,SAAS,EACvB,YAAY,EAAE,SAAS,IACtB,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAChB,MAAM,YAAY,GAAG,WAAW,EAAE,CAAC,GAAG,CAAC,IAAI,6BAAK,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;YAC/E,OAAO,CACH,6BAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAE,GAAG,IAC5C,YAAY,CACX,CACT,CAAC;QACN,CAAC,CAAC,CACK;QACV,QAAQ,IAAI,WAAW,IAAI,CACxB,gCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,WAAW;YAClD,oBAAC,UAAU,OAAG,CACT,CACZ,CACqB,CAC7B,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,76 @@
+import { GrowingEntryStyle } from "../../growing-entry/growing-entry-style.js";
+import { styled } from "@linaria/react";
+export const MarkdownOverlayEditorStyle = styled.div `
+    min-width: ${p => p.targetWidth}px;
+    width: 100%;
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    position: relative;
+    color: var(--gdg-text-dark);
+
+    ${GrowingEntryStyle} {
+        flex-shrink: 1;
+        min-width: 0;
+    }
+
+    .gdg-spacer {
+        flex: 1;
+    }
+
+    .gdg-edit-icon {
+        position: relative;
+        cursor: pointer;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        color: var(--gdg-accent-color);
+
+        padding: 0;
+
+        height: 24px;
+        width: 24px;
+        flex-shrink: 0;
+
+        transition: all "0.125s ease";
+
+        border-radius: 6px;
+
+        > * {
+            width: 16px;
+            height: 16px;
+        }
+    }
+
+    .gdg-edit-hover {
+        :hover {
+            background-color: var(--gdg-accent-light);
+            transition: background-color 150ms;
+        }
+    }
+
+    .gdg-checkmark-hover {
+        :hover {
+            color: #ffffff;
+            background-color: var(--gdg-accent-color);
+        }
+    }
+
+    .gdg-md-edit-textarea {
+        position: relative;
+        top: 0px;
+        left: 0px;
+        width: 0px;
+        height: 0px;
+        margin-top: 25px;
+        opacity: 0;
+        padding: 0;
+    }
+
+    .gdg-ml-6 {
+        margin-left: 6px;
+    }
+`;
+//# sourceMappingURL=markdown-overlay-editor-style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-overlay-editor-style.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAMxC,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAO;iBAC1C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;MAQ7B,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+DtB,CAAC"}

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

@@ -0,0 +1,32 @@
+import * as React from "react";
+import MarkdownDiv from "../../markdown-div/markdown-div.js";
+import { GrowingEntry } from "../../growing-entry/growing-entry.js";
+import { MarkdownOverlayEditorStyle } from "./markdown-overlay-editor-style.js";
+import { EditPencil, Checkmark } from "../../../common/utils.js";
+export const MarkdownOverlayEditor = p => {
+    const { value, onChange, forceEditMode, createNode, targetRect, onFinish, validatedSelection } = p;
+    const markdown = value.data;
+    const readonly = value.readonly === true;
+    const [editMode, setEditMode] = React.useState(markdown === "" || forceEditMode);
+    const onEditClick = React.useCallback(() => {
+        setEditMode(e => !e);
+    }, []);
+    const addLeftPad = markdown ? "gdg-ml-6" : "";
+    if (editMode) {
+        return (React.createElement(MarkdownOverlayEditorStyle, { targetWidth: targetRect.width - 20 },
+            React.createElement(GrowingEntry, { autoFocus: true, highlight: false, validatedSelection: validatedSelection, value: markdown, onKeyDown: e => {
+                    if (e.key === "Enter")
+                        e.stopPropagation();
+                }, onChange: onChange }),
+            React.createElement("div", { className: `gdg-edit-icon gdg-checkmark-hover ${addLeftPad}`, onClick: () => onFinish(value) },
+                React.createElement(Checkmark, null))));
+    }
+    return (React.createElement(MarkdownOverlayEditorStyle, { targetWidth: targetRect.width },
+        React.createElement(MarkdownDiv, { contents: markdown, createNode: createNode }),
+        !readonly && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "spacer" }),
+            React.createElement("div", { className: `gdg-edit-icon gdg-edit-hover ${addLeftPad}`, onClick: onEditClick },
+                React.createElement(EditPencil, null)))),
+        React.createElement("textarea", { className: "gdg-md-edit-textarea gdg-input", autoFocus: true })));
+};
+//# sourceMappingURL=markdown-overlay-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-overlay-editor.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/markdown-overlay-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAejE,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,CAAC,EAAE;IACrE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,CAAC,CAAC;IAEnG,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IAEzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,QAAQ,KAAK,EAAE,IAAI,aAAa,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9C,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,CACH,oBAAC,0BAA0B,IAAC,WAAW,EAAE,UAAU,CAAC,KAAK,GAAG,EAAE;YAC1D,oBAAC,YAAY,IACT,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,KAAK,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBAAE,CAAC,CAAC,eAAe,EAAE,CAAC;gBAC/C,CAAC,EACD,QAAQ,EAAE,QAAQ,GACpB;YACF,6BAAK,SAAS,EAAE,qCAAqC,UAAU,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC7F,oBAAC,SAAS,OAAG,CACX,CACmB,CAChC,CAAC;IACN,CAAC;IACD,OAAO,CACH,oBAAC,0BAA0B,IAAC,WAAW,EAAE,UAAU,CAAC,KAAK;QACrD,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI;QAC1D,CAAC,QAAQ,IAAI,CACV;YACI,6BAAK,SAAS,EAAC,QAAQ,GAAG;YAC1B,6BAAK,SAAS,EAAE,gCAAgC,UAAU,EAAE,EAAE,OAAO,EAAE,WAAW;gBAC9E,oBAAC,UAAU,OAAG,CACZ,CACP,CACN;QACD,kCAAU,SAAS,EAAC,gCAAgC,EAAC,SAAS,EAAE,IAAI,GAAI,CAC/C,CAChC,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { styled } from "@linaria/react";
+export const NumberOverlayEditorStyle = styled.div `
+    display: flex;
+    margin: 6px 0 3px;
+    color: var(--gdg-text-dark);
+
+    > input {
+        font-size: var(--gdg-editor-font-size);
+        padding: 0;
+        font-family: var(--gdg-font-family);
+        color: var(--gdg-text-dark);
+        background-color: var(--gdg-bg-cell);
+    }
+`;
+//# sourceMappingURL=number-overlay-editor-style.js.map

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

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

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { NumberOverlayEditorStyle } from "./number-overlay-editor-style.js";
+import { NumericFormat } from "react-number-format";
+function getDecimalSeparator() {
+    const numberWithDecimalSeparator = 1.1;
+    const result = Intl.NumberFormat()
+        ?.formatToParts(numberWithDecimalSeparator)
+        ?.find(part => part.type === "decimal")?.value;
+    return result ?? ".";
+}
+function getThousandSeprator() {
+    return getDecimalSeparator() === "." ? "," : ".";
+}
+const NumberOverlayEditor = p => {
+    const { value, onChange, disabled, highlight, validatedSelection, fixedDecimals, allowNegative, thousandSeparator, decimalSeparator, } = p;
+    const inputRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        if (validatedSelection !== undefined) {
+            const range = typeof validatedSelection === "number" ? [validatedSelection, null] : validatedSelection;
+            inputRef.current?.setSelectionRange(range[0], range[1]);
+        }
+    }, [validatedSelection]);
+    return (React.createElement(NumberOverlayEditorStyle, null,
+        React.createElement(NumericFormat, { autoFocus: true, getInputRef: inputRef, className: "gdg-input", onFocus: (e) => e.target.setSelectionRange(highlight ? 0 : e.target.value.length, e.target.value.length), disabled: disabled === true, decimalScale: fixedDecimals, allowNegative: allowNegative, thousandSeparator: thousandSeparator ?? getThousandSeprator(), decimalSeparator: decimalSeparator ?? getDecimalSeparator(), value: Object.is(value, -0) ? "-" : value ?? "", 
+            // decimalScale={3}
+            // prefix={"$"}
+            onValueChange: onChange })));
+};
+export default NumberOverlayEditor;
+//# sourceMappingURL=number-overlay-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-overlay-editor.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/number-overlay-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAgBpD,SAAS,mBAAmB;IACxB,MAAM,0BAA0B,GAAG,GAAG,CAAC;IACvC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE;QAC9B,EAAE,aAAa,CAAC,0BAA0B,CAAC;QAC3C,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,EAAE,KAAK,CAAC;IAEnD,OAAO,MAAM,IAAI,GAAG,CAAC;AACzB,CAAC;AAED,SAAS,mBAAmB;IACxB,OAAO,mBAAmB,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACrD,CAAC;AAED,MAAM,mBAAmB,GAAmC,CAAC,CAAC,EAAE;IAC5D,MAAM,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,gBAAgB,GACnB,GAAG,CAAC,CAAC;IAEN,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE7D,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,OAAO,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACvG,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACH,oBAAC,wBAAwB;QACrB,oBAAC,aAAa,IACV,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,CAAC,CAAqC,EAAE,EAAE,CAC/C,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAE5F,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC3B,YAAY,EAAE,aAAa,EAC3B,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,EAC7D,gBAAgB,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,EAC3D,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YAC/C,mBAAmB;YACnB,eAAe;YACf,aAAa,EAAE,QAAQ,GACzB,CACqB,CAC9B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,53 @@
+import { styled } from "@linaria/react";
+export const UriOverlayEditorStyle = styled.div `
+    display: flex;
+
+    flex-grow: 1;
+
+    align-items: center;
+
+    min-height: 21px;
+
+    .gdg-link-area {
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        cursor: pointer;
+
+        margin-right: 8px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+        color: var(--gdg-link-color);
+        text-decoration: underline !important;
+    }
+
+    .gdg-edit-icon {
+        flex-shrink: 0;
+        width: 32px;
+        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=uri-overlay-editor-style.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { EditPencil } from "../../../common/utils.js";
+import * as React from "react";
+import { GrowingEntry } from "../../growing-entry/growing-entry.js";
+import { UriOverlayEditorStyle } from "./uri-overlay-editor-style.js";
+const UriOverlayEditor = p => {
+    const { uri, onChange, forceEditMode, readonly, validatedSelection, preview } = p;
+    const [editMode, setEditMode] = React.useState(!readonly && (uri === "" || forceEditMode));
+    const onEditClick = React.useCallback(() => {
+        setEditMode(true);
+    }, []);
+    if (editMode) {
+        return (React.createElement(GrowingEntry, { validatedSelection: validatedSelection, highlight: true, autoFocus: true, value: uri, onChange: onChange }));
+    }
+    return (React.createElement(UriOverlayEditorStyle, null,
+        React.createElement("a", { className: "gdg-link-area", href: uri, target: "_blank", rel: "noopener noreferrer" }, preview),
+        !readonly && (React.createElement("div", { className: "gdg-edit-icon", onClick: onEditClick },
+            React.createElement(EditPencil, null))),
+        React.createElement("textarea", { className: "gdg-input", autoFocus: true })));
+};
+export default UriOverlayEditor;
+//# sourceMappingURL=uri-overlay-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uri-overlay-editor.js","sourceRoot":"","sources":["../../../../../src/internal/data-grid-overlay-editor/private/uri-overlay-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAYtE,MAAM,gBAAgB,GAAmC,CAAC,CAAC,EAAE;IACzD,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAElF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,CAAC,QAAQ,IAAI,CAAC,GAAG,KAAK,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC;IAEpG,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,CACH,oBAAC,YAAY,IACT,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,oBAAC,qBAAqB;QAClB,2BAAG,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,IAC5E,OAAO,CACR;QACH,CAAC,QAAQ,IAAI,CACV,6BAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,WAAW;YAC/C,oBAAC,UAAU,OAAG,CACZ,CACT;QACD,kCAAU,SAAS,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,GAAI,CAC/B,CAC3B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/internal/data-grid-overlay-editor/use-stay-on-screen.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+function useRefState() {
+    const [refState, setRefState] = React.useState();
+    return [refState ?? undefined, setRefState];
+}
+export function useStayOnScreen() {
+    const [ref, setRef] = useRefState();
+    const [xOffset, setXOffset] = React.useState(0);
+    const [isIntersecting, setIsIntersecting] = React.useState(true);
+    React.useLayoutEffect(() => {
+        if (ref === undefined)
+            return;
+        if (!("IntersectionObserver" in window))
+            return;
+        const observer = new IntersectionObserver(ents => {
+            if (ents.length === 0)
+                return;
+            setIsIntersecting(ents[0].isIntersecting);
+        }, { threshold: 1 });
+        observer.observe(ref);
+        return () => observer.disconnect();
+    }, [ref]);
+    React.useEffect(() => {
+        if (isIntersecting || ref === undefined)
+            return;
+        let rafHandle;
+        const fn = () => {
+            const { right: refRight } = ref.getBoundingClientRect();
+            setXOffset(cv => Math.min(cv + window.innerWidth - refRight - 10, 0));
+            rafHandle = requestAnimationFrame(fn);
+        };
+        rafHandle = requestAnimationFrame(fn);
+        return () => {
+            if (rafHandle !== undefined) {
+                cancelAnimationFrame(rafHandle);
+            }
+        };
+    }, [ref, isIntersecting]);
+    const style = React.useMemo(() => {
+        return { transform: `translateX(${xOffset}px)` };
+    }, [xOffset]);
+    return {
+        ref: setRef,
+        style,
+    };
+}
+//# sourceMappingURL=use-stay-on-screen.js.map

package/dist/esm/internal/data-grid-overlay-editor/use-stay-on-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stay-on-screen.js","sourceRoot":"","sources":["../../../../src/internal/data-grid-overlay-editor/use-stay-on-screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,WAAW;IAChB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAsB,CAAC;IACrE,OAAO,CAAC,QAAQ,IAAI,SAAS,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC;AAOD,MAAM,UAAU,eAAe;IAC3B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,WAAW,EAAE,CAAC;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjE,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,IAAI,GAAG,KAAK,SAAS;YAAE,OAAO;QAC9B,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC;YAAE,OAAO;QAEhD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACrC,IAAI,CAAC,EAAE;YACH,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAC9B,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;QAC9C,CAAC,EACD,EAAE,SAAS,EAAE,CAAC,EAAE,CACnB,CAAC;QACF,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,cAAc,IAAI,GAAG,KAAK,SAAS;YAAE,OAAO;QAEhD,IAAI,SAA6B,CAAC;QAClC,MAAM,EAAE,GAAG,GAAG,EAAE;YACZ,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YAExD,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACtE,SAAS,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEF,SAAS,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;QACtC,OAAO,GAAG,EAAE;YACR,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;gBAC1B,oBAAoB,CAAC,SAAS,CAAC,CAAC;YACpC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,EAAE,SAAS,EAAE,cAAc,OAAO,KAAK,EAAE,CAAC;IACrD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO;QACH,GAAG,EAAE,MAAM;QACX,KAAK;KACR,CAAC;AACN,CAAC"}

package/dist/esm/internal/data-grid-search/data-grid-search-style.js

@@ -0,0 +1,96 @@
+import { styled } from "@linaria/react";
+export const SearchWrapper = styled.div `
+    position: absolute;
+    top: 4px;
+    right: 20px;
+
+    background-color: var(--gdg-bg-cell);
+    color: var(--gdg-text-dark);
+
+    padding: 8px;
+    border: 1px solid var(--gdg-border-color);
+    border-radius: 6px;
+
+    font-size: var(--gdg-editor-font-size);
+
+    &.out {
+        animation: gdg-search-fadeout 0.15s forwards;
+    }
+    animation: gdg-search-fadein 0.15s forwards;
+
+    .gdg-search-bar-inner {
+        display: flex;
+    }
+
+    .gdg-search-status {
+        padding-top: 4px;
+        font-size: 11px;
+    }
+
+    .gdg-search-progress {
+        position: absolute;
+        height: 4px;
+        left: 0;
+        bottom: 0;
+
+        background-color: var(--gdg-text-light);
+    }
+
+    input {
+        width: 220px;
+        color: var(--gdg-text-dark);
+        background-color: var(--gdg-bg-cell);
+        border: none;
+        border-width: 0;
+        outline: none;
+    }
+
+    button {
+        width: 24px;
+        height: 24px;
+        padding: 0;
+
+        border: none;
+        outline: none;
+        background: none;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        color: var(--gdg-text-medium);
+
+        &:hover {
+            color: var(--gdg-text-dark);
+        }
+
+        .button-icon {
+            width: 16px;
+            height: 16px;
+        }
+
+        &:disabled {
+            opacity: 0.4;
+            pointer-events: none;
+        }
+    }
+
+    @keyframes gdg-search-fadeout {
+        from {
+            transform: translateX(0);
+        }
+        to {
+            transform: translateX(400px);
+        }
+    }
+
+    @keyframes gdg-search-fadein {
+        from {
+            transform: translateX(400px);
+        }
+        to {
+            transform: translateX(0);
+        }
+    }
+`;
+//# sourceMappingURL=data-grid-search-style.js.map

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

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