@marimo-team/islands 0.24.1-dev42 → 0.24.1-dev44

package/dist/{glide-data-editor-CgO5z9xu.js → glide-data-editor-C2RTkAgQ.js}

@@ -3,8 +3,8 @@ import { g as n, m as r, t as i } from "./button-DOCIubLd.js";
 import { t as a } from "./react-DMWcHin-.js";
 import { t as o } from "./compiler-runtime-CAH9RLw2.js";
 import { n as s, r as c, t as l } from "./copy-DgAphl4k.js";
-import { C as u, i as d, l as f, n as p, o as m, r as h, u as g } from "./strings-CoQ5sA4r.js";
-import { J as _, S as v, _ as y, b, f as x, h as S, p as C, q as w, r as T, v as E, x as D } from "./input-CIaA2N0m.js";
+import { C as u, c as d, i as f, n as p, s as m, t as h, x as g } from "./select-Bakm9EUs.js";
+import { J as _, d as v, g as y, i as b, l as x, n as S, o as C, p as w, s as T, t as E, u as D } from "./dropdown-menu-DEu759Oe.js";
 import { i as O, n as k, r as A, t as j } from "./types-D8U7wKuc.js";
 import { n as M, t as ee } from "./ErrorBoundary-DLlMgwFe.js";
 import { t as N } from "./react-dom-C94wmq5w.js";
