@marimo-team/islands 0.19.3-dev34 → 0.19.3-dev39

package/dist/main.js

@@ -85648,7 +85648,7 @@ ${c}
     transforms: []
   };
   const DataFrameComponent = (0, import_react.memo)((e) => {
-    let r = (0, import_compiler_runtime$39.c)(71), { columns: c, pageSize: d, showDownload: f, lazy: h, value: _, setValue: v, get_dataframe: y, get_column_values: S, search: w, download_as: E, host: O } = e, M;
+    let r = (0, import_compiler_runtime$39.c)(69), { columns: c, pageSize: d, showDownload: f, lazy: h, value: _, setValue: v, get_dataframe: y, get_column_values: S, search: w, download_as: E, host: O } = e, M;
     r[0] === y ? M = r[1] : (M = () => y({}), r[0] = y, r[1] = M);
     let I = _ == null ? void 0 : _.transforms, z;
     r[2] === I ? z = r[3] : (z = [
@@ -85656,29 +85656,29 @@ ${c}
     ], r[2] = I, r[3] = z);
     let { data: G, error: q, isPending: LY } = useAsyncData(M, z), RY;
     r[4] === G ? RY = r[5] : (RY = G || {}, r[4] = G, r[5] = RY);
-    let { url: zY, total_rows: BY, row_headers: VY, field_types: HY, column_types_per_step: UY, python_code: WY, sql_code: GY } = RY, [KY, qY] = (0, import_react.useState)(_ || EMPTY), JY = (0, import_react.useRef)(null), YY;
-    r[6] === h ? YY = r[7] : (YY = (e2) => {
+    let { url: zY, total_rows: BY, row_headers: VY, field_types: HY, column_types_per_step: UY, python_code: WY, sql_code: GY } = RY, KY = HY == null ? void 0 : HY.length, [qY, JY] = (0, import_react.useState)(_ || EMPTY), YY = (0, import_react.useRef)(null), XY;
+    r[6] === h ? XY = r[7] : (XY = (e2) => {
       var _a2;
-      h && e2 !== "transform" && ((_a2 = JY.current) == null ? void 0 : _a2.submit());
-    }, r[6] = h, r[7] = YY);
-    let XY = YY, ZY = (0, import_react.useRef)(KY), QY;
-    r[8] === KY ? QY = r[9] : (QY = () => {
-      ZY.current = KY;
-    }, r[8] = KY, r[9] = QY), (0, import_react.useEffect)(QY);
-    let $Y;
-    r[10] !== v || r[11] !== (_ == null ? void 0 : _.transforms.length) ? ($Y = () => {
-      let e2 = ZY.current;
+      h && e2 !== "transform" && ((_a2 = YY.current) == null ? void 0 : _a2.submit());
+    }, r[6] = h, r[7] = XY);
+    let ZY = XY, QY = (0, import_react.useRef)(qY), $Y;
+    r[8] === qY ? $Y = r[9] : ($Y = () => {
+      QY.current = qY;
+    }, r[8] = qY, r[9] = $Y), (0, import_react.useEffect)($Y);
+    let eX;
+    r[10] !== v || r[11] !== (_ == null ? void 0 : _.transforms.length) ? (eX = () => {
+      let e2 = QY.current;
       (_ == null ? void 0 : _.transforms.length) !== e2.transforms.length && v(e2);
-    }, r[10] = v, r[11] = _ == null ? void 0 : _.transforms.length, r[12] = $Y) : $Y = r[12];
-    let eX = _ == null ? void 0 : _.transforms.length, tX;
-    r[13] !== G || r[14] !== v || r[15] !== eX ? (tX = [
+    }, r[10] = v, r[11] = _ == null ? void 0 : _.transforms.length, r[12] = eX) : eX = r[12];
+    let tX = _ == null ? void 0 : _.transforms.length, nX;
+    r[13] !== G || r[14] !== v || r[15] !== tX ? (nX = [
       G,
-      eX,
-      ZY,
+      tX,
+      QY,
       v
-    ], r[13] = G, r[14] = v, r[15] = eX, r[16] = tX) : tX = r[16], (0, import_react.useEffect)($Y, tX);
-    let nX;
-    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nX = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    ], r[13] = G, r[14] = v, r[15] = tX, r[16] = nX) : nX = r[16], (0, import_react.useEffect)(eX, nX);
+    let rX;
+    r[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (rX = (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "transform",
       className: "text-xs py-1",
       children: [
@@ -85687,9 +85687,9 @@ ${c}
         }),
         "Transform"
       ]
-    }), r[17] = nX) : nX = r[17];
-    let rX;
-    r[18] === WY ? rX = r[19] : (rX = WY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[17] = rX) : rX = r[17];
+    let iX;
+    r[18] === WY ? iX = r[19] : (iX = WY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "python-code",
       className: "text-xs py-1",
       children: [
@@ -85698,9 +85698,9 @@ ${c}
         }),
         "Python Code"
       ]
