@marimo-team/islands 0.23.15-dev7 → 0.23.15-dev72

package/dist/{ConnectedDataExplorerComponent-CU4fZJzG.js → ConnectedDataExplorerComponent-CJaUI-S-.js}

@@ -1,26 +1,27 @@
 import { a as __toCommonJS, n as __esmMin, r as __export, s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, t as Button } from "./button-BacYv-bE.js";
+import { g as Logger, h as cn, t as Button } from "./button-BcSml68y.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
-import { A as SquareFunction, t as augmentSpecWithData } from "./spec-Cz-Bj1JI.js";
-import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-DegSo0lV.js";
-import { a as ListFilter, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-CMnRuVmN.js";
-import { a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-Dq_j3Rxw.js";
+import { u as createLucideIcon } from "./dist-B96tMAst.js";
+import { A as SquareFunction, t as augmentSpecWithData } from "./spec-CnaxwDqy.js";
+import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-DqPxHgAN.js";
+import { a as ListFilter, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-BSoGim-G.js";
+import { a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./strings-BYAhZnQi.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import "./zod-CijjQh4u.js";
-import { n as ErrorBanner } from "./error-banner-DFPfz_Qf.js";
-import { t as Label } from "./label-WfTSU8L4.js";
-import { t as Tooltip } from "./tooltip-Czds6Qr8.js";
-import { C as createStore, S as atom, _ as Provider, n as useTheme, y as useAtomValue } from "./useTheme-6eZ3GOTS.js";
+import "./zod-D0yOqoGe.js";
+import { n as ErrorBanner } from "./error-banner-DR7o3CbX.js";
+import { t as Label } from "./label-DIk0QoFe.js";
+import { t as Tooltip } from "./tooltip-B-qh7UPB.js";
+import { E as createStore, S as useAtomValue, T as atom, b as Provider, n as useTheme } from "./useTheme-XMq9mNf_.js";
 import { t as invariant } from "./invariant-wRzNXIsJ.js";
-import "./vega-loader.browser-CZ-J8Py3.js";
-import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-Boph2xIS.js";
-import { n as q, r as contains } from "./react-vega-B0sAlDTL.js";
-import "./defaultLocale-u-3osm0P.js";
-import "./defaultLocale-BoHTsDG6.js";
-import { t as useAsyncData } from "./useAsyncData-KfHB8wQR.js";
+import { t as Objects } from "./objects-De59twF-.js";
+import { V as getContainerWidth } from "./vega-loader.browser-DmpxCJqx.js";
+import { a as tooltipHandler, n as vegaLoadData } from "./loader-CTHCI-qe.js";
+import { n as q, r as contains } from "./react-vega-BazDALhI.js";
+import "./defaultLocale-BpsHxBd7.js";
+import "./defaultLocale-DoeErsX2.js";
+import { t as useAsyncData } from "./useAsyncData-CvO8WUy3.js";
 var ChartColumnBig = createLucideIcon("chart-column-big", [
   ["path", {
     d: "M3 3v16a2 2 0 0 0 2 2h16",
@@ -5363,7 +5364,7 @@ const PRIMITIVE_TYPE_ICON = {
 };
 var COLUMN_LIMIT = 12;
 const ColumnSummary = (e3) => {
-  let p = (0, import_compiler_runtime$2.c)(45), { schema: m } = e3, [h, g] = (0, import_react.useState)(), [_, v] = (0, import_react.useState)(), x, S, C, w, E, D, k, A;
+  let p = (0, import_compiler_runtime$2.c)(45), { schema: m } = e3, [h, g] = (0, import_react.useState)(), [_, b] = (0, import_react.useState)(), x, S, C, w, E, D, k, A;
   if (p[0] !== m || p[1] !== h || p[2] !== _) {
     x = m.fieldNames();
     let e4;
@@ -5371,15 +5372,15 @@ const ColumnSummary = (e3) => {
       field: h,
       channel: "x"
     }) : void 0, p[11] = m, p[12] = h, p[13] = e4) : e4 = p[13], C = e4;
-    let v2;
-    p[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartColumnBig, {
+    let y;
+    p[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartColumnBig, {
       className: "text-muted-foreground",
       width: 40,
       height: 40,
       strokeWidth: 1.5
-    }), p[14] = v2) : v2 = p[14];
-    let b = v2, j2 = _ ? x : x.slice(0, COLUMN_LIMIT);
-    S = x.length > COLUMN_LIMIT, D = "flex flex-col justify-center items-center h-full flex-1 gap-2", k = b, A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+    }), p[14] = y) : y = p[14];
+    let b2 = y, j2 = _ ? x : x.slice(0, COLUMN_LIMIT);
+    S = x.length > COLUMN_LIMIT, D = "flex flex-col justify-center items-center h-full flex-1 gap-2", k = b2, A = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
       className: "text-muted-foreground font-semibold",
       children: [x.length > 0 ? x.length : "No", " fields"]
     }), w = "hidden lg:grid grid-cols-2 xl:grid-cols-3 gap-2 p-2 bg-(--slate-1) border rounded lg:items-center items-start w-fit grid-flow-dense max-h-[300px] overflow-auto";
@@ -5419,7 +5420,7 @@ const ColumnSummary = (e3) => {
     variant: "link",
     size: "sm",
     className: "self-center col-span-3 -mt-1",
-    onClick: () => v(_temp$2),
+    onClick: () => b(_temp$2),
     children: _ ? "Show less" : "Show more"
   }), p[18] = S, p[19] = _, p[20] = j) : j = p[20];
   let M;
@@ -5431,13 +5432,13 @@ const ColumnSummary = (e3) => {
   p[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = (e4) => {
     g(e4);
   }, p[25] = I) : I = p[25];
-  let L;
-  p[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+  let R;
+  p[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
     className: "min-w-[210px] h-full",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "Select a column" })
-  }), p[26] = L) : L = p[26];
-  let z;
-  p[27] === m ? z = p[28] : (z = m.fieldNames().map((e4) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+  }), p[26] = R) : R = p[26];
+  let U;
+  p[27] === m ? U = p[28] : (U = m.fieldNames().map((e4) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
     value: e4.toString(),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
       className: "flex items-center gap-2 flex-1",
@@ -5457,20 +5458,20 @@ const ColumnSummary = (e3) => {
         })
       ]
     })