@@ -9555,7 +9555,7 @@ var Ks = o(), $ = P(), qs = (e) => {
 	let m;
 	t[9] === Symbol.for("react.memo_cache_sentinel") ? (m = (e) => s(e.target.value), t[9] = m) : m = t[9];
 	let h;
-	t[10] !== d || t[11] !== o ? (h = /* @__PURE__ */ (0, $.jsxs)("div", { children: [p, /* @__PURE__ */ (0, $.jsx)(T, {
+	t[10] !== d || t[11] !== o ? (h = /* @__PURE__ */ (0, $.jsxs)("div", { children: [p, /* @__PURE__ */ (0, $.jsx)(y, {
 		value: o,
 		onChange: m,
 		placeholder: "Enter new column name",
@@ -9564,24 +9564,24 @@ var Ks = o(), $ = P(), qs = (e) => {
 	})] }), t[10] = d, t[11] = o, t[12] = h) : h = t[12];
 	let g;
 	t[13] === o ? g = t[14] : (g = o.trim(), t[13] = o, t[14] = g);
-	let _ = !g, x;
-	t[15] !== l || t[16] !== _ ? (x = /* @__PURE__ */ (0, $.jsx)(i, {
+	let _ = !g, b;
+	t[15] !== l || t[16] !== _ ? (b = /* @__PURE__ */ (0, $.jsx)(i, {
 		onClick: l,
 		disabled: _,
 		size: "sm",
 		className: "w-full",
 		children: "Rename"
-	}), t[15] = l, t[16] = _, t[17] = x) : x = t[17];
+	}), t[15] = l, t[16] = _, t[17] = b) : b = t[17];
 	let S;
-	return t[18] !== h || t[19] !== x ? (S = /* @__PURE__ */ (0, $.jsxs)(b, { children: [f, /* @__PURE__ */ (0, $.jsx)(y, { children: /* @__PURE__ */ (0, $.jsx)(D, {
+	return t[18] !== h || t[19] !== b ? (S = /* @__PURE__ */ (0, $.jsxs)(x, { children: [f, /* @__PURE__ */ (0, $.jsx)(C, { children: /* @__PURE__ */ (0, $.jsx)(D, {
 		className: "w-64 p-4",
 		children: /* @__PURE__ */ (0, $.jsxs)("div", {
 			className: "space-y-3",
-			children: [h, x]
+			children: [h, b]
 		})
-	}) })] }), t[18] = h, t[19] = x, t[20] = S) : S = t[20], S;
+	}) })] }), t[18] = h, t[19] = b, t[20] = S) : S = t[20], S;
 }, Js = (e) => {
-	let t = (0, Ks.c)(79), { direction: n, onAdd: r, onCancel: a } = e, [o, s] = (0, G.useState)(""), [c, l] = (0, G.useState)("string"), u, p, m, _, x, S, C, w, E, O, k, A, j, ee, N;
+	let t = (0, Ks.c)(79), { direction: n, onAdd: r, onCancel: a } = e, [o, s] = (0, G.useState)(""), [c, l] = (0, G.useState)("string"), u, f, g, _, b, S, w, T, E, O, k, A, j, ee, N;
 	if (t[0] !== o || t[1] !== c || t[2] !== n || t[3] !== r || t[4] !== a) {
 		let e = [
 			"string",
@@ -9597,13 +9597,13 @@ var Ks = o(), $ = P(), qs = (e) => {
 			e.key === "Enter" ? S() : e.key === "Escape" && a();
 		}, t[24] = S, t[25] = a, t[26] = P) : P = t[26];
 		let ne = P;
-		x = b;
+		b = x;
 		let re;
 		t[27] === Symbol.for("react.memo_cache_sentinel") ? (re = /* @__PURE__ */ (0, $.jsx)(M, { className: "mr-2 h-3.5 w-3.5" }), t[27] = re) : re = t[27], t[28] === n ? N = t[29] : (N = /* @__PURE__ */ (0, $.jsxs)(v, { children: [
 			re,
 			"Add column to the ",
 			n
-		] }), t[28] = n, t[29] = N), _ = y, m = D, ee = "w-64 p-4", A = "space-y-3";
+		] }), t[28] = n, t[29] = N), _ = C, g = D, ee = "w-64 p-4", A = "space-y-3";
 		let F = `add-column-input-${n}`, I;
 		t[30] === F ? I = t[31] : (I = /* @__PURE__ */ (0, $.jsx)(te, {
 			htmlFor: F,
@@ -9612,7 +9612,7 @@ var Ks = o(), $ = P(), qs = (e) => {
 		let L = `add-column-input-${n}`, R;
 		t[32] === Symbol.for("react.memo_cache_sentinel") ? (R = (e) => s(e.target.value), t[32] = R) : R = t[32];
 		let ie;
-		t[33] !== o || t[34] !== ne || t[35] !== L ? (ie = /* @__PURE__ */ (0, $.jsx)(T, {
+		t[33] !== o || t[34] !== ne || t[35] !== L ? (ie = /* @__PURE__ */ (0, $.jsx)(y, {
 			id: L,
 			value: o,
 			onChange: R,
@@ -9624,22 +9624,22 @@ var Ks = o(), $ = P(), qs = (e) => {
 		t[40] === z ? k = t[41] : (k = /* @__PURE__ */ (0, $.jsx)(te, {
 			htmlFor: z,
 			children: "Data type"
-		}), t[40] = z, t[41] = k), p = h, w = c, t[42] === Symbol.for("react.memo_cache_sentinel") ? (E = (e) => l(e), t[42] = E) : E = t[42];
+		}), t[40] = z, t[41] = k), f = h, T = c, t[42] === Symbol.for("react.memo_cache_sentinel") ? (E = (e) => l(e), t[42] = E) : E = t[42];
 		let ae = `add-column-type-${n}`, oe;
-		t[43] === Symbol.for("react.memo_cache_sentinel") ? (oe = /* @__PURE__ */ (0, $.jsx)(g, {}), t[43] = oe) : oe = t[43], t[44] === ae ? O = t[45] : (O = /* @__PURE__ */ (0, $.jsx)(f, {
+		t[43] === Symbol.for("react.memo_cache_sentinel") ? (oe = /* @__PURE__ */ (0, $.jsx)(d, {}), t[43] = oe) : oe = t[43], t[44] === ae ? O = t[45] : (O = /* @__PURE__ */ (0, $.jsx)(m, {
 			id: ae,
 			className: "mt-1",
 			children: oe
-		}), t[44] = ae, t[45] = O), u = d, C = e.map(Ys), t[0] = o, t[1] = c, t[2] = n, t[3] = r, t[4] = a, t[5] = u, t[6] = p, t[7] = m, t[8] = _, t[9] = x, t[10] = S, t[11] = C, t[12] = w, t[13] = E, t[14] = O, t[15] = k, t[16] = A, t[17] = j, t[18] = ee, t[19] = N;
-	} else u = t[5], p = t[6], m = t[7], _ = t[8], x = t[9], S = t[10], C = t[11], w = t[12], E = t[13], O = t[14], k = t[15], A = t[16], j = t[17], ee = t[18], N = t[19];
+		}), t[44] = ae, t[45] = O), u = p, w = e.map(Ys), t[0] = o, t[1] = c, t[2] = n, t[3] = r, t[4] = a, t[5] = u, t[6] = f, t[7] = g, t[8] = _, t[9] = b, t[10] = S, t[11] = w, t[12] = T, t[13] = E, t[14] = O, t[15] = k, t[16] = A, t[17] = j, t[18] = ee, t[19] = N;
+	} else u = t[5], f = t[6], g = t[7], _ = t[8], b = t[9], S = t[10], w = t[11], T = t[12], E = t[13], O = t[14], k = t[15], A = t[16], j = t[17], ee = t[18], N = t[19];
 	let P;
-	t[46] !== u || t[47] !== C ? (P = /* @__PURE__ */ (0, $.jsx)(u, { children: C }), t[46] = u, t[47] = C, t[48] = P) : P = t[48];
+	t[46] !== u || t[47] !== w ? (P = /* @__PURE__ */ (0, $.jsx)(u, { children: w }), t[46] = u, t[47] = w, t[48] = P) : P = t[48];
 	let ne;
-	t[49] !== p || t[50] !== P || t[51] !== w || t[52] !== E || t[53] !== O ? (ne = /* @__PURE__ */ (0, $.jsxs)(p, {
-		value: w,
+	t[49] !== f || t[50] !== P || t[51] !== T || t[52] !== E || t[53] !== O ? (ne = /* @__PURE__ */ (0, $.jsxs)(f, {
+		value: T,
 		onValueChange: E,
 		children: [O, P]
-	}), t[49] = p, t[50] = P, t[51] = w, t[52] = E, t[53] = O, t[54] = ne) : ne = t[54];
+	}), t[49] = f, t[50] = P, t[51] = T, t[52] = E, t[53] = O, t[54] = ne) : ne = t[54];
 	let re;
 	t[55] !== ne || t[56] !== k ? (re = /* @__PURE__ */ (0, $.jsxs)("div", { children: [k, ne] }), t[55] = ne, t[56] = k, t[57] = re) : re = t[57];
 	let F;
@@ -9662,19 +9662,19 @@ var Ks = o(), $ = P(), qs = (e) => {
 		]
 	}), t[63] = re, t[64] = L, t[65] = A, t[66] = j, t[67] = R) : R = t[67];
 	let ie;
-	t[68] !== m || t[69] !== R || t[70] !== ee ? (ie = /* @__PURE__ */ (0, $.jsx)(m, {
+	t[68] !== g || t[69] !== R || t[70] !== ee ? (ie = /* @__PURE__ */ (0, $.jsx)(g, {
 		className: ee,
 		children: R
-	}), t[68] = m, t[69] = R, t[70] = ee, t[71] = ie) : ie = t[71];
+	}), t[68] = g, t[69] = R, t[70] = ee, t[71] = ie) : ie = t[71];
 	let z;
 	t[72] !== _ || t[73] !== ie ? (z = /* @__PURE__ */ (0, $.jsx)(_, { children: ie }), t[72] = _, t[73] = ie, t[74] = z) : z = t[74];
 	let ae;
-	return t[75] !== x || t[76] !== z || t[77] !== N ? (ae = /* @__PURE__ */ (0, $.jsxs)(x, { children: [N, z] }), t[75] = x, t[76] = z, t[77] = N, t[78] = ae) : ae = t[78], ae;
+	return t[75] !== b || t[76] !== z || t[77] !== N ? (ae = /* @__PURE__ */ (0, $.jsxs)(b, { children: [N, z] }), t[75] = b, t[76] = z, t[77] = N, t[78] = ae) : ae = t[78], ae;
 };
 function Ys(e) {
-	return /* @__PURE__ */ (0, $.jsx)(m, {
+	return /* @__PURE__ */ (0, $.jsx)(f, {
 		value: e,
-		children: p(e)
+		children: g(e)
 	}, e);
 }
 //#endregion
@@ -9779,7 +9779,7 @@ function ic(e) {
 //#endregion
 //#region src/plugins/impl/data-editor/glide-data-editor.tsx
 var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableColumns: o, edits: d, onAddEdits: f, onAddRows: p, onDeleteRows: m, onRenameColumn: h, onDeleteColumn: g, onAddColumn: _ }) => {
-	let { theme: v } = re(), y = (0, G.useRef)(null), b = (0, G.useRef)(null), [T, D] = (0, G.useState)(), [O, k] = (0, G.useState)(!1), [M, N] = G.useState({
+	let { theme: v } = re(), y = (0, G.useRef)(null), x = (0, G.useRef)(null), [C, D] = (0, G.useState)(), [O, k] = (0, G.useState)(!1), [M, N] = G.useState({
 		columns: W.empty(),
 		rows: W.empty()
 	}), [P, te] = (0, G.useState)({}), F = w(), I = (0, G.useRef)(!1), L = (0, G.useMemo)(() => {
@@ -9978,8 +9978,8 @@ var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableCo
 			bounds: t
 		});
 	}), ue = async () => {
-		if (T) {
-			let e = L[T.col].title;
+		if (C) {
+			let e = L[C.col].title;
 			await l(e), D(void 0);
 		}
 	};
@@ -9991,31 +9991,31 @@ var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableCo
 		});
 	}
 	let fe = (e) => {
-		if (T) {
-			let r = L[T.col].title;
+		if (C) {
+			let r = L[C.col].title;
 			if (n.has(e)) {
 				de(e);
 				return;
 			}
-			let i = L[T.col].dataType;
-			h(T.col, e), a((t) => $s({
+			let i = L[C.col].dataType;
+			h(C.col, e), a((t) => $s({
 				columnFields: t,
-				columnIdx: T.col,
+				columnIdx: C.col,
 				type: "rename",
 				dataType: i,
 				newColumnName: e
 			})), t((t) => Qs(t, r, e)), D(void 0);
 		}
 	}, pe = () => {
-		T && (g(T.col), a((e) => $s({
+		C && (g(C.col), a((e) => $s({
 			columnFields: e,
-			columnIdx: T.col,
+			columnIdx: C.col,
 			type: "remove"
-		})), t((e) => Xs(e, T.col)), D(void 0));
+		})), t((e) => Xs(e, C.col)), D(void 0));
 	}, me = (e) => {
 		let { direction: r, columnName: i, dataType: o } = e;
-		if (T) {
-			let e = T.col + (r === "left" ? 0 : 1), s = Math.max(0, Math.min(e, L.length));
+		if (C) {
+			let e = C.col + (r === "left" ? 0 : 1), s = Math.max(0, Math.min(e, L.length));
 			if (n.has(i)) {
 				de(i);
 				return;
@@ -10028,7 +10028,7 @@ var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableCo
 				newColumnName: i
 			})), t((e) => Zs(e, i)), D(void 0);
 		}
-	}, he = T?.col === L.length - 1, B = T !== void 0, ge = "mr-2 h-3.5 w-3.5", V = {
+	}, he = C?.col === L.length - 1, B = C !== void 0, ge = "mr-2 h-3.5 w-3.5", V = {
 		hint: "New row",
 		sticky: !0,
 		tint: !0
@@ -10036,10 +10036,10 @@ var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableCo
 	return /* @__PURE__ */ (0, $.jsxs)("div", {
 		className: "relative w-full min-w-0",
 		children: [
-			/* @__PURE__ */ (0, $.jsx)(ic, { portalRef: b }),
+			/* @__PURE__ */ (0, $.jsx)(ic, { portalRef: x }),
 			/* @__PURE__ */ (0, $.jsx)(ee, { children: /* @__PURE__ */ (0, $.jsx)(Rs, {
 				ref: y,
-				portalElementRef: b,
+				portalElementRef: x,
 				getCellContent: R,
 				columns: L,
 				gridSelection: M,
@@ -10072,11 +10072,11 @@ var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableCo
 				if (!B) return;
 				let e = /* @__PURE__ */ (0, $.jsxs)($.Fragment, { children: [
 					ve && /* @__PURE__ */ (0, $.jsx)(qs, {
-						currentColumnName: L[T.col].title,
+						currentColumnName: L[C.col].title,
 						onRename: fe,
 						onCancel: () => D(void 0)
 					}),
-					/* @__PURE__ */ (0, $.jsx)(E, {}),
+					/* @__PURE__ */ (0, $.jsx)(T, {}),
 					/* @__PURE__ */ (0, $.jsx)(Js, {
 						direction: "left",
 						onAdd: (e, t) => me({
@@ -10095,23 +10095,23 @@ var ac = ({ data: e, setData: t, columnFields: n, setColumnFields: a, editableCo
 						}),
 						onCancel: () => D(void 0)
 					}),
-					/* @__PURE__ */ (0, $.jsx)(E, {}),
-					!he && ve && /* @__PURE__ */ (0, $.jsxs)(S, {
+					/* @__PURE__ */ (0, $.jsx)(T, {}),
+					!he && ve && /* @__PURE__ */ (0, $.jsxs)(b, {
 						onClick: pe,
 						className: "text-destructive focus:text-destructive",
 						children: [/* @__PURE__ */ (0, $.jsx)(A, { className: ge }), "Delete column"]
 					})
 				] });
-				return /* @__PURE__ */ (0, $.jsx)(x, {
+				return /* @__PURE__ */ (0, $.jsx)(E, {
 					open: B,
 					onOpenChange: (e) => !e && D(void 0),
-					children: /* @__PURE__ */ (0, $.jsxs)(C, {
+					children: /* @__PURE__ */ (0, $.jsxs)(S, {
 						style: {
-							left: T?.bounds.x ?? 0,
-							top: (T?.bounds.y ?? 0) + (T?.bounds.height ?? 0)
+							left: C?.bounds.x ?? 0,
+							top: (C?.bounds.y ?? 0) + (C?.bounds.height ?? 0)
 						},
 						className: "fixed w-52",
-						children: [/* @__PURE__ */ (0, $.jsxs)(S, {
+						children: [/* @__PURE__ */ (0, $.jsxs)(b, {
 							onClick: ue,
 							children: [/* @__PURE__ */ (0, $.jsx)(s, { className: ge }), "Copy column name"]
 						}), !_e && e]