-    }), r[18] = WY, r[19] = rX);
-    let iX;
-    r[20] === GY ? iX = r[21] : (iX = GY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
+    }), r[18] = WY, r[19] = iX);
+    let aX;
+    r[20] === GY ? aX = r[21] : (aX = GY && (0, import_jsx_runtime.jsxs)(TabsTrigger, {
       value: "sql-code",
       className: "text-xs py-1",
       children: [
@@ -85709,54 +85709,54 @@ ${c}
         }),
         "SQL Code"
       ]
-    }), r[20] = GY, r[21] = iX);
-    let aX;
-    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (aX = (0, import_jsx_runtime.jsx)("div", {
-      className: "grow"
-    }), r[22] = aX) : aX = r[22];
+    }), r[20] = GY, r[21] = aX);
     let oX;
-    r[23] !== rX || r[24] !== iX ? (oX = (0, import_jsx_runtime.jsxs)(TabsList, {
+    r[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oX = (0, import_jsx_runtime.jsx)("div", {
+      className: "grow"
+    }), r[22] = oX) : oX = r[22];
+    let sX;
+    r[23] !== iX || r[24] !== aX ? (sX = (0, import_jsx_runtime.jsxs)(TabsList, {
       className: "h-8",
       children: [
-        nX,
         rX,
         iX,
-        aX
+        aX,
+        oX
       ]
-    }), r[23] = rX, r[24] = iX, r[25] = oX) : oX = r[25];
-    let sX;
-    r[26] === LY ? sX = r[27] : (sX = LY && (0, import_jsx_runtime.jsx)(Spinner, {
-      size: "small"
-    }), r[26] = LY, r[27] = sX);
+    }), r[23] = iX, r[24] = aX, r[25] = sX) : sX = r[25];
     let cX;
-    r[28] !== oX || r[29] !== sX ? (cX = (0, import_jsx_runtime.jsxs)("div", {
+    r[26] === LY ? cX = r[27] : (cX = LY && (0, import_jsx_runtime.jsx)(Spinner, {
+      size: "small"
+    }), r[26] = LY, r[27] = cX);
+    let lX;
+    r[28] !== sX || r[29] !== cX ? (lX = (0, import_jsx_runtime.jsxs)("div", {
       className: "flex items-center gap-2",
       children: [
-        oX,
-        sX
+        sX,
+        cX
       ]
-    }), r[28] = oX, r[29] = sX, r[30] = cX) : cX = r[30];
-    let lX;
-    r[31] !== v || r[32] !== _ ? (lX = (e2) => {
-      isEqual_default(e2, _) || (v(e2), qY(e2));
-    }, r[31] = v, r[32] = _, r[33] = lX) : lX = r[33];
+    }), r[28] = sX, r[29] = cX, r[30] = lX) : lX = r[30];
     let uX;
