@marimo-team/islands 0.16.4 → 0.16.5

package/dist/{glide-data-editor-CYfKmSNp.js → glide-data-editor-D_kEsT07.js}

@@ -8,12 +8,12 @@ import { n as Copy, r as toast, t as copyToClipboard } from "./copy-C5RFg7ok.js"
 import "./fullscreen-D1yTiBlu.js";
 import "./check-BK9zDfQk.js";
 import { c as Select, d as SelectItem, h as SelectValue, k as useOnMount, l as SelectContent, m as SelectTrigger, t as Label } from "./label-BinTsX-u.js";
-import { Gt as capitalize_default, Ht as useNonce, Jt as Plus, Kt as Trash, Wt as logNever, Yt as Pencil, _ as DropdownMenuSub, a as Input, d as DropdownMenuContent, g as DropdownMenuSeparator, h as DropdownMenuPortal, n as ErrorBoundary, p as DropdownMenuItem, t as BulkEdit, u as DropdownMenu, v as DropdownMenuSubContent, y as DropdownMenuSubTrigger } from "./types-Dcb1hf55.js";
+import { Gt as useNonce, S as DropdownMenuSubTrigger, a as Input, an as Trash, b as DropdownMenuSub, cn as Pencil, g as DropdownMenuItem, in as capitalize_default, m as DropdownMenuContent, n as ErrorBoundary, p as DropdownMenu, qt as logNever, sn as Plus, t as BulkEdit, v as DropdownMenuPortal, x as DropdownMenuSubContent, y as DropdownMenuSeparator } from "./types-1X1uZB4y.js";
 import { t as Button, u as Events } from "./button-CEcjneWG.js";
 import { s as Logger } from "./hotkeys-yFrUwyJK.js";
 import "./react-dom-CpBooCbY.js";
 import "./zod-UPQf9SGn.js";
-import { g as useEvent_default, n as useTheme } from "./useTheme-CmsvrO5o.js";
+import { g as useEvent_default, n as useTheme } from "./useTheme-C2pgJzDH.js";
 import "./isArrayLikeObject-DiDsNamC.js";
 import "./isSymbol-BxF-_8BA.js";
 import "./toString-BvCd3yJc.js";
@@ -10566,16 +10566,16 @@ let __tla = (async () => {
         })
       ]
     }), t[10] = u, t[11] = a, t[12] = y) : y = t[12];
