@marimo-team/frontend 0.24.1-dev79 → 0.24.1-dev80

package/src/plugins/impl/data-editor/glide-data-editor.tsx

@@ -14,13 +14,7 @@ import DataEditor, {
   type Rectangle,
 } from "@glideapps/glide-data-grid";
 import { CopyIcon, TrashIcon } from "lucide-react";
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import useEvent from "react-use-event-hook";
 import type { FieldTypes } from "@/components/data-table/types";
 import {
@@ -34,59 +28,39 @@ import { copyToClipboard } from "@/utils/copy";
 import {
   getColumnHeaderIcon,
   getColumnKind,
-  isColumnEdit,
-  isPositionalEdit,
-  isRowEdit,
+  isValidCellValue,
   pasteCells,
 } from "./glide-utils";
 import { getGlideTheme } from "./themes";
-import { BulkEdit, type Edits, type ModifiedGridColumn } from "./types";
 import "@glideapps/glide-data-grid/dist/index.css"; // TODO: We are reimporting this
 import { ErrorBoundary } from "@/components/editor/boundary/ErrorBoundary";
 import { Button } from "@/components/ui/button";
 import { toast } from "@/components/ui/use-toast";
 import type { DataType } from "@/core/kernel/messages";
-import { useNonce } from "@/hooks/useNonce";
 import { logNever } from "@/utils/assertNever";
 import { Events } from "@/utils/events";
 import { AddColumnSub, RenameColumnSub } from "./components";
-import {
-  insertColumn,
-  modifyColumnFields,
-  removeColumn,
-  renameColumn,
-} from "./data-utils";
 import { GlideDataEditorPortal } from "./glide-portal";
-
-interface GlideDataEditorProps<T> {
-  data: T[];
-  setData: (data: T[] | ((prev: T[]) => T[])) => void;
+import {
+  BulkEdit,
+  type EditorRow,
+  type Edits,
+  type ModifiedGridColumn,
+} from "./types";
+
+interface GlideDataEditorProps {
+  data: EditorRow[];
   columnFields: FieldTypes;
-  setColumnFields: React.Dispatch<React.SetStateAction<FieldTypes>>;
   editableColumns: string[] | "all";
-  edits: Edits["edits"];
   onAddEdits: (edits: Edits["edits"]) => void;
-  onAddRows: (newRows: object[]) => void;
-  onDeleteRows: (rows: number[]) => void;
-  onRenameColumn: (columnIdx: number, newName: string) => void;
-  onDeleteColumn: (columnIdx: number) => void;
-  onAddColumn: (columnIdx: number, newName: string) => void;
 }
 
-export const GlideDataEditor = <T,>({
+export const GlideDataEditor = ({
   data,
-  setData,
   columnFields,
-  setColumnFields,
   editableColumns,
-  edits,
   onAddEdits,
-  onAddRows,
-  onDeleteRows,
-  onRenameColumn,
-  onDeleteColumn,
-  onAddColumn,
-}: GlideDataEditorProps<T>) => {
+}: GlideDataEditorProps) => {
   const { theme } = useTheme();
   const dataEditorRef = useRef<DataEditorRef>(null);
   const portalElementRef = useRef<HTMLDivElement>(null);
@@ -99,8 +73,6 @@ export const GlideDataEditor = <T,>({
   });
 
   const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});
-  const rerender = useNonce();
-  const hasAppliedEdits = useRef(false);
 
   const columns: ModifiedGridColumn[] = useMemo(() => {
     const columns: ModifiedGridColumn[] = [];
@@ -130,114 +102,12 @@ export const GlideDataEditor = <T,>({
     return columns;
   }, [columnFields, columnWidths, editableColumns, theme]);
 
-  // Apply initial edits after data has loaded
-  useEffect(() => {
-    // Don't apply if already applied or data hasn't loaded yet
-    if (hasAppliedEdits.current || data.length === 0) {
-      return;
-    }
-
-    // Mark as applied once data loads - prevents re-applying user edits
-    hasAppliedEdits.current = true;
-
-    // No initial edits to apply
-    if (edits.length === 0) {
-      return;
-    }
-
-    // Group edits by row index to build new rows
-    const newRows = new Map<number, Record<string, unknown>>();
-
-    for (const edit of edits) {
-      if (isPositionalEdit(edit)) {
-        if (edit.rowIdx >= data.length) {
-          // This is a new row
-          if (!newRows.has(edit.rowIdx)) {
-            newRows.set(edit.rowIdx, {});
-          }
-          const row = newRows.get(edit.rowIdx);
-          if (row) {
-            row[edit.columnId] = edit.value;
-          }
-        } else {
-          // This is an existing row, update the data
-          setData((prev) => {
-            const newData = [...prev];
-            newData[edit.rowIdx][edit.columnId as keyof T] =
-              edit.value as T[keyof T];
-            return newData;
-          });
-        }
-      } else if (isRowEdit(edit) && edit.type === BulkEdit.Remove) {
-        // Add rows is currently handled under positional edits, so we only cover deletes here
-        setData((prev) => prev.filter((_, i) => i !== edit.rowIdx));
-      } else if (isColumnEdit(edit)) {
-        switch (edit.type) {
-          case BulkEdit.Remove:
-            // Remove the column from the data
-            setData((prev) => removeColumn(prev, edit.columnIdx));
-            setColumnFields((prev) =>
-              modifyColumnFields({
-                columnFields: prev,
-                columnIdx: edit.columnIdx,
-                type: "remove",
-              }),
-            );
-            break;
-          case BulkEdit.Insert:
-            setColumnFields((prev) =>
-              modifyColumnFields({
-                columnFields: prev,
-                columnIdx: edit.columnIdx,
-                type: "insert",
-                newColumnName: edit.newName,
-              }),
-            );
-            setData((prev) => insertColumn(prev, edit.newName));
-            break;
-          case BulkEdit.Rename: {
-            const oldName = columns[edit.columnIdx].title;
-            const newName = edit.newName;
-            if (!oldName || !newName) {
-              return;
-            }
-
-            setColumnFields((prev) =>
-              modifyColumnFields({
-                columnFields: prev,
-                columnIdx: edit.columnIdx,
-                type: "rename",
-                newColumnName: newName,
-              }),
-            );
-
-            setData((prev) => renameColumn(prev, oldName, newName));
-            break;
-          }
-        }
-      }
-    }
-
-    // Add new rows in order
-    const sortedNewRows = [...newRows.entries()]
-      .toSorted(([a], [b]) => a - b)
-      .map(([, row]) => row);
-
-    if (sortedNewRows.length > 0) {
-      setData((prev) => [...prev, ...(sortedNewRows as T[])]);
-    }
-
-    // Force re-render to update the total rows
-    rerender();
-    // oxlint-disable-next-line react-hooks/exhaustive-deps
-  }, [data.length]);
-
   const getCellContent = useCallback(
     (cell: Item): GridCell => {
       const [col, row] = cell;
       const dataRow = data[row];
 
-      const dataItem = dataRow[columns[col].title as keyof T];
+      const dataItem = dataRow[columns[col].title];
       const columnKind = columns[col].kind;
       const editable =
         editableColumns === "all" ||
@@ -289,15 +159,9 @@ export const GlideDataEditor = <T,>({
         newData = null;
       }
 
-      setData((prev) => {
-        const data = [...prev];
-        data[row][key as keyof T] = newData as T[keyof T];
-        return data;
-      });
-
       onAddEdits([{ rowIdx: row, columnId: key, value: newData }]);
     },
-    [columns, onAddEdits, setData],
+    [columns, onAddEdits],
   );
 
   const onColumnResize = useCallback((column: GridColumn, newSize: number) => {
@@ -314,22 +178,7 @@ export const GlideDataEditor = <T,>({
       const key = columns[col].title;
 
       const columnType = columnFields.get(key);
-      // Verify the new value is of the correct type
-      switch (columnType) {
-        case "number":
-        case "integer":
-          if (Number.isNaN(Number(newValue.data))) {
-            return false;
-          }
-          break;
-        case "boolean":
-          if (typeof newValue.data !== "boolean") {
-            return false;
-          }
-          break;
-      }
-
-      return true;
+      return isValidCellValue(columnType, newValue.data);
     },
     [columnFields, columns],
   );
@@ -351,7 +200,6 @@ export const GlideDataEditor = <T,>({
         pasteCells({
           selection,
           data,
-          setData,
           columns,
           editableColumns,
           onAddEdits,
@@ -371,11 +219,11 @@ export const GlideDataEditor = <T,>({
         return;
       }
     },
-    [columns, data, editableColumns, onAddEdits, selection, setData],
+    [columns, data, editableColumns, onAddEdits, selection],
   );
 
   const onRowAppend = useCallback(() => {
-    const newRow: Record<string, unknown> = Object.fromEntries(
+    const newRow: EditorRow = Object.fromEntries(
       columns.map((column) => {
         const dataType = column.dataType;
         switch (dataType) {
@@ -399,22 +247,23 @@ export const GlideDataEditor = <T,>({
         }
       }),
     );
-    onAddRows([newRow]);
-
-    // Update data
-    setData((prev) => [...prev, newRow as T]);
-  }, [columns, onAddRows, setData]);
+    onAddEdits(
+      Object.entries(newRow).map(([columnId, value]) => ({
+        rowIdx: data.length,
+        columnId,
+        value,
+      })),
+    );
+  }, [columns, data.length, onAddEdits]);
 
   const handleDeleteRows = () => {
     const rows = selection.rows.toArray();
-    onDeleteRows(rows);
-
-    let index = 0;
-    for (const row of rows) {
-      const adjustedRow = row - index; // Adjust for previously deleted rows
-      setData((prev) => prev.filter((_, i) => i !== adjustedRow));
-      index++;
-    }
+    onAddEdits(
+      rows.map((rowIdx, index) => ({
+        rowIdx: rowIdx - index,
+        type: BulkEdit.Remove,
+      })),
+    );
 
     // Clear selection
     setSelection({
@@ -445,45 +294,20 @@ export const GlideDataEditor = <T,>({
 
   const handleRenameColumn = (newName: string) => {
     if (menu) {
-      const oldColumnName = columns[menu.col].title;
-
       // Validate the new column name
       if (columnFields.has(newName)) {
         toastColumnExists(newName);
         return;
       }
 
-      const dataType = columns[menu.col].dataType;
-
-      onRenameColumn(menu.col, newName);
-      setColumnFields((prev) =>
-        modifyColumnFields({
-          columnFields: prev,
-          columnIdx: menu.col,
-          type: "rename",
-          dataType,
-          newColumnName: newName,
-        }),
-      );
-
-      // Update the data
-      setData((prev) => renameColumn(prev, oldColumnName, newName));
+      onAddEdits([{ columnIdx: menu.col, newName, type: BulkEdit.Rename }]);
       setMenu(undefined);
     }
   };
 
   const handleDeleteColumn = () => {
     if (menu) {
-      onDeleteColumn(menu.col);
-      setColumnFields((prev) =>
-        modifyColumnFields({
-          columnFields: prev,
-          columnIdx: menu.col,
-          type: "remove",
-        }),
-      );
-
-      setData((prev) => removeColumn(prev, menu.col));
+      onAddEdits([{ columnIdx: menu.col, type: BulkEdit.Remove }]);
       setMenu(undefined);
     }
   };
@@ -506,21 +330,14 @@ export const GlideDataEditor = <T,>({
         return;
       }
 
-      onAddColumn(clampedColumnIdx, columnName);
-
-      setColumnFields((prev) =>
-        modifyColumnFields({
-          columnFields: prev,
+      onAddEdits([
+        {
           columnIdx: clampedColumnIdx,
-          type: "insert",
+          newName: columnName,
           dataType,
-          newColumnName: columnName,
-        }),
-      );
-
-      // Update the data - add the new column to all rows,
-      // ordering does not matter as we call getCellContent based on columnTitle
-      setData((prev) => insertColumn(prev, columnName));
+          type: BulkEdit.Insert,
+        },
+      ]);
       setMenu(undefined);
     }
   };

package/src/plugins/impl/data-editor/glide-utils.ts

@@ -10,10 +10,11 @@ import { logNever } from "@/utils/assertNever";
 import { Logger } from "@/utils/Logger";
 import type {
   ColumnEdit,
+  EditorRow,
   Edits,
   ModifiedGridColumn,
   PositionalEdit,
-  RowEdit,
+  RemoveRowEdit,
 } from "./types";
 
 export function getColumnKind(fieldType: DataType): GridCellKind {
@@ -24,7 +25,15 @@ export function getColumnKind(fieldType: DataType): GridCellKind {
       return GridCellKind.Number;
     case "boolean":
       return GridCellKind.Boolean;
+    case "integer":
+    case "date":
+    case "datetime":
+    case "time":
+    case "geometry":
+    case "unknown":
+      return GridCellKind.Text;
     default:
+      logNever(fieldType);
       return GridCellKind.Text;
   }
 }
@@ -52,13 +61,48 @@ export function getColumnHeaderIcon(fieldType: DataType): GridColumnIcon {
   }
 }
 
+export function isValidCellValue(
+  dataType: DataType | undefined,
+  value: unknown,
+): boolean {
+  switch (dataType) {
+    case "number":
+      return Number.isFinite(Number(value));
+    case "integer":
+      if (typeof value === "bigint") {
+        return true;
+      }
+      if (typeof value === "number") {
+        return Number.isFinite(value) && Number.isInteger(value);
+      }
+      if (typeof value === "string") {
+        const normalized = value.trim();
+        return /^[+-]?[0-9]+(?:\.0+)?$/u.test(normalized);
+      }
+      return false;
+    case "boolean":
+      return typeof value === "boolean";
+    case undefined:
+    case "string":
+    case "date":
+    case "datetime":
+    case "time":
+    case "geometry":
+    case "unknown":
+      return true;
+    default:
+      logNever(dataType);
+      return false;
+  }
+}
+
 export function isPositionalEdit(
   edit: Edits["edits"][number],
 ): edit is PositionalEdit {
   return "rowIdx" in edit && "columnId" in edit && "value" in edit;
 }
 
-export function isRowEdit(edit: Edits["edits"][number]): edit is RowEdit {
+export function isRowEdit(edit: Edits["edits"][number]): edit is RemoveRowEdit {
   return "rowIdx" in edit && "type" in edit;
 }
 
@@ -66,16 +110,14 @@ export function isColumnEdit(edit: Edits["edits"][number]): edit is ColumnEdit {
   return "columnIdx" in edit && "type" in edit;
 }
 
-export function pasteCells<T>(options: {
+export function pasteCells(options: {
   selection: GridSelection;
-  data: T[];
-  setData: (updater: (prev: T[]) => T[]) => void;
+  data: EditorRow[];
   columns: ModifiedGridColumn[];
   editableColumns: string[] | "all";
   onAddEdits: (edits: Edits["edits"]) => void;
 }) {
-  const { selection, data, setData, onAddEdits, columns, editableColumns } =
-    options;
+  const { selection, data, onAddEdits, columns, editableColumns } = options;
   if (!selection.current) {
     return;
   }
@@ -126,7 +168,7 @@ export function pasteCells<T>(options: {
           const targetColIdx = startCol + colIndex;
 
           // Check if we've exceeded the column bounds
-          if (!columns || targetColIdx >= columns.length) {
+          if (targetColIdx >= columns.length) {
             break;
           }
 
@@ -143,10 +185,19 @@ export function pasteCells<T>(options: {
           let convertedValue: unknown = cellValue;
 
           switch (columnType) {
-            case "integer":
+            case "integer": {
+              const numValue = Number(cellValue);
+              if (!isValidCellValue(columnType, cellValue)) {
+                continue;
+              }
+              convertedValue = Number.isSafeInteger(numValue)
+                ? numValue
+                : cellValue.trim();
+              break;
+            }
             case "number": {
               const numValue = Number(cellValue);
-              if (Number.isNaN(numValue)) {
+              if (!isValidCellValue(columnType, numValue)) {
                 continue;
               }
               convertedValue = numValue;
@@ -157,6 +208,16 @@ export function pasteCells<T>(options: {
               convertedValue = boolValue === "true" || boolValue === "1";
               break;
             }
+            case "string":
+            case "date":
+            case "datetime":
+            case "time":
+            case "geometry":
+            case "unknown":
+              break;
+            default:
+              logNever(columnType);
+              continue;
           }
 
           // Get the column ID from the columns array using the title
@@ -172,27 +233,6 @@ export function pasteCells<T>(options: {
 
       if (edits.length > 0) {
         onAddEdits(edits);
-
-        setData((prev: T[]) => {
-          const newData = [...prev];
-
-          // Apply all edits to the data
-          for (const edit of edits) {
-            if (isPositionalEdit(edit)) {
-              const rowIdx = edit.rowIdx;
-              const columnId = edit.columnId;
-
-              if (rowIdx < newData.length) {
-                const row = newData[rowIdx] as Record<string, unknown>;
-                if (columnId in row) {
-                  row[columnId] = edit.value;
-                }
-              }
-            }
-          }
-
-          return newData;
-        });
       }
     })
     .catch((error) => {

package/src/plugins/impl/data-editor/types.ts

@@ -1,9 +1,16 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import type { GridCellKind, GridColumn } from "@glideapps/glide-data-grid";
-import type { FieldTypesWithExternalType } from "@/components/data-table/types";
+import type { FieldTypes } from "@/components/data-table/types";
 import type { DataType } from "@/core/kernel/messages";
 
+export type EditorRow = Record<string, unknown>;
+
+export interface EditorState {
+  data: EditorRow[];
+  columnFields: FieldTypes;
+}
+
 export interface PositionalEdit {
   rowIdx: number;
   columnId: string;
@@ -16,31 +23,38 @@ export const BulkEdit = {
   Rename: "rename",
 } as const;
 
-type BulkEdit = (typeof BulkEdit)[keyof typeof BulkEdit];
-
-export interface RowEdit {
+export interface RemoveRowEdit {
   rowIdx: number;
-  type: BulkEdit;
+  type: typeof BulkEdit.Remove;
+}
+
+export interface RemoveColumnEdit {
+  columnIdx: number;
+  type: typeof BulkEdit.Remove;
 }
 
-export interface ColumnEdit {
+export interface RenameColumnEdit {
   columnIdx: number;
-  newName?: string;
-  type: BulkEdit;
+  newName: string;
+  type: typeof BulkEdit.Rename;
 }
 
+export interface InsertColumnEdit {
+  columnIdx: number;
+  newName: string;
+  type: typeof BulkEdit.Insert;
+  dataType?: DataType;
+}
+
+export type ColumnEdit = RemoveColumnEdit | RenameColumnEdit | InsertColumnEdit;
+
+export type Edit = PositionalEdit | RemoveRowEdit | ColumnEdit;
+
 export interface Edits {
-  edits: (PositionalEdit | RowEdit | ColumnEdit)[];
+  edits: Edit[];
 }
 
 export type ModifiedGridColumn = GridColumn & {
   kind: GridCellKind;
   dataType: DataType;
 };
-
-export interface DataEditorProps<T> {
-  data: T[];
-  fieldTypes: FieldTypesWithExternalType | null | undefined;
-  onAddEdits: (edits: Edits["edits"]) => void;
-  onAddRows: (newRows: object[]) => void;
-}

package/dist/assets/click-outside-container-n76g8dsY.js

@@ -1 +0,0 @@
-import{a as e,t}from"./rolldown-runtime-B0Z9INg1.js";import{t as n}from"./react-CBDbhulC.js";var r=t(((e,t)=>{var n=Object.prototype.hasOwnProperty;function r(e,t){return e!=null&&n.call(e,t)}t.exports=r})),i=t(((e,t)=>{t.exports=Array.isArray})),a=t(((e,t)=>{t.exports=typeof global==`object`&&global&&global.Object===Object&&global})),o=t(((e,t)=>{var n=a(),r=typeof self==`object`&&self&&self.Object===Object&&self;t.exports=n||r||Function(`return this`)()})),s=t(((e,t)=>{t.exports=o().Symbol})),c=t(((e,t)=>{var n=s(),r=Object.prototype,i=r.hasOwnProperty,a=r.toString,o=n?n.toStringTag:void 0;function c(e){var t=i.call(e,o),n=e[o];try{e[o]=void 0;var r=!0}catch{}var s=a.call(e);return r&&(t?e[o]=n:delete e[o]),s}t.exports=c})),l=t(((e,t)=>{var n=Object.prototype.toString;function r(e){return n.call(e)}t.exports=r})),u=t(((e,t)=>{var n=s(),r=c(),i=l(),a=`[object Null]`,o=`[object Undefined]`,u=n?n.toStringTag:void 0;function d(e){return e==null?e===void 0?o:a:u&&u in Object(e)?r(e):i(e)}t.exports=d})),d=t(((e,t)=>{function n(e){return typeof e==`object`&&!!e}t.exports=n})),f=t(((e,t)=>{var n=u(),r=d(),i=`[object Symbol]`;function a(e){return typeof e==`symbol`||r(e)&&n(e)==i}t.exports=a})),p=t(((e,t)=>{var n=i(),r=f(),a=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,o=/^\w*$/;function s(e,t){if(n(e))return!1;var i=typeof e;return i==`number`||i==`symbol`||i==`boolean`||e==null||r(e)?!0:o.test(e)||!a.test(e)||t!=null&&e in Object(t)}t.exports=s})),m=t(((e,t)=>{function n(e){var t=typeof e;return e!=null&&(t==`object`||t==`function`)}t.exports=n})),h=t(((e,t)=>{var n=u(),r=m(),i=`[object AsyncFunction]`,a=`[object Function]`,o=`[object GeneratorFunction]`,s=`[object Proxy]`;function c(e){if(!r(e))return!1;var t=n(e);return t==a||t==o||t==i||t==s}t.exports=c})),ee=t(((e,t)=>{t.exports=o()[`__core-js_shared__`]})),te=t(((e,t)=>{var n=ee(),r=function(){var e=/[^.]+$/.exec(n&&n.keys&&n.keys.IE_PROTO||``);return e?`Symbol(src)_1.`+e:``}();function i(e){return!!r&&r in e}t.exports=i})),g=t(((e,t)=>{var n=Function.prototype.toString;function r(e){if(e!=null){try{return n.call(e)}catch{}try{return e+``}catch{}}return``}t.exports=r})),_=t(((e,t)=>{var n=h(),r=te(),i=m(),a=g(),o=/[\\^$.*+?()[\]{}|]/g,s=/^\[object .+?Constructor\]$/,c=Function.prototype,l=Object.prototype,u=c.toString,d=l.hasOwnProperty,f=RegExp(`^`+u.call(d).replace(o,`\\$&`).replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,`$1.*?`)+`$`);function p(e){return!i(e)||r(e)?!1:(n(e)?f:s).test(a(e))}t.exports=p})),v=t(((e,t)=>{function n(e,t){return e?.[t]}t.exports=n})),y=t(((e,t)=>{var n=_(),r=v();function i(e,t){var i=r(e,t);return n(i)?i:void 0}t.exports=i})),b=t(((e,t)=>{t.exports=y()(Object,`create`)})),ne=t(((e,t)=>{var n=b();function r(){this.__data__=n?n(null):{},this.size=0}t.exports=r})),re=t(((e,t)=>{function n(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=+!!t,t}t.exports=n})),ie=t(((e,t)=>{var n=b(),r=`__lodash_hash_undefined__`,i=Object.prototype.hasOwnProperty;function a(e){var t=this.__data__;if(n){var a=t[e];return a===r?void 0:a}return i.call(t,e)?t[e]:void 0}t.exports=a})),ae=t(((e,t)=>{var n=b(),r=Object.prototype.hasOwnProperty;function i(e){var t=this.__data__;return n?t[e]!==void 0:r.call(t,e)}t.exports=i})),oe=t(((e,t)=>{var n=b(),r=`__lodash_hash_undefined__`;function i(e,t){var i=this.__data__;return this.size+=+!this.has(e),i[e]=n&&t===void 0?r:t,this}t.exports=i})),se=t(((e,t)=>{var n=ne(),r=re(),i=ie(),a=ae(),o=oe();function s(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}s.prototype.clear=n,s.prototype.delete=r,s.prototype.get=i,s.prototype.has=a,s.prototype.set=o,t.exports=s})),ce=t(((e,t)=>{function n(){this.__data__=[],this.size=0}t.exports=n})),x=t(((e,t)=>{function n(e,t){return e===t||e!==e&&t!==t}t.exports=n})),S=t(((e,t)=>{var n=x();function r(e,t){for(var r=e.length;r--;)if(n(e[r][0],t))return r;return-1}t.exports=r})),le=t(((e,t)=>{var n=S(),r=Array.prototype.splice;function i(e){var t=this.__data__,i=n(t,e);return i<0?!1:(i==t.length-1?t.pop():r.call(t,i,1),--this.size,!0)}t.exports=i})),ue=t(((e,t)=>{var n=S();function r(e){var t=this.__data__,r=n(t,e);return r<0?void 0:t[r][1]}t.exports=r})),de=t(((e,t)=>{var n=S();function r(e){return n(this.__data__,e)>-1}t.exports=r})),C=t(((e,t)=>{var n=S();function r(e,t){var r=this.__data__,i=n(r,e);return i<0?(++this.size,r.push([e,t])):r[i][1]=t,this}t.exports=r})),w=t(((e,t)=>{var n=ce(),r=le(),i=ue(),a=de(),o=C();function s(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}s.prototype.clear=n,s.prototype.delete=r,s.prototype.get=i,s.prototype.has=a,s.prototype.set=o,t.exports=s})),T=t(((e,t)=>{t.exports=y()(o(),`Map`)})),fe=t(((e,t)=>{var n=se(),r=w(),i=T();function a(){this.size=0,this.__data__={hash:new n,map:new(i||r),string:new n}}t.exports=a})),pe=t(((e,t)=>{function n(e){var t=typeof e;return t==`string`||t==`number`||t==`symbol`||t==`boolean`?e!==`__proto__`:e===null}t.exports=n})),E=t(((e,t)=>{var n=pe();function r(e,t){var r=e.__data__;return n(t)?r[typeof t==`string`?`string`:`hash`]:r.map}t.exports=r})),me=t(((e,t)=>{var n=E();function r(e){var t=n(this,e).delete(e);return this.size-=+!!t,t}t.exports=r})),he=t(((e,t)=>{var n=E();function r(e){return n(this,e).get(e)}t.exports=r})),ge=t(((e,t)=>{var n=E();function r(e){return n(this,e).has(e)}t.exports=r})),_e=t(((e,t)=>{var n=E();function r(e,t){var r=n(this,e),i=r.size;return r.set(e,t),this.size+=r.size==i?0:1,this}t.exports=r})),D=t(((e,t)=>{var n=fe(),r=me(),i=he(),a=ge(),o=_e();function s(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}s.prototype.clear=n,s.prototype.delete=r,s.prototype.get=i,s.prototype.has=a,s.prototype.set=o,t.exports=s})),ve=t(((e,t)=>{var n=D(),r=`Expected a function`;function i(e,t){if(typeof e!=`function`||t!=null&&typeof t!=`function`)throw TypeError(r);var a=function(){var n=arguments,r=t?t.apply(this,n):n[0],i=a.cache;if(i.has(r))return i.get(r);var o=e.apply(this,n);return a.cache=i.set(r,o)||i,o};return a.cache=new(i.Cache||n),a}i.Cache=n,t.exports=i})),ye=t(((e,t)=>{var n=ve(),r=500;function i(e){var t=n(e,function(e){return i.size===r&&i.clear(),e}),i=t.cache;return t}t.exports=i})),be=t(((e,t)=>{var n=ye(),r=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,i=/\\(\\)?/g;t.exports=n(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(``),e.replace(r,function(e,n,r,a){t.push(r?a.replace(i,`$1`):n||e)}),t})})),xe=t(((e,t)=>{function n(e,t){for(var n=-1,r=e==null?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i}t.exports=n})),O=t(((e,t)=>{var n=s(),r=xe(),a=i(),o=f(),c=1/0,l=n?n.prototype:void 0,u=l?l.toString:void 0;function d(e){if(typeof e==`string`)return e;if(a(e))return r(e,d)+``;if(o(e))return u?u.call(e):``;var t=e+``;return t==`0`&&1/e==-c?`-0`:t}t.exports=d})),k=t(((e,t)=>{var n=O();function r(e){return e==null?``:n(e)}t.exports=r})),A=t(((e,t)=>{var n=i(),r=p(),a=be(),o=k();function s(e,t){return n(e)?e:r(e,t)?[e]:a(o(e))}t.exports=s})),j=t(((e,t)=>{var n=u(),r=d(),i=`[object Arguments]`;function a(e){return r(e)&&n(e)==i}t.exports=a})),M=t(((e,t)=>{var n=j(),r=d(),i=Object.prototype,a=i.hasOwnProperty,o=i.propertyIsEnumerable;t.exports=n(function(){return arguments}())?n:function(e){return r(e)&&a.call(e,`callee`)&&!o.call(e,`callee`)}})),N=t(((e,t)=>{var n=/^(?:0|[1-9]\d*)$/;function r(e,t){var r=typeof e;return t??=9007199254740991,!!t&&(r==`number`||r!=`symbol`&&n.test(e))&&e>-1&&e%1==0&&e<t}t.exports=r})),P=t(((e,t)=>{function n(e){return typeof e==`number`&&e>-1&&e%1==0&&e<=9007199254740991}t.exports=n})),F=t(((e,t)=>{var n=f(),r=1/0;function i(e){if(typeof e==`string`||n(e))return e;var t=e+``;return t==`0`&&1/e==-r?`-0`:t}t.exports=i})),I=t(((e,t)=>{var n=A(),r=M(),a=i(),o=N(),s=P(),c=F();function l(e,t,i){t=n(t,e);for(var l=-1,u=t.length,d=!1;++l<u;){var f=c(t[l]);if(!(d=e!=null&&i(e,f)))break;e=e[f]}return d||++l!=u?d:(u=e==null?0:e.length,!!u&&s(u)&&o(f,u)&&(a(e)||r(e)))}t.exports=l})),Se=e(t(((e,t)=>{var n=r(),i=I();function a(e,t){return e!=null&&i(e,t,n)}t.exports=a}))(),1);function L(e=`This should not happen`){throw Error(e)}function Ce(e,t=`Assertion failed`){if(!e)return L(t)}function R(e,t){return L(t??`Hell froze over`)}function we(e,t){try{return e()}catch{return t}}var z=Object.prototype.hasOwnProperty;function B(e,t){let n,r;if(e===t)return!0;if(e&&t&&(n=e.constructor)===t.constructor){if(n===Date)return e.getTime()===t.getTime();if(n===RegExp)return e.toString()===t.toString();if(n===Array){if((r=e.length)===t.length)for(;r--&&B(e[r],t[r]););return r===-1}if(!n||typeof e==`object`){for(n in r=0,e)if(z.call(e,n)&&++r&&!z.call(t,n)||!(n in t)||!B(e[n],t[n]))return!1;return Object.keys(t).length===r}}return e!==e&&t!==t}var V;(function(e){e.Uri=`uri`,e.Text=`text`,e.Image=`image`,e.RowID=`row-id`,e.Number=`number`,e.Bubble=`bubble`,e.Boolean=`boolean`,e.Loading=`loading`,e.Markdown=`markdown`,e.Drilldown=`drilldown`,e.Protected=`protected`,e.Custom=`custom`})(V||={});var H;(function(e){e.HeaderRowID=`headerRowID`,e.HeaderCode=`headerCode`,e.HeaderNumber=`headerNumber`,e.HeaderString=`headerString`,e.HeaderBoolean=`headerBoolean`,e.HeaderAudioUri=`headerAudioUri`,e.HeaderVideoUri=`headerVideoUri`,e.HeaderEmoji=`headerEmoji`,e.HeaderImage=`headerImage`,e.HeaderUri=`headerUri`,e.HeaderPhone=`headerPhone`,e.HeaderMarkdown=`headerMarkdown`,e.HeaderDate=`headerDate`,e.HeaderTime=`headerTime`,e.HeaderEmail=`headerEmail`,e.HeaderReference=`headerReference`,e.HeaderIfThenElse=`headerIfThenElse`,e.HeaderSingleValue=`headerSingleValue`,e.HeaderLookup=`headerLookup`,e.HeaderTextTemplate=`headerTextTemplate`,e.HeaderMath=`headerMath`,e.HeaderRollup=`headerRollup`,e.HeaderJoinStrings=`headerJoinStrings`,e.HeaderSplitString=`headerSplitString`,e.HeaderGeoDistance=`headerGeoDistance`,e.HeaderArray=`headerArray`,e.RowOwnerOverlay=`rowOwnerOverlay`,e.ProtectedColumnOverlay=`protectedColumnOverlay`})(H||={});var U;(function(e){e.Triangle=`triangle`,e.Dots=`dots`})(U||={});function Te(e){return`width`in e&&typeof e.width==`number`}async function Ee(e){return typeof e==`object`?e:await e()}function W(e){return e.kind!==V.Loading&&e.kind!==V.Bubble&&e.kind!==V.RowID&&e.kind!==V.Protected&&e.kind!==V.Drilldown}function De(e){return e.kind===G.Marker||e.kind===G.NewRow}function Oe(e){if(!W(e)||e.kind===V.Image)return!1;switch(e.kind){case V.Text:case V.Number:case V.Markdown:case V.Uri:case V.Custom:case V.Boolean:return e.readonly!==!0;default:R(e,`A cell was passed with an invalid kind`)}}function ke(e){return(0,Se.default)(e,`editor`)}function Ae(e){return!(e.readonly??!1)}var G;(function(e){e.NewRow=`new-row`,e.Marker=`marker`})(G||={});var je={shape:`square`,size:4,offsetX:-2,offsetY:-2,outline:0};function K(e){if(e.length===0)return[];let t=[...e],n=[];t.sort(function(e,t){return e[0]-t[0]}),n.push([...t[0]]);for(let e of t.slice(1)){let t=n[n.length-1];t[1]<e[0]?n.push([...e]):t[1]<e[1]&&(t[1]=e[1])}return n}var Me,Ne=class e{items;constructor(e){this.items=e}static create=t=>new e(K(t));static empty=()=>Me??=new e([]);static fromSingleSelection=t=>e.empty().add(t);static fromArray=t=>{if(t.length===0)return e.empty();let n=K(t.map(e=>[e,e+1]));return new e(n)};offset(t){if(t===0)return this;let n=this.items.map(e=>[e[0]+t,e[1]+t]);return new e(n)}add(t){let n=typeof t==`number`?[t,t+1]:t,r=K([...this.items,n]);return new e(r)}remove(t){let n=[...this.items],r=typeof t==`number`?t:t[0],i=typeof t==`number`?t+1:t[1];for(let[e,t]of n.entries()){let[a,o]=t;if(a<=i&&r<=o){let t=[];a<r&&t.push([a,r]),i<o&&t.push([i,o]),n.splice(e,1,...t)}}return new e(n)}first(){if(this.items.length!==0)return this.items[0][0]}last(){if(this.items.length!==0)return this.items.slice(-1)[0][1]-1}hasIndex(e){for(let t=0;t<this.items.length;t++){let[n,r]=this.items[t];if(e>=n&&e<r)return!0}return!1}hasAll(e){for(let t=e[0];t<e[1];t++)if(!this.hasIndex(t))return!1;return!0}some(e){for(let t of this)if(e(t))return!0;return!1}equals(e){if(e===this)return!0;if(e.items.length!==this.items.length)return!1;for(let t=0;t<this.items.length;t++){let n=e.items[t],r=this.items[t];if(n[0]!==r[0]||n[1]!==r[1])return!1}return!0}toArray(){let e=[];for(let[t,n]of this.items)for(let r=t;r<n;r++)e.push(r);return e}get length(){let e=0;for(let[t,n]of this.items)e+=n-t;return e}*[Symbol.iterator](){for(let[e,t]of this.items)for(let n=e;n<t;n++)yield n}},q=e(n(),1),J={},Y=null;function Pe(){let e=document.createElement(`div`);return e.style.opacity=`0`,e.style.pointerEvents=`none`,e.style.position=`fixed`,document.body.append(e),e}function X(e){let t=e.toLowerCase().trim();if(J[t]!==void 0)return J[t];Y||=Pe(),Y.style.color=`#000`,Y.style.color=t;let n=getComputedStyle(Y).color;Y.style.color=`#fff`,Y.style.color=t;let r=getComputedStyle(Y).color;if(r!==n)return[0,0,0,1];let i=r.replace(/[^\d.,]/g,``).split(`,`).map(Number.parseFloat);return i.length<4&&i.push(1),i=i.map(e=>Number.isNaN(e)?0:e),J[t]=i,i}function Fe(e,t){let[n,r,i]=X(e);return`rgba(${n}, ${r}, ${i}, ${t})`}var Z=new Map;function Ie(e,t){let n=`${e}-${t}`,r=Z.get(n);if(r!==void 0)return r;let i=Q(e,t);return Z.set(n,i),i}function Q(e,t){if(t===void 0)return e;let[n,r,i,a]=X(e);if(a===1)return e;let[o,s,c,l]=X(t),u=a+l*(1-a);return`rgba(${(a*n+l*o*(1-a))/u}, ${(a*r+l*s*(1-a))/u}, ${(a*i+l*c*(1-a))/u}, ${u})`}function Le(e){return{"--gdg-accent-color":e.accentColor,"--gdg-accent-fg":e.accentFg,"--gdg-accent-light":e.accentLight,"--gdg-text-dark":e.textDark,"--gdg-text-medium":e.textMedium,"--gdg-text-light":e.textLight,"--gdg-text-bubble":e.textBubble,"--gdg-bg-icon-header":e.bgIconHeader,"--gdg-fg-icon-header":e.fgIconHeader,"--gdg-text-header":e.textHeader,"--gdg-text-group-header":e.textGroupHeader??e.textHeader,"--gdg-bg-group-header":e.bgGroupHeader??e.bgHeader,"--gdg-bg-group-header-hovered":e.bgGroupHeaderHovered??e.bgHeaderHovered,"--gdg-text-header-selected":e.textHeaderSelected,"--gdg-bg-cell":e.bgCell,"--gdg-bg-cell-medium":e.bgCellMedium,"--gdg-bg-header":e.bgHeader,"--gdg-bg-header-has-focus":e.bgHeaderHasFocus,"--gdg-bg-header-hovered":e.bgHeaderHovered,"--gdg-bg-bubble":e.bgBubble,"--gdg-bg-bubble-selected":e.bgBubbleSelected,"--gdg-bubble-height":`${e.bubbleHeight}px`,"--gdg-bubble-padding":`${e.bubblePadding}px`,"--gdg-bubble-margin":`${e.bubbleMargin}px`,"--gdg-bg-search-result":e.bgSearchResult,"--gdg-border-color":e.borderColor,"--gdg-horizontal-border-color":e.horizontalBorderColor??e.borderColor,"--gdg-drilldown-border":e.drilldownBorder,"--gdg-link-color":e.linkColor,"--gdg-cell-horizontal-padding":`${e.cellHorizontalPadding}px`,"--gdg-cell-vertical-padding":`${e.cellVerticalPadding}px`,"--gdg-header-font-style":e.headerFontStyle,"--gdg-base-font-style":e.baseFontStyle,"--gdg-marker-font-style":e.markerFontStyle,"--gdg-font-family":e.fontFamily,"--gdg-editor-font-size":e.editorFontSize,"--gdg-checkbox-max-size":`${e.checkboxMaxSize}px`,...e.resizeIndicatorColor===void 0?{}:{"--gdg-resize-indicator-color":e.resizeIndicatorColor},...e.headerBottomBorderColor===void 0?{}:{"--gdg-header-bottom-border-color":e.headerBottomBorderColor},...e.roundingRadius===void 0?{}:{"--gdg-rounding-radius":`${e.roundingRadius}px`}}}var $={accentColor:`#4F5DFF`,accentFg:`#FFFFFF`,accentLight:`rgba(62, 116, 253, 0.1)`,textDark:`#313139`,textMedium:`#737383`,textLight:`#B2B2C0`,textBubble:`#313139`,bgIconHeader:`#737383`,fgIconHeader:`#FFFFFF`,textHeader:`#313139`,textGroupHeader:`#313139BB`,textHeaderSelected:`#FFFFFF`,bgCell:`#FFFFFF`,bgCellMedium:`#FAFAFB`,bgHeader:`#F7F7F8`,bgHeaderHasFocus:`#E9E9EB`,bgHeaderHovered:`#EFEFF1`,bgBubble:`#EDEDF3`,bgBubbleSelected:`#FFFFFF`,bubbleHeight:20,bubblePadding:6,bubbleMargin:4,bgSearchResult:`#fff9e3`,borderColor:`rgba(115, 116, 131, 0.16)`,drilldownBorder:`rgba(0, 0, 0, 0)`,linkColor:`#353fb5`,cellHorizontalPadding:8,cellVerticalPadding:3,headerIconSize:18,headerFontStyle:`600 13px`,baseFontStyle:`13px`,markerFontStyle:`9px`,fontFamily:`Inter, Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, noto, arial, sans-serif`,editorFontSize:`13px`,lineHeight:1.4,checkboxMaxSize:18};function Re(){return $}var ze=q.createContext($);function Be(e,...t){let n={...e};for(let e of t)if(e!==void 0)for(let t in e)e.hasOwnProperty(t)&&(n[t]=t===`bgCell`?Q(e[t],n[t]):e[t]);return(n.headerFontFull===void 0||e.fontFamily!==n.fontFamily||e.headerFontStyle!==n.headerFontStyle)&&(n.headerFontFull=`${n.headerFontStyle} ${n.fontFamily}`),(n.baseFontFull===void 0||e.fontFamily!==n.fontFamily||e.baseFontStyle!==n.baseFontStyle)&&(n.baseFontFull=`${n.baseFontStyle} ${n.fontFamily}`),(n.markerFontFull===void 0||e.fontFamily!==n.fontFamily||e.markerFontStyle!==n.markerFontStyle)&&(n.markerFontFull=`${n.markerFontStyle} ${n.fontFamily}`),n}var Ve=class extends q.PureComponent{wrapperRef=q.createRef();componentDidMount(){let e=this.props.customEventTarget??document;e.addEventListener(`pointerdown`,this.clickOutside,!0),e.addEventListener(`contextmenu`,this.clickOutside,!0)}componentWillUnmount(){let e=this.props.customEventTarget??document;e.removeEventListener(`pointerdown`,this.clickOutside,!0),e.removeEventListener(`contextmenu`,this.clickOutside,!0)}clickOutside=e=>{if(!(this.props.isOutsideClick&&!this.props.isOutsideClick(e))&&this.wrapperRef.current!==null&&!this.wrapperRef.current.contains(e.target)){let t=e.target;for(;t!==null;){if(t.classList.contains(`click-outside-ignore`))return;t=t.parentElement}this.props.onClickOutside()}};render(){let{onClickOutside:e,isOutsideClick:t,customEventTarget:n,...r}=this.props;return q.createElement(`div`,{...r,ref:this.wrapperRef},this.props.children)}};export{M as A,p as B,R as C,F as D,I as E,x as F,o as G,d as H,y as I,a as K,g as L,D as M,T as N,P as O,w as P,h as R,Ce as S,we as T,u as U,f as V,s as W,De as _,Be as a,Te as b,Fe as c,V as d,H as f,W as g,Ae as h,Le as i,A as j,N as k,Ne as l,G as m,ze as n,Q as o,U as p,i as q,Re as r,Ie as s,Ve as t,je as u,ke as v,B as w,Ee as x,Oe as y,m as z};

package/dist/assets/data-grid-overlay-editor-DCmC8-tb.js

@@ -1 +0,0 @@
-import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{t}from"./react-CBDbhulC.js";import{t as n}from"./react-dom-BQrReHnR.js";import{_ as r,g as i,i as a,n as ee,t as o,v as s}from"./click-outside-container-n76g8dsY.js";import{t as c}from"./dist-DQS4kic4.js";var l=e(t(),1),u=e(n(),1),te=c(`div`)({name:`DataGridOverlayEditorStyle`,class:`gdg-d19meir1`,propsAsIs:!1,vars:{"d19meir1-0":[e=>e.targetY,`px`],"d19meir1-1":[e=>e.targetX,`px`],"d19meir1-2":[e=>e.targetWidth,`px`],"d19meir1-3":[e=>e.targetHeight,`px`],"d19meir1-4":[e=>e.targetY+10,`px`],"d19meir1-5":[e=>Math.max(0,(e.targetHeight-28)/2),`px`]}});function d(){let[e,t]=l.useState();return[e??void 0,t]}function f(){let[e,t]=d(),[n,r]=l.useState(0),[i,a]=l.useState(!0);return l.useLayoutEffect(()=>{if(e===void 0||!(`IntersectionObserver`in window))return;let t=new IntersectionObserver(e=>{e.length!==0&&a(e[0].isIntersecting)},{threshold:1});return t.observe(e),()=>t.disconnect()},[e]),l.useEffect(()=>{if(i||e===void 0)return;let t,n=()=>{let{right:i}=e.getBoundingClientRect();r(e=>Math.min(e+window.innerWidth-i-10,0)),t=requestAnimationFrame(n)};return t=requestAnimationFrame(n),()=>{t!==void 0&&cancelAnimationFrame(t)}},[e,i]),{ref:t,style:l.useMemo(()=>({transform:`translateX(${n}px)`}),[n])}}var p=e=>{let{target:t,content:n,onFinishEditing:c,forceEditMode:d,initialValue:p,imageEditorOverride:m,markdownDivCreateNode:h,highlight:g,className:_,theme:v,id:y,cell:b,bloom:x,portalElementRef:S,validateCell:C,getCellRenderer:w,provideEditor:T,isOutsideClick:E,customEventTarget:D,activation:O}=e,[k,A]=l.useState(d?n:void 0),j=l.useRef(k??n);j.current=k??n;let[M,N]=l.useState(()=>C===void 0||!(i(n)&&C?.(b,n,j.current)===!1)),P=l.useCallback((e,t)=>{c(M?e:void 0,t)},[M,c]),F=l.useCallback(e=>{if(C!==void 0&&e!==void 0&&i(e)){let t=C(b,e,j.current);t===!1?N(!1):(typeof t==`object`&&(e=t),N(!0))}A(e)},[b,C]),I=l.useRef(!1),L=l.useRef(void 0),R=l.useCallback(()=>{P(k,[0,0]),I.current=!0},[k,P]),z=l.useCallback((e,t)=>{P(e,t??L.current??[0,0]),I.current=!0},[P]),B=l.useCallback(async e=>{let t=!1;e.key===`Escape`?(e.stopPropagation(),e.preventDefault(),L.current=[0,0]):e.key===`Enter`&&!e.shiftKey?(e.stopPropagation(),e.preventDefault(),L.current=[0,1],t=!0):e.key===`Tab`&&(e.stopPropagation(),e.preventDefault(),L.current=[e.shiftKey?-1:1,0],t=!0),window.setTimeout(()=>{!I.current&&L.current!==void 0&&(P(t?k:void 0,L.current),I.current=!0)},0)},[P,k]),V=k??n,[H,U]=l.useMemo(()=>{if(r(n))return[];let e={...n,location:b,activation:O},t=T?.(e);return t===void 0?[w(n)?.provideEditor?.(e),!1]:[t,!1]},[b,n,w,T,O]),{ref:W,style:G}=f(),K=!0,q,J=!0,Y;if(H!==void 0){K=H.disablePadding!==!0,J=H.disableStyling!==!0;let e=s(H);e&&(Y=H.styleOverride);let n=e?H.editor:H;q=l.createElement(n,{portalElementRef:S,isHighlighted:g,activation:O,onChange:F,value:V,initialValue:p,onFinishedEditing:z,validatedSelection:i(V)?V.selectionRange:void 0,forceEditMode:d,target:t,imageEditorOverride:m,markdownDivCreateNode:h,isValid:M,theme:v})}Y={...Y,...G};let X=S?.current??document.getElementById(`portal`);if(X===null)return 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>`.'),null;let Z=J?`gdg-style`:`gdg-unstyle`;M||(Z+=` gdg-invalid`),K&&(Z+=` gdg-pad`);let Q=x?.[0]??1,$=x?.[1]??1;return(0,u.createPortal)(l.createElement(ee.Provider,{value:v},l.createElement(o,{style:a(v),className:_,onClickOutside:R,isOutsideClick:E,customEventTarget:D},l.createElement(te,{ref:W,id:y,className:Z,style:Y,as:U===!0?`label`:void 0,targetX:t.x-Q,targetY:t.y-$,targetWidth:t.width+Q*2,targetHeight:t.height+$*2},l.createElement(`div`,{className:`gdg-clip-region`,onKeyDown:B},q)))),X)};export{p as default};