@marimo-team/islands 0.24.3-dev4 → 0.24.3-dev5

package/dist/{common-BDlauhCU.js → common-xHoep60C.js}

@@ -29847,18 +29847,20 @@ var SW = ({ pagination: e, totalColumns: t, selection: n, onRowSelectionChange:
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
 }, DW = (e) => {
-	let t = (0, W.c)(9), { columnName: n, dataType: r } = e, i, a;
+	let t = (0, W.c)(12), { columnName: n, dataType: r, className: i } = e, a, s;
 	if (t[0] !== r) {
 		let e = be(r);
-		i = re[e], a = y(e), t[0] = r, t[1] = i, t[2] = a;
-	} else i = t[1], a = t[2];
-	let o = `w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${a}`, s;
-	t[3] !== i || t[4] !== o ? (s = /* @__PURE__ */ (0, U.jsx)(i, { className: o }), t[3] = i, t[4] = o, t[5] = s) : s = t[5];
-	let c;
-	return t[6] !== n || t[7] !== s ? (c = /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: "flex flex-row items-center gap-1.5",
-		children: [s, n]
-	}), t[6] = n, t[7] = s, t[8] = c) : c = t[8], c;
+		a = re[e], s = y(e), t[0] = r, t[1] = a, t[2] = s;
+	} else a = t[1], s = t[2];
+	let c = s, l;
+	t[3] === i ? l = t[4] : (l = o("flex flex-row items-center gap-1.5", i), t[3] = i, t[4] = l);
+	let u = `w-4 h-4 shrink-0 p-0.5 rounded-sm stroke-card-foreground ${c}`, d;
+	t[5] !== a || t[6] !== u ? (d = /* @__PURE__ */ (0, U.jsx)(a, { className: u }), t[5] = a, t[6] = u, t[7] = d) : d = t[7];
+	let f;
+	return t[8] !== n || t[9] !== l || t[10] !== d ? (f = /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: l,
+		children: [d, n]
+	}), t[8] = n, t[9] = l, t[10] = d, t[11] = f) : f = t[11], f;
 }, OW = "Show only this column";
 function kW({ table: e, columnIds: t, disabled: n, className: r, iconClassName: i = "h-3 w-3" }) {
 	return /* @__PURE__ */ (0, U.jsx)(Li, {
@@ -29983,17 +29985,22 @@ var jW = ({ table: e }) => {
 						/* @__PURE__ */ (0, U.jsx)(V_, {})
 					] }),
 					l.visibleOptions.map((t, n) => {
-						let r = l.isChecked(t.value), { dataType: i } = t.data, a = n === l.pinnedCount && l.pinnedCount > 0 && l.pinnedCount < l.visibleOptions.length;
+						let r = l.isChecked(t.value), { dataType: i } = t.data, a = n === l.pinnedCount && l.pinnedCount > 0 && l.pinnedCount < l.visibleOptions.length, s = /* @__PURE__ */ (0, U.jsx)("span", {
+							className: "truncate",
+							title: t.label,
+							children: t.label
+						});
 						return /* @__PURE__ */ (0, U.jsxs)(H.Fragment, { children: [a && /* @__PURE__ */ (0, U.jsx)(V_, {}), /* @__PURE__ */ (0, U.jsxs)(H_, {
 							value: t.value,
 							disabled: t.disabled,
 							onSelect: () => l.toggle(t.value),
 							className: "flex items-center gap-1.5 cursor-pointer",
-							children: [i === void 0 ? /* @__PURE__ */ (0, U.jsx)("span", { children: t.label }) : /* @__PURE__ */ (0, U.jsx)(DW, {
-								columnName: t.label,
+							children: [i === void 0 ? s : /* @__PURE__ */ (0, U.jsx)(DW, {
+								className: "min-w-0",
+								columnName: s,
 								dataType: i
 							}), !t.disabled && /* @__PURE__ */ (0, U.jsxs)("span", {
-								className: "ml-auto flex items-center gap-0.5",
+								className: "ml-auto flex shrink-0 items-center gap-0.5",
 								children: [/* @__PURE__ */ (0, U.jsx)(kW, {
 									table: e,
 									columnIds: [t.value],
@@ -32157,7 +32164,7 @@ function XK() {
 		return a.warn("Failed to get version from mount config"), null;
 	}
 }
-var ZK = XK() || "0.24.3-dev4", QK = V(ZK), $K = V(!0);
+var ZK = XK() || "0.24.3-dev5", QK = V(ZK), $K = V(!0);
 V(null);
 //#endregion
 //#region src/core/wasm/state.ts

package/dist/main.js

@@ -6,7 +6,7 @@ import { n as x, r as S, t as C } from "./copy-CD7S58CY.js";
 import { $n as w, An as T, B as E, Bn as D, Bt as O, C as k, Ct as A, Dn as j, Dt as M, En as N, F as P, Fn as F, G as I, I as L, It as ee, J as te, Jt as R, K as ne, Kn as z, L as re, Lt as ie, Mt as ae, Nn as oe, Nt as se, On as ce, Ot as le, P as ue, Pn as de, Pt as fe, Q as pe, Qn as me, Qt as he, R as ge, Rn as _e, Sn as ve, St as ye, U as be, Un as xe, Vn as Se, Vt as Ce, W as we, Wn as Te, Wt as Ee, X as De, Xn as Oe, Y as ke, Yn as Ae, Yt as je, Z as Me, Zn as Ne, Zt as Pe, _ as Fe, _n as Ie, a as Le, an as Re, ar as ze, at as Be, b as Ve, bn as He, bt as Ue, cn as We, ct as Ge, dn as Ke, dt as qe, et as Je, fn as Ye, ft as Xe, g as Ze, i as Qe, ir as $e, j as et, jt as tt, k as nt, kn as rt, kt as it, ln as at, n as ot, nr as st, o as ct, on as lt, ot as ut, q as dt, qt as ft, sn as pt, st as mt, tn as ht, tr as gt, un as _t, ut as vt, v as yt, wn as bt, wt as xt, xn as St, xt as Ct, y as wt, z as Tt, zn as Et } from "./html-to-image-BhNoIBSU.js";
 import { o as Dt, s as Ot, u as kt } from "./dist-3_o3T78I.js";
 import { D as At, E as jt, O as Mt, S as Nt, T as Pt, _ as Ft, a as It, c as Lt, d as Rt, f as zt, g as Bt, h as Vt, i as Ht, l as Ut, m as Wt, n as Gt, o as Kt, p as qt, r as Jt, s as Yt, t as Xt, u as Zt, v as Qt, w as $t, x as en, y as tn } from "./spec-CutWdqo3.js";
-import { $ as nn, $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Cn as un, Ct as dn, D as fn, Dn as pn, Dt as mn, E as hn, En as gn, Et as _n, F as vn, Ft as yn, G as bn, Gt as xn, H as Sn, Ht as Cn, I as wn, It as Tn, J as En, Jt as Dn, K as On, Kt as kn, L as An, Lt as jn, M as Mn, N as Nn, Nt as Pn, O as Fn, Ot as In, P as Ln, Pt as Rn, Q as zn, Qt as Bn, R as Vn, Rt as Hn, S as Un, Sn as Wn, St as Gn, T as Kn, Tn as qn, Tt as Jn, U as Yn, Ut as Xn, V as Zn, Vt as Qn, W as $n, Wt as er, X as tr, Xt as nr, Y as rr, Yt as ir, Z as ar, Zt as or, _ as sr, _n as cr, _t as lr, a as ur, an as dr, at as fr, b as pr, bn as mr, bt as hr, cn as gr, dn as _r, dt as vr, en as yr, et as br, fn as xr, ft as Sr, g as Cr, gn as wr, gt as Tr, hn as Er, ht as Dr, i as Or, in as kr, it as Ar, j as jr, k as Mr, kt as Nr, l as Pr, ln as Fr, m as Ir, mn as Lr, mt as Rr, n as zr, nn as Br, nt as Vr, on as Hr, ot as Ur, pn as Wr, pt as Gr, q as Kr, qt as qr, rn as Jr, rt as Yr, s as Xr, sn as Zr, st as Qr, t as $r, tn as ei, tt as ti, un as ni, v as ri, vt as ii, w as ai, wn as oi, wt as si, x as ci, xn as li, xt as ui, y as di, yn as fi, yt as pi, z as mi, zt as hi } from "./common-BDlauhCU.js";
+import { $ as nn, $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Cn as un, Ct as dn, D as fn, Dn as pn, Dt as mn, E as hn, En as gn, Et as _n, F as vn, Ft as yn, G as bn, Gt as xn, H as Sn, Ht as Cn, I as wn, It as Tn, J as En, Jt as Dn, K as On, Kt as kn, L as An, Lt as jn, M as Mn, N as Nn, Nt as Pn, O as Fn, Ot as In, P as Ln, Pt as Rn, Q as zn, Qt as Bn, R as Vn, Rt as Hn, S as Un, Sn as Wn, St as Gn, T as Kn, Tn as qn, Tt as Jn, U as Yn, Ut as Xn, V as Zn, Vt as Qn, W as $n, Wt as er, X as tr, Xt as nr, Y as rr, Yt as ir, Z as ar, Zt as or, _ as sr, _n as cr, _t as lr, a as ur, an as dr, at as fr, b as pr, bn as mr, bt as hr, cn as gr, dn as _r, dt as vr, en as yr, et as br, fn as xr, ft as Sr, g as Cr, gn as wr, gt as Tr, hn as Er, ht as Dr, i as Or, in as kr, it as Ar, j as jr, k as Mr, kt as Nr, l as Pr, ln as Fr, m as Ir, mn as Lr, mt as Rr, n as zr, nn as Br, nt as Vr, on as Hr, ot as Ur, pn as Wr, pt as Gr, q as Kr, qt as qr, rn as Jr, rt as Yr, s as Xr, sn as Zr, st as Qr, t as $r, tn as ei, tt as ti, un as ni, v as ri, vt as ii, w as ai, wn as oi, wt as si, x as ci, xn as li, xt as ui, y as di, yn as fi, yt as pi, z as mi, zt as hi } from "./common-xHoep60C.js";
 import { c as gi, i as _i, n as vi, o as yi, t as bi } from "./useLifecycle-B4RGlyf0.js";
 import { t as xi } from "./check-CHig47QV.js";
 import { A as Si, C as Ci, D as wi, E as Ti, F as Ei, I as Di, M as Oi, N as ki, P as Ai, R as ji, S as Mi, a as Ni, b as Pi, c as Fi, i as Ii, j as Li, l as Ri, n as zi, o as Bi, r as Vi, s as Hi, t as Ui, w as Wi, x as Gi } from "./select-3qHpFKF9.js";
@@ -35311,7 +35311,7 @@ function lJ(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var uJ = q.lazy(() => import("./reveal-component-BthxSdRc.js")), dJ = (e) => {
+var uJ = q.lazy(() => import("./reveal-component-DwuC-61O.js")), dJ = (e) => {
 	let t = (0, Y.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = Xm(it), s = a === "read" || o, c = Xm(ke) > 1, [l, u] = (0, q.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = sW(i, n), t[0] = i, t[1] = n, t[2] = d) : d = t[2];
 	let { slideCells: f, skippedIds: p, noOutputIds: m, slideTypes: h, startCellIndex: g } = d, _;

package/dist/{reveal-component-BthxSdRc.js → reveal-component-DwuC-61O.js}

@@ -4,7 +4,7 @@ import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
 import { kt as c, st as l } from "./html-to-image-BhNoIBSU.js";
 import { u } from "./dist-3_o3T78I.js";
-import { _n as d, c as f, ct as p, g as m, h, l as g, lt as _, n as v, o as y, r as b, t as x, u as S, ut as C, vn as w, xn as T } from "./common-BDlauhCU.js";
+import { _n as d, c as f, ct as p, g as m, h, l as g, lt as _, n as v, o as y, r as b, t as x, u as S, ut as C, vn as w, xn as T } from "./common-xHoep60C.js";
 import { R as E } from "./select-3qHpFKF9.js";
 import { Y as D } from "./dropdown-menu-DhCfcscX.js";
 import { t as O } from "./jsx-runtime-CpoKNRgu.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.24.3-dev4",
+  "version": "0.24.3-dev5",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/column-visibility-dropdown.tsx

@@ -215,6 +215,11 @@ export const ColumnVisibilityDropdown = <TData,>({
                 index === list.pinnedCount &&
                 list.pinnedCount > 0 &&
                 list.pinnedCount < list.visibleOptions.length;
+              const label = (
+                <span className="truncate" title={option.label}>
+                  {option.label}
+                </span>
+              );
               return (
                 <React.Fragment key={option.value}>
                   {isSectionBoundary && <CommandSeparator />}
@@ -225,15 +230,16 @@ export const ColumnVisibilityDropdown = <TData,>({
                     className="flex items-center gap-1.5 cursor-pointer"
                   >
                     {dataType === undefined ? (
-                      <span>{option.label}</span>
+                      label
                     ) : (
                       <ColumnName
-                        columnName={option.label}
+                        className="min-w-0"
+                        columnName={label}
                         dataType={dataType}
                       />
                     )}
                     {!option.disabled && (
-                      <span className="ml-auto flex items-center gap-0.5">
+                      <span className="ml-auto flex shrink-0 items-center gap-0.5">
                         <ShowOnlyColumnButton
                           table={table}
                           columnIds={[option.value]}

package/src/components/datasources/components.tsx

@@ -101,18 +101,20 @@ export const ColumnPreviewContainer: React.FC<{
 export const ColumnName = ({
   columnName,
   dataType,
+  className,
 }: {
   columnName: React.ReactNode;
   dataType: DataType;
+  className?: string;
 }) => {
   const resolvedDataType = resolveDataType(dataType);
   const Icon = DATA_TYPE_ICON[resolvedDataType];
   const color = getDataTypeColor(resolvedDataType);
 
   return (
-    <div className="flex flex-row items-center gap-1.5">
+    <div className={cn("flex flex-row items-center gap-1.5", className)}>
       <Icon
-        className={`w-4 h-4 p-0.5 rounded-sm stroke-card-foreground ${color}`}
+        className={`w-4 h-4 shrink-0 p-0.5 rounded-sm stroke-card-foreground ${color}`}
       />
       {columnName}
     </div>