-    let x = !a.trim(), S;
-    t[13] !== c || t[14] !== x ? (S = (0, import_jsx_runtime.jsx)(Button, {
+    let C = !a.trim(), O;
+    t[13] !== c || t[14] !== C ? (O = (0, import_jsx_runtime.jsx)(Button, {
       onClick: c,
-      disabled: x,
+      disabled: C,
       size: "sm",
       className: "w-full",
       children: "Rename"
-    }), t[13] = c, t[14] = x, t[15] = S) : S = t[15];
-    let C;
-    return t[16] !== y || t[17] !== S ? (C = (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
+    }), t[13] = c, t[14] = C, t[15] = O) : O = t[15];
+    let k;
+    return t[16] !== y || t[17] !== O ? (k = (0, import_jsx_runtime.jsxs)(DropdownMenuSub, {
       children: [
         f,
         (0, import_jsx_runtime.jsx)(DropdownMenuPortal, {
@@ -10585,15 +10585,15 @@ let __tla = (async () => {
               className: "space-y-3",
               children: [
                 y,
-                S
+                O
               ]
             })
           })
         })
       ]
-    }), t[16] = y, t[17] = S, t[18] = C) : C = t[18], C;
+    }), t[16] = y, t[17] = O, t[18] = k) : k = t[18], k;
   }, AddColumnSub = (e) => {
-    let t = (0, import_compiler_runtime.c)(77), { direction: n, onAdd: r, onCancel: i } = e, [a, o] = (0, import_react.useState)(""), [s, l] = (0, import_react.useState)("string"), f, y, x, C, E, D, A, j, N, P, F, I, Mr, V, H;
+    let t = (0, import_compiler_runtime.c)(77), { direction: n, onAdd: r, onCancel: i } = e, [a, o] = (0, import_react.useState)(""), [s, l] = (0, import_react.useState)("string"), f, y, C, D, O, k, A, j, M, N, F, jr, Mr, V, H;
     if (t[0] !== a || t[1] !== s || t[2] !== n || t[3] !== r || t[4] !== i) {
       let e2 = [
         "string",
@@ -10603,13 +10603,13 @@ let __tla = (async () => {
       ], B;
       t[20] !== a || t[21] !== s || t[22] !== r ? (B = () => {
         a.trim() && (r(a.trim(), s), o(""), l("string"));
-      }, t[20] = a, t[21] = s, t[22] = r, t[23] = B) : B = t[23], D = B;
+      }, t[20] = a, t[21] = s, t[22] = r, t[23] = B) : B = t[23], k = B;
       let Nr2;
-      t[24] !== D || t[25] !== i ? (Nr2 = (e3) => {
-        e3.key === "Enter" ? D() : e3.key === "Escape" && i();
-      }, t[24] = D, t[25] = i, t[26] = Nr2) : Nr2 = t[26];
+      t[24] !== k || t[25] !== i ? (Nr2 = (e3) => {
+        e3.key === "Enter" ? k() : e3.key === "Escape" && i();
+      }, t[24] = k, t[25] = i, t[26] = Nr2) : Nr2 = t[26];
       let U2 = Nr2;
-      E = DropdownMenuSub;
+      O = DropdownMenuSub;
       let Pr2;
       t[27] === Symbol.for("react.memo_cache_sentinel") ? (Pr2 = (0, import_jsx_runtime.jsx)(Plus, {
         className: "mr-2 h-3.5 w-3.5"
@@ -10619,7 +10619,7 @@ let __tla = (async () => {
           "Add column to the ",
           n
         ]
-      }), t[28] = n, t[29] = H), C = DropdownMenuPortal, x = DropdownMenuSubContent, V = "w-64 p-4", I = "space-y-3";
+      }), t[28] = n, t[29] = H), D = DropdownMenuPortal, C = DropdownMenuSubContent, V = "w-64 p-4", jr = "space-y-3";
       let W2 = `add-column-input-${n}`, G2;
       t[30] === W2 ? G2 = t[31] : (G2 = (0, import_jsx_runtime.jsx)(Label, {
         htmlFor: W2,
@@ -10645,27 +10645,27 @@ let __tla = (async () => {
       t[40] === J2 ? F = t[41] : (F = (0, import_jsx_runtime.jsx)(Label, {
         htmlFor: J2,
         children: "Data type"
-      }), t[40] = J2, t[41] = F), y = Select, j = s, t[42] === Symbol.for("react.memo_cache_sentinel") ? (N = (e3) => l(e3), t[42] = N) : N = t[42];
+      }), t[40] = J2, t[41] = F), y = Select, j = s, t[42] === Symbol.for("react.memo_cache_sentinel") ? (M = (e3) => l(e3), t[42] = M) : M = t[42];
       let Ir = `add-column-type-${n}`, Lr;
-      t[43] === Symbol.for("react.memo_cache_sentinel") ? (Lr = (0, import_jsx_runtime.jsx)(SelectValue, {}), t[43] = Lr) : Lr = t[43], t[44] === Ir ? P = t[45] : (P = (0, import_jsx_runtime.jsx)(SelectTrigger, {
+      t[43] === Symbol.for("react.memo_cache_sentinel") ? (Lr = (0, import_jsx_runtime.jsx)(SelectValue, {}), t[43] = Lr) : Lr = t[43], t[44] === Ir ? N = t[45] : (N = (0, import_jsx_runtime.jsx)(SelectTrigger, {
         id: Ir,
         className: "mt-1",
         children: Lr
-      }), t[44] = Ir, t[45] = P), f = SelectContent, A = e2.map(_temp), t[0] = a, t[1] = s, t[2] = n, t[3] = r, t[4] = i, t[5] = f, t[6] = y, t[7] = x, t[8] = C, t[9] = E, t[10] = D, t[11] = A, t[12] = j, t[13] = N, t[14] = P, t[15] = F, t[16] = I, t[17] = Mr, t[18] = V, t[19] = H;
-    } else f = t[5], y = t[6], x = t[7], C = t[8], E = t[9], D = t[10], A = t[11], j = t[12], N = t[13], P = t[14], F = t[15], I = t[16], Mr = t[17], V = t[18], H = t[19];
+      }), t[44] = Ir, t[45] = N), f = SelectContent, A = e2.map(_temp), t[0] = a, t[1] = s, t[2] = n, t[3] = r, t[4] = i, t[5] = f, t[6] = y, t[7] = C, t[8] = D, t[9] = O, t[10] = k, t[11] = A, t[12] = j, t[13] = M, t[14] = N, t[15] = F, t[16] = jr, t[17] = Mr, t[18] = V, t[19] = H;
+    } else f = t[5], y = t[6], C = t[7], D = t[8], O = t[9], k = t[10], A = t[11], j = t[12], M = t[13], N = t[14], F = t[15], jr = t[16], Mr = t[17], V = t[18], H = t[19];
     let Nr;
     t[46] !== f || t[47] !== A ? (Nr = (0, import_jsx_runtime.jsx)(f, {
       children: A
     }), t[46] = f, t[47] = A, t[48] = Nr) : Nr = t[48];
     let U;