-  }, e4)), p[27] = m, p[28] = z);
+  }, e4)), p[27] = m, p[28] = U);
   let W;
-  p[29] === z ? W = p[30] : (W = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: z }) }), p[29] = z, p[30] = W);
-  let G;
-  p[31] !== W || p[32] !== P || p[33] !== F ? (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  p[29] === U ? W = p[30] : (W = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: U }) }), p[29] = U, p[30] = W);
+  let J;
+  p[31] !== W || p[32] !== P || p[33] !== F ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "lg:hidden",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
       "data-testid": "marimo-plugin-data-explorer-column-select",
       value: P,
       disabled: F,
       onValueChange: I,
-      children: [L, W]
+      children: [R, W]
     })
-  }), p[31] = W, p[32] = P, p[33] = F, p[34] = G) : G = p[34];
+  }), p[31] = W, p[32] = P, p[33] = F, p[34] = J) : J = p[34];
   let Y;
   p[35] !== h || p[36] !== C ? (Y = h && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2 p-2 text-sm",
@@ -5483,16 +5484,16 @@ const ColumnSummary = (e3) => {
     }, e4))
   }), p[35] = h, p[36] = C, p[37] = Y) : Y = p[37];
   let X;
-  return p[38] !== G || p[39] !== Y || p[40] !== D || p[41] !== k || p[42] !== A || p[43] !== M ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  return p[38] !== J || p[39] !== Y || p[40] !== D || p[41] !== k || p[42] !== A || p[43] !== M ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: D,
     children: [
       k,
       A,
       M,
-      G,
+      J,
       Y
     ]
-  }), p[38] = G, p[39] = Y, p[40] = D, p[41] = k, p[42] = A, p[43] = M, p[44] = X) : X = p[44], X;
+  }), p[38] = J, p[39] = Y, p[40] = D, p[41] = k, p[42] = A, p[43] = M, p[44] = X) : X = p[44], X;
 };
 var STAT_KEYS = [
   "distinct",
@@ -6044,20 +6045,20 @@ var FieldSelect = (e3) => {
       })]
     })
   }, "*"), p[22] = I) : I = p[22];
-  let L;
-  p[23] !== P || p[24] !== M ? (L = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [
+  let U;
+  p[23] !== P || p[24] !== M ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectGroup, { children: [
     M,
     P,
     F,
     I
-  ] }) }), p[23] = P, p[24] = M, p[25] = L) : L = p[25];
+  ] }) }), p[23] = P, p[24] = M, p[25] = U) : U = p[25];
   let W;