-    r[34] !== UY || r[35] !== c || r[36] !== S || r[37] !== KY || r[38] !== h || r[39] !== lX ? (uX = (0, import_jsx_runtime.jsx)(TabsContent, {
+    r[31] !== v || r[32] !== _ ? (uX = (e2) => {
+      isEqual_default(e2, _) || (v(e2), JY(e2));
+    }, r[31] = v, r[32] = _, r[33] = uX) : uX = r[33];
+    let dX;
+    r[34] !== UY || r[35] !== c || r[36] !== S || r[37] !== qY || r[38] !== h || r[39] !== uX ? (dX = (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "transform",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(TransformPanel, {
-        ref: JY,
-        initialValue: KY,
+        ref: YY,
+        initialValue: qY,
         columns: c,
-        onChange: lX,
-        onInvalidChange: qY,
+        onChange: uX,
+        onInvalidChange: JY,
         getColumnValues: S,
         columnTypesPerStep: UY,
         lazy: h
       })
-    }), r[34] = UY, r[35] = c, r[36] = S, r[37] = KY, r[38] = h, r[39] = lX, r[40] = uX) : uX = r[40];
-    let dX;
-    r[41] === WY ? dX = r[42] : (dX = WY && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[34] = UY, r[35] = c, r[36] = S, r[37] = qY, r[38] = h, r[39] = uX, r[40] = dX) : dX = r[40];
+    let fX;
+    r[41] === WY ? fX = r[42] : (fX = WY && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "python-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -85765,9 +85765,9 @@ ${c}
         code: WY,
         language: "python"
       })
-    }), r[41] = WY, r[42] = dX);
-    let fX;
-    r[43] === GY ? fX = r[44] : (fX = GY && (0, import_jsx_runtime.jsx)(TabsContent, {
+    }), r[41] = WY, r[42] = fX);
+    let pX;
+    r[43] === GY ? pX = r[44] : (pX = GY && (0, import_jsx_runtime.jsx)(TabsContent, {
       value: "sql-code",
       className: "mt-1 border rounded-t overflow-hidden",
       children: (0, import_jsx_runtime.jsx)(ReadonlyCode, {
@@ -85776,37 +85776,35 @@ ${c}
         code: GY,
         language: "sql"
       })
-    }), r[43] = GY, r[44] = fX);
-    let pX;
-    r[45] !== XY || r[46] !== cX || r[47] !== uX || r[48] !== dX || r[49] !== fX ? (pX = (0, import_jsx_runtime.jsxs)(Tabs, {
+    }), r[43] = GY, r[44] = pX);
+    let mX;
+    r[45] !== ZY || r[46] !== lX || r[47] !== dX || r[48] !== fX || r[49] !== pX ? (mX = (0, import_jsx_runtime.jsxs)(Tabs, {
       defaultValue: "transform",
-      onValueChange: XY,
+      onValueChange: ZY,
       children: [
-        cX,
-        uX,
+        lX,
         dX,
-        fX
+        fX,
+        pX
       ]
-    }), r[45] = XY, r[46] = cX, r[47] = uX, r[48] = dX, r[49] = fX, r[50] = pX) : pX = r[50];
-    let mX;
-    r[51] === q ? mX = r[52] : (mX = q && (0, import_jsx_runtime.jsx)(ErrorBanner, {
+    }), r[45] = ZY, r[46] = lX, r[47] = dX, r[48] = fX, r[49] = pX, r[50] = mX) : mX = r[50];
+    let hX;
+    r[51] === q ? hX = r[52] : (hX = q && (0, import_jsx_runtime.jsx)(ErrorBanner, {
       error: q
-    }), r[51] = q, r[52] = mX);
-    let hX = zY || "", gX = BY ?? 0, _X;
-    r[53] === c ? _X = r[54] : (_X = Object.keys(c), r[53] = c, r[54] = _X);
-    let vX = VY || Arrays.EMPTY, yX = BY && BY > 5 || false, bX;
-    r[55] !== E || r[56] !== HY || r[57] !== O || r[58] !== d || r[59] !== w || r[60] !== f || r[61] !== hX || r[62] !== gX || r[63] !== _X.length || r[64] !== vX || r[65] !== yX ? (bX = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
+    }), r[51] = q, r[52] = hX);
+    let gX = zY || "", _X = BY ?? 0, vX = KY ?? 0, yX = VY || Arrays.EMPTY, bX = BY && BY > 5 || false, xX;
+    r[53] !== E || r[54] !== HY || r[55] !== O || r[56] !== d || r[57] !== w || r[58] !== f || r[59] !== gX || r[60] !== _X || r[61] !== vX || r[62] !== yX || r[63] !== bX ? (xX = (0, import_jsx_runtime.jsx)(LoadingDataTableComponent, {
       label: null,
       className: "rounded-b border-x border-b",
-      data: hX,
+      data: gX,
       hasStableRowId: false,
-      totalRows: gX,
-      totalColumns: _X.length,
+      totalRows: _X,
+      totalColumns: vX,
       maxColumns: "all",
       pageSize: d,
       pagination: true,
       fieldTypes: HY,
-      rowHeaders: vX,
+      rowHeaders: yX,
       showDownload: f,
       download_as: E,
       enableSearch: false,
@@ -85815,7 +85813,7 @@ ${c}
       showColumnSummaries: false,
       showDataTypes: true,
       get_column_summaries: getColumnSummaries,
-      showPageSizeSelector: yX,
+      showPageSizeSelector: bX,
       showColumnExplorer: false,
       showRowExplorer: true,
       showChartBuilder: false,
@@ -85824,15 +85822,15 @@ ${c}
       selection: null,
       lazy: false,
       host: O
-    }), r[55] = E, r[56] = HY, r[57] = O, r[58] = d, r[59] = w, r[60] = f, r[61] = hX, r[62] = gX, r[63] = _X.length, r[64] = vX, r[65] = yX, r[66] = bX) : bX = r[66];
-    let xX;
-    return r[67] !== pX || r[68] !== mX || r[69] !== bX ? (xX = (0, import_jsx_runtime.jsxs)("div", {
+    }), r[53] = E, r[54] = HY, r[55] = O, r[56] = d, r[57] = w, r[58] = f, r[59] = gX, r[60] = _X, r[61] = vX, r[62] = yX, r[63] = bX, r[64] = xX) : xX = r[64];
+    let SX;
+    return r[65] !== mX || r[66] !== hX || r[67] !== xX ? (SX = (0, import_jsx_runtime.jsxs)("div", {
       children: [
-        pX,
         mX,
-        bX
+        hX,
+        xX
       ]
-    }), r[67] = pX, r[68] = mX, r[69] = bX, r[70] = xX) : xX = r[70], xX;
+    }), r[65] = mX, r[66] = hX, r[67] = xX, r[68] = SX) : SX = r[68], SX;
   });
   DataFrameComponent.displayName = "DataFrameComponent";
   function getColumnSummaries() {
@@ -101155,7 +101153,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.3-dev34"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.3-dev39"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/package.json

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

package/src/plugins/impl/data-frames/DataFramePlugin.tsx

@@ -202,6 +202,8 @@ export const DataFrameComponent = memo(
       sql_code,
     } = data || {};
 
+    const totalColumns = field_types?.length;
+
     const [internalValue, setInternalValue] = useState<Transformations>(
       value || EMPTY,
     );
@@ -317,7 +319,7 @@ export const DataFrameComponent = memo(
           data={url || ""}
           hasStableRowId={false}
           totalRows={total_rows ?? 0}
-          totalColumns={Object.keys(columns).length}
+          totalColumns={totalColumns ?? 0}
           maxColumns="all"
           pageSize={pageSize}
           pagination={true}