-    t[49] !== y || t[50] !== Nr || t[51] !== j || t[52] !== N || t[53] !== P ? (U = (0, import_jsx_runtime.jsxs)(y, {
+    t[49] !== y || t[50] !== Nr || t[51] !== j || t[52] !== M || t[53] !== N ? (U = (0, import_jsx_runtime.jsxs)(y, {
       value: j,
-      onValueChange: N,
+      onValueChange: M,
       children: [
-        P,
+        N,
         Nr
       ]
-    }), t[49] = y, t[50] = Nr, t[51] = j, t[52] = N, t[53] = P, t[54] = U) : U = t[54];
+    }), t[49] = y, t[50] = Nr, t[51] = j, t[52] = M, t[53] = N, t[54] = U) : U = t[54];
     let Pr;
     t[55] !== U || t[56] !== F ? (Pr = (0, import_jsx_runtime.jsxs)("div", {
       children: [
@@ -10674,38 +10674,38 @@ let __tla = (async () => {
       ]
     }), t[55] = U, t[56] = F, t[57] = Pr) : Pr = t[57];
     let W = !a.trim(), G;
-    t[58] !== D || t[59] !== W ? (G = (0, import_jsx_runtime.jsx)(Button, {
-      onClick: D,
+    t[58] !== k || t[59] !== W ? (G = (0, import_jsx_runtime.jsx)(Button, {
+      onClick: k,
       disabled: W,
       size: "sm",
       className: "w-full",
       children: "Add"
-    }), t[58] = D, t[59] = W, t[60] = G) : G = t[60];
+    }), t[58] = k, t[59] = W, t[60] = G) : G = t[60];
     let Fr;
-    t[61] !== Pr || t[62] !== G || t[63] !== I || t[64] !== Mr ? (Fr = (0, import_jsx_runtime.jsxs)("div", {
-      className: I,
+    t[61] !== Pr || t[62] !== G || t[63] !== jr || t[64] !== Mr ? (Fr = (0, import_jsx_runtime.jsxs)("div", {
+      className: jr,
       children: [
         Mr,
         Pr,
         G
       ]
-    }), t[61] = Pr, t[62] = G, t[63] = I, t[64] = Mr, t[65] = Fr) : Fr = t[65];
+    }), t[61] = Pr, t[62] = G, t[63] = jr, t[64] = Mr, t[65] = Fr) : Fr = t[65];
     let K;
-    t[66] !== x || t[67] !== Fr || t[68] !== V ? (K = (0, import_jsx_runtime.jsx)(x, {
+    t[66] !== C || t[67] !== Fr || t[68] !== V ? (K = (0, import_jsx_runtime.jsx)(C, {
       className: V,
       children: Fr
-    }), t[66] = x, t[67] = Fr, t[68] = V, t[69] = K) : K = t[69];
+    }), t[66] = C, t[67] = Fr, t[68] = V, t[69] = K) : K = t[69];
     let q;
-    t[70] !== C || t[71] !== K ? (q = (0, import_jsx_runtime.jsx)(C, {
+    t[70] !== D || t[71] !== K ? (q = (0, import_jsx_runtime.jsx)(D, {
       children: K
-    }), t[70] = C, t[71] = K, t[72] = q) : q = t[72];
+    }), t[70] = D, t[71] = K, t[72] = q) : q = t[72];
     let J;
-    return t[73] !== E || t[74] !== q || t[75] !== H ? (J = (0, import_jsx_runtime.jsxs)(E, {
+    return t[73] !== O || t[74] !== q || t[75] !== H ? (J = (0, import_jsx_runtime.jsxs)(O, {
       children: [
         H,
         q
       ]
-    }), t[73] = E, t[74] = q, t[75] = H, t[76] = J) : J = t[76], J;
+    }), t[73] = O, t[74] = q, t[75] = H, t[76] = J) : J = t[76], J;
   };
   function _temp(e) {
     return (0, import_jsx_runtime.jsx)(SelectItem, {
@@ -10776,8 +10776,8 @@ let __tla = (async () => {
       }
     }
   }
-  GlideDataEditor = ({ data: e, setData: t, columnFields: n, setColumnFields: r, editableColumns: i, edits: c, onAddEdits: l, onAddRows: u, onDeleteRows: m, onRenameColumn: h, onDeleteColumn: g, onAddColumn: y }) => {
-    let { theme: S } = useTheme(), D = (0, import_react.useRef)(null), [O, k] = (0, import_react.useState)(), [M, L] = (0, import_react.useState)(false), [jr, V] = import_react.useState({
+  GlideDataEditor = ({ data: e, setData: t, columnFields: n, setColumnFields: r, editableColumns: i, edits: c, onAddEdits: l, onAddRows: u, onDeleteRows: m, onRenameColumn: h, onDeleteColumn: g, onAddColumn: x }) => {
+    let { theme: S } = useTheme(), E = (0, import_react.useRef)(null), [D, k] = (0, import_react.useState)(), [P, I] = (0, import_react.useState)(false), [L, V] = import_react.useState({
       columns: CompactSelection.empty(),
       rows: CompactSelection.empty()
     }), [U, Pr] = (0, import_react.useState)({}), W = useNonce();
@@ -10922,14 +10922,14 @@ let __tla = (async () => {
       n,
       G
     ]), Ir = (0, import_react.useCallback)((n2) => {
-      if (D.current) {
+      if (E.current) {
         if (Events.isMetaOrCtrl(n2) && n2.key === "c") {
-          D.current.emit("copy");
+          E.current.emit("copy");
           return;
         }
         if (Events.isMetaOrCtrl(n2) && n2.key === "v") {
           pasteCells({
-            selection: jr,
+            selection: L,
             data: e,
             setData: t,
             columns: G,
@@ -10939,11 +10939,11 @@ let __tla = (async () => {
           return;
         }
         if (Events.isMetaOrCtrl(n2) && n2.key === "f") {
-          L((e2) => !e2), n2.stopPropagation(), n2.preventDefault();
+          I((e2) => !e2), n2.stopPropagation(), n2.preventDefault();
           return;
         }
         if (n2.key === "Escape") {
-          L(false);
+          I(false);
           return;
         }
       }
@@ -10952,7 +10952,7 @@ let __tla = (async () => {
       e,
       i,
       l,
-      jr,
+      L,
       t
     ]), Lr = (0, import_react.useCallback)(() => {
       let e2 = Object.fromEntries(G.map((e3) => {
@@ -11000,7 +11000,7 @@ let __tla = (async () => {
       u,
       t
     ]), Rr = () => {
-      let e2 = jr.rows.toArray();
+      let e2 = L.rows.toArray();
       m(e2);
       let n2 = 0;
       for (let r2 of e2) {
@@ -11017,8 +11017,8 @@ let __tla = (async () => {
         bounds: t2
       });
     }), Br = async () => {
-      if (O) {
-        let e2 = G[O.col].title;
+      if (D) {
+        let e2 = G[D.col].title;
         await copyToClipboard(e2), k(void 0);
       }
     };
@@ -11030,36 +11030,36 @@ let __tla = (async () => {
       });
     }
     let Hr = (e2) => {
-      if (O) {
-        let i2 = G[O.col].title;
+      if (D) {
+        let i2 = G[D.col].title;
         if (n[e2]) {
           Vr(e2);
           return;
         }
-        let a = G[O.col].dataType;
-        h(O.col, e2), r((t2) => modifyColumnFields({
+        let a = G[D.col].dataType;
+        h(D.col, e2), r((t2) => modifyColumnFields({
           columnFields: t2,
-          columnIdx: O.col,
+          columnIdx: D.col,
           type: "rename",
           dataType: a,
           newColumnName: e2
         })), t((t2) => renameColumn(t2, i2, e2)), k(void 0);
       }
     }, Y = () => {
-      O && (g(O.col), r((e2) => modifyColumnFields({
+      D && (g(D.col), r((e2) => modifyColumnFields({
         columnFields: e2,
-        columnIdx: O.col,
+        columnIdx: D.col,
         type: "remove"
-      })), t((e2) => removeColumn(e2, O.col)), k(void 0));
+      })), t((e2) => removeColumn(e2, D.col)), k(void 0));
     }, Ur = (e2) => {
       let { direction: i2, columnName: a, dataType: o } = e2;
-      if (O) {
-        let e3 = O.col + (i2 === "left" ? 0 : 1), s = Math.max(0, Math.min(e3, G.length));
+      if (D) {
+        let e3 = D.col + (i2 === "left" ? 0 : 1), s = Math.max(0, Math.min(e3, G.length));
         if (n[a]) {
           Vr(a);
           return;
         }
-        y(s, a), r((e4) => modifyColumnFields({
+        x(s, a), r((e4) => modifyColumnFields({
           columnFields: e4,
           columnIdx: s,
           type: "insert",
@@ -11067,7 +11067,7 @@ let __tla = (async () => {
           newColumnName: a
         })), t((e4) => insertColumn(e4, a)), k(void 0);
       }
-    }, Wr = (O == null ? void 0 : O.col) === G.length - 1, Gr = O !== void 0, X = "mr-2 h-3.5 w-3.5", Kr = {
+    }, Wr = (D == null ? void 0 : D.col) === G.length - 1, Gr = D !== void 0, X = "mr-2 h-3.5 w-3.5", Kr = {
       hint: "New row",
       sticky: true,
       tint: true
@@ -11077,10 +11077,10 @@ let __tla = (async () => {
       children: [
         (0, import_jsx_runtime.jsx)(ErrorBoundary, {
           children: (0, import_jsx_runtime.jsx)(DataEditorAll, {
-            ref: D,
+            ref: E,
             getCellContent: Fr,
             columns: G,
-            gridSelection: jr,
+            gridSelection: L,
             onGridSelectionChange: V,
             rows: e.length,
             overscrollX: 50,
@@ -11089,7 +11089,7 @@ let __tla = (async () => {
             validateCell: J,
             getCellsForSelection: true,
             onPaste: true,
-            showSearch: M,
+            showSearch: P,
             fillHandle: true,
             allowedFillDirections: "vertical",
             onKeyDown: Ir,
@@ -11114,7 +11114,7 @@ let __tla = (async () => {
           let e2 = (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
               Jr && (0, import_jsx_runtime.jsx)(RenameColumnSub, {
-                currentColumnName: G[O.col].title,
+                currentColumnName: G[D.col].title,
                 onRename: Hr,
                 onCancel: () => k(void 0)
               }),
@@ -11155,8 +11155,8 @@ let __tla = (async () => {
             onOpenChange: (e3) => !e3 && k(void 0),
             children: (0, import_jsx_runtime.jsxs)(DropdownMenuContent, {
               style: {
-                left: (O == null ? void 0 : O.bounds.x) ?? 0,
-                top: ((O == null ? void 0 : O.bounds.y) ?? 0) + ((O == null ? void 0 : O.bounds.height) ?? 0)
+                left: (D == null ? void 0 : D.bounds.x) ?? 0,
+                top: ((D == null ? void 0 : D.bounds.y) ?? 0) + ((D == null ? void 0 : D.bounds.height) ?? 0)
               },
               className: "fixed w-52",
               children: [
@@ -11179,10 +11179,10 @@ let __tla = (async () => {
           children: (0, import_jsx_runtime.jsx)(Button, {
             variant: "destructive",
             size: "sm",
-            disabled: jr.rows.length === 0,
+            disabled: L.rows.length === 0,
             className: "right-2 h-7",
             onClick: Rr,
-            children: jr.rows.length <= 1 ? "Delete row" : "Delete rows"
+            children: L.rows.length <= 1 ? "Delete row" : "Delete rows"
           })
         })
       ]