-  p[26] !== _ || p[27] !== w || p[28] !== L || p[29] !== D || p[30] !== j ? (W = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
+  p[26] !== _ || p[27] !== w || p[28] !== U || p[29] !== D || p[30] !== j ? (W = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
     value: w,
     disabled: _,
     onValueChange: D,
-    children: [j, L]
-  }), p[26] = _, p[27] = w, p[28] = L, p[29] = D, p[30] = j, p[31] = W) : W = p[31];
+    children: [j, U]
+  }), p[26] = _, p[27] = w, p[28] = U, p[29] = D, p[30] = j, p[31] = W) : W = p[31];
   let G;
   p[32] !== g || p[33] !== v ? (G = g && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldOptions, {
     field: g,
@@ -6194,57 +6195,57 @@ const DataExplorerComponent = (e3) => {
   }, p[0] = h, p[1] = m, p[2] = g) : g = p[2];
   let _;
   p[3] === m ? _ = p[4] : (_ = [m], p[3] = m, p[4] = _);
-  let { data: x, isPending: S, error: C } = useAsyncData(g, _), { mark: w } = useAtomValue(chartSpecAtom), D = useAtomValue(relatedChartSpecsAtom), { theme: k } = useTheme();
-  if (C) {
+  let { data: b, isPending: x, error: S } = useAsyncData(g, _), { mark: C } = useAtomValue(chartSpecAtom), E = useAtomValue(relatedChartSpecsAtom), { theme: D } = useTheme();
+  if (S) {
     let e4;
-    return p[5] === C ? e4 = p[6] : (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: C }), p[5] = C, p[6] = e4), e4;
+    return p[5] === S ? e4 = p[6] : (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: S }), p[5] = S, p[6] = e4), e4;
   }
-  if (!x) {
+  if (!b) {
     let e4;
     return p[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}), p[7] = e4) : e4 = p[7], e4;
   }
-  let { chartData: A, schema: j } = x;
-  if (S || !j) {
+  let { chartData: k, schema: A } = b;
+  if (x || !A) {
     let e4;
     return p[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}), p[8] = e4) : e4 = p[8], e4;
   }
-  let P = (_b = (_a = D.main) == null ? void 0 : _a.plots) == null ? void 0 : _b[0], F;
-  p[9] === (P == null ? void 0 : P.fieldInfos) ? F = p[10] : (F = new Set(P == null ? void 0 : P.fieldInfos.map(_temp)), p[9] = P == null ? void 0 : P.fieldInfos, p[10] = F);
-  let L = F, R;
-  p[11] !== A || p[12] !== P || p[13] !== j || p[14] !== k ? (R = () => {
-    if (!P) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnSummary, { schema: j });
-    let e4 = P.spec, p2 = augmentSpecWithData(makeResponsive(e4), A);
+  let M = (_b = (_a = E.main) == null ? void 0 : _a.plots) == null ? void 0 : _b[0], P;
+  p[9] === (M == null ? void 0 : M.fieldInfos) ? P = p[10] : (P = new Set(M == null ? void 0 : M.fieldInfos.map(_temp)), p[9] = M == null ? void 0 : M.fieldInfos, p[10] = P);
+  let I = P, L;
+  p[11] !== k || p[12] !== M || p[13] !== A || p[14] !== D ? (L = () => {
+    if (!M) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnSummary, { schema: A });
+    let e4 = M.spec, p2 = augmentSpecWithData(makeResponsive(e4), k);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex overflow-y-auto justify-center items-center flex-1 w-[90%]"),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(q, {
         "data-container-width": getContainerWidth(p2),
         spec: p2,
-        options: chartOptions(k)
+        options: chartOptions(D)
       })
     });
-  }, p[11] = A, p[12] = P, p[13] = j, p[14] = k, p[15] = R) : R = p[15];
-  let z = R, B;
-  p[16] !== w || p[17] !== j ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryForm, {
-    mark: w,
-    schema: j
-  }), p[16] = w, p[17] = j, p[18] = B) : B = p[18];
+  }, p[11] = k, p[12] = M, p[13] = A, p[14] = D, p[15] = L) : L = p[15];
+  let R = L, z;
+  p[16] !== C || p[17] !== A ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryForm, {
+    mark: C,
+    schema: A
+  }), p[16] = C, p[17] = A, p[18] = z) : z = p[18];
+  let B;
+  p[19] === R ? B = p[20] : (B = R(), p[19] = R, p[20] = B);
   let V;
-  p[19] === z ? V = p[20] : (V = z(), p[19] = z, p[20] = V);
-  let H;
-  p[21] !== B || p[22] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  p[21] !== z || p[22] !== B ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "flex items-center gap-2",
-    children: [B, V]
-  }), p[21] = B, p[22] = V, p[23] = H) : H = p[23];
-  let U = (_c = D.histograms) == null ? void 0 : _c.plots, W = (_d2 = D.addCategoricalField) == null ? void 0 : _d2.plots, G = (_e = D.addQuantitativeField) == null ? void 0 : _e.plots, J = (_f2 = D.addTemporalField) == null ? void 0 : _f2.plots, Y;
-  if (p[24] !== h || p[25] !== A || p[26] !== L || p[27] !== G || p[28] !== J || p[29] !== U || p[30] !== W || p[31] !== k) {
+    children: [z, B]
+  }), p[21] = z, p[22] = B, p[23] = V) : V = p[23];
+  let H = (_c = E.histograms) == null ? void 0 : _c.plots, U = (_d2 = E.addCategoricalField) == null ? void 0 : _d2.plots, W = (_e = E.addQuantitativeField) == null ? void 0 : _e.plots, G = (_f2 = E.addTemporalField) == null ? void 0 : _f2.plots, J;
+  if (p[24] !== h || p[25] !== k || p[26] !== I || p[27] !== W || p[28] !== G || p[29] !== H || p[30] !== U || p[31] !== D) {
     let e4;
-    p[33] !== h || p[34] !== A || p[35] !== L || p[36] !== k ? (e4 = (e5, p2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarouselItem, {
+    p[33] !== h || p[34] !== k || p[35] !== I || p[36] !== D ? (e4 = (e5, p2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarouselItem, {
       title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "flex flex-row gap-1",
         children: e5.fieldInfos.map((e6) => {
           let p3 = e6.fieldDef.field === "*" ? "Count" : e6.fieldDef.fn ? `${e6.fieldDef.fn}(${e6.fieldDef.field})` : e6.fieldDef.field.toString();
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-            variant: L.has(e6.fieldDef.field) ? "secondary" : "defaultOutline",
+            variant: I.has(e6.fieldDef.field) ? "secondary" : "defaultOutline",
             children: p3
           }, p3);
         })
@@ -6263,23 +6264,23 @@ const DataExplorerComponent = (e3) => {
         })
       }),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(q, {
-        options: chartOptions(k),
-        spec: augmentSpecWithData(e5.spec, A)
+        options: chartOptions(D),
+        spec: augmentSpecWithData(e5.spec, k)
       }, p2)
-    }, p2), p[33] = h, p[34] = A, p[35] = L, p[36] = k, p[37] = e4) : e4 = p[37], Y = [
+    }, p2), p[33] = h, p[34] = k, p[35] = I, p[36] = D, p[37] = e4) : e4 = p[37], J = [
+      H,
       U,
       W,
-      G,
-      J
-    ].filter(Boolean).flat().map(e4), p[24] = h, p[25] = A, p[26] = L, p[27] = G, p[28] = J, p[29] = U, p[30] = W, p[31] = k, p[32] = Y;
-  } else Y = p[32];
-  let X;
-  p[38] === Y ? X = p[39] : (X = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarousel, { children: Y }), p[38] = Y, p[39] = X);
+      G
+    ].filter(Boolean).flat().map(e4), p[24] = h, p[25] = k, p[26] = I, p[27] = W, p[28] = G, p[29] = H, p[30] = U, p[31] = D, p[32] = J;
+  } else J = p[32];
+  let Y;
+  p[38] === J ? Y = p[39] : (Y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarousel, { children: J }), p[38] = J, p[39] = Y);
   let Z;
-  return p[40] !== X || p[41] !== H ? (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  return p[40] !== Y || p[41] !== V ? (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "flex flex-col gap-2",
-    children: [H, X]
-  }), p[40] = X, p[41] = H, p[42] = Z) : Z = p[42], Z;
+    children: [V, Y]
+  }), p[40] = Y, p[41] = V, p[42] = Z) : Z = p[42], Z;
 };
 var HorizontalCarousel = (e3) => {
   let p = (0, import_compiler_runtime.c)(2), { children: m } = e3;

package/dist/{ErrorBoundary-DE6tzZf-.js → ErrorBoundary-DXlxsrTF.js}

@@ -1,10 +1,10 @@
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { t as Button } from "./button-BacYv-bE.js";
+import { t as Button } from "./button-BcSml68y.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { u as createLucideIcon } from "./dist--2Bqjvs0.js";
+import { u as createLucideIcon } from "./dist-B96tMAst.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import { n as Constants } from "./constants-T20xxyNf.js";
+import { i as Constants } from "./useTheme-XMq9mNf_.js";
 var Plus = createLucideIcon("plus", [["path", {
   d: "M5 12h14",
   key: "1ays0h"