@sheetxl/studio-vanilla 0.4.10 → 0.4.12

package/cdn/assets/CiY3HumGDc_5bMtR.js

@@ -0,0 +1,58 @@
+import { a } from "./DDW1WJ2IM_9ZUfKm.js";
+import { r as n } from "./dk2teWHDODYNarJY.js";
+import { ae as L, a1 as O, af as E, ag as M, S as h, V as A, D as V, B as o, ah as W, ai as k, ad as u, aj as q, ak as G, al as f, a3 as y, am as b, an as j } from "./Jhm2DAcrfAqiM-Y-.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const Y = n.memo((w) => {
+  const { title: S, onHide: C, autoFocusSel: N = ".range-input input", context: R, notifier: l = L, command: r, commands: c, ...v } = w, [T, d] = n.useState(!1), [g, m] = n.useState(!1), x = n.useRef(null), [J, D] = n.useReducer((e) => e + 1, 0), [F, { width: K }] = O();
+  E(r);
+  const s = R ?? r.context(), t = s.table(), [B, H] = n.useState(() => t ? s.getNames().getRanges(t.getRange()) : null), I = n.useMemo(() => t?.getName() ?? "", [t]);
+  M(s.table(), { onAnchorCoordsChange(e) {
+    H(s.getNames().getRanges(e.getRange()));
+  }, onProtectedChange(e) {
+    D();
+  } });
+  const P = h((e) => {
+    s?.table().setName(e);
+  }, [s]), z = h((e) => {
+    s?.table().resize(e.at(0));
+  }, [s]);
+  let p = null;
+  return s.table() || (p = a.jsx("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", opacity: 1, display: "flex", alignItems: "center", justifyItems: "center", justifyContent: "center", boxSizing: "border-box" }, children: a.jsx("div", { children: "No table selected" }) })), a.jsx(A, { ref: x, title: S ?? "Table Details", initialPosition: { y: "35" }, autoFocusSel: N, onHide: C, onFocus: () => d(!0), onBlur: (e) => {
+    x?.current?.contains(e.relatedTarget) || d(!1);
+  }, PaperProps: { elevation: T ? 3 : 1 }, ...v, children: a.jsxs(V, { dividers: !0, ref: F, sx: { display: "flex", flexDirection: "column", position: "relative", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, children: [a.jsxs(o, { sx: { display: "flex", flexDirection: "column", transition: "opacity 60ms", opacity: s.table() ? 1 : 0 }, children: [a.jsx(o, { sx: { display: "flex", flexDirection: "row", gap: (e) => e.spacing(1) }, children: a.jsx(o, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box", paddingLeft: (e) => e.spacing(2), paddingRight: (e) => e.spacing(2) }, children: a.jsxs(o, { sx: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [a.jsx(W, { formName: "name", defaultInput: I, value: t?.getName() ?? "No table", onChangeInput: P, onValidate: (e) => {
+    t && t.getName().toLowerCase() === e.toLowerCase() || s?.getNames().validateName(e);
+  }, disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+    g || e.target?.select(), m(!0);
+  } }), a.jsx(k, { formName: "range", value: B, onChangeInput: z, resolvedAddress: s.getNames().getRanges.bind(s.getNames()), disabled: t?.isProtected() ?? !0, onFocus: (e) => {
+    g || e.target?.select(), m(!0);
+  } })] }) }) }), a.jsxs(o, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [a.jsx(u, { orientation: "horizontal", sx: { marginTop: (e) => e.spacing(1.5), marginBottom: (e) => e.spacing(0.75) } }), a.jsx(q, { disabled: t?.isProtected(), styleOptions: t?.getStyleOptions() ?? null, onStyleOptionsChange: (e) => {
+    t.updateStyleOptions(e);
+  }, showHeaderRow: t?.getShowHeaders(), onShowHeaderRowChange: (e) => {
+    try {
+      t.setShowHeaders(e);
+    } catch (i) {
+      l.showError(i);
+    }
+  }, showTotalRow: t?.getShowTotals(), onShowTotalRowChange: (e) => {
+    try {
+      t.setShowTotals(e);
+    } catch (i) {
+      l.showError(i);
+    }
+  }, showFilterButton: t?.getFilter() ? t.getShowFilterButton() : null, onShowFilterButtonChange: (e) => {
+    try {
+      t.setShowFilterButton(e);
+    } catch (i) {
+      l.showError(i);
+    }
+  } }), a.jsx(o, { sx: { display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", marginTop: (e) => e.spacing(2), marginBottom: (e) => e.spacing(1) }, children: a.jsx(G, { table: t, styles: s.styles(), bodyStyle: s.bodyStyle(), cellHeight: 30, isLive: !0 }) }), a.jsx(u, { orientation: "horizontal" }), a.jsxs(o, { sx: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [a.jsx(f, { variant: b.Menuitem, command: c.getCommand("convertTableToRange"), commandState: t, icon: y(a.jsx(j, {})) }), a.jsx(f, { variant: b.Menuitem, commandState: t, command: c.getCommand("deleteTable"), icon: y(a.jsx(j, {})) })] })] })] }), p] }) });
+});
+export {
+  Y as TableDetailsWindow,
+  Y as default
+};

package/cdn/assets/CpPLN0-hDsTIFHZV.js

@@ -0,0 +1,46 @@
+import { a as s } from "./DDW1WJ2IM_9ZUfKm.js";
+import { r as n } from "./dk2teWHDODYNarJY.js";
+import { S as x, s as L, B as W, F as b, T as O, a as p, v as r } from "./Jhm2DAcrfAqiM-Y-.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const z = ["Ok", "Cancel"], V = n.memo((P) => {
+  const { initialHyperlink: o = null, initialDisplay: D = null, onUpdateHyperlink: f, context: i, onOption: h, onValidateOption: d, onDone: u, options: k = z, defaultOption: c = k?.[0], cancelOption: l = "Cancel", sx: F, ...v } = P, H = n.useMemo(() => (o ?? i?.()?.getHyperlink()) !== null, []), y = n.useMemo(() => {
+    let t = null, a = null;
+    o && (typeof o == "string" ? a = o : t = o);
+    const m = t ?? i?.()?.getHyperlink();
+    return { address: a ?? m?.getAddress() ?? "", textToDisplay: m?.getDisplayText() ?? "" };
+  }, [o, i]), [e, I] = n.useState(y.address), [g, j] = n.useState(() => {
+    const t = i?.().toTextUnformatted() ?? D;
+    return t === y.address ? "" : t;
+  }), [w, T] = n.useState(!1), M = n.useCallback((t) => {
+    j(t.target.value);
+  }, []), C = n.useCallback(async (t, a) => null, []), S = x(async (t) => {
+    t !== l && f?.(e === "" ? null : { address: e }, g), h?.(t, t === l, t === c), u?.();
+  }, [e, g, f, u, h, c, l]), B = x((t) => {
+    I(t.target.value), C(t.target.value, null);
+  }, [d]), $ = x(async (t) => {
+    let a = await Promise.resolve(d?.(t));
+    try {
+      a !== !1 && (a = await C(e, t));
+    } catch {
+    }
+    return a ?? !0;
+  }, [d]);
+  return s.jsx(L, { title: (H ? "Edit" : "Insert") + " Link", options: k, onDone: u, onOption: (t) => S(t), onValidateOption: $, defaultOption: c, cancelOption: l, autoFocusSel: ".autoFocus", sx: { width: "480px", ...F }, ...v, children: s.jsxs(W, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0), rowGap: (t) => t.spacing(1), display: "flex", flexDirection: "column" }, children: [s.jsx(b, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(O, { label: "Address", placeholder: "Enter a url or cell reference.", onFocus: (t) => {
+    w || t.target?.select(), T(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { className: "autoFocus", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: e, onChange: B, onContextMenu: (t) => {
+    t.stopPropagation();
+  } }) }), s.jsx(b, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: s.jsx(O, { label: "Display Text", placeholder: e?.startsWith("#") ? e.substring(1) : e, onFocus: () => {
+    T(!0);
+  }, sx: { "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5) } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { spellCheck: !1, autoComplete: "off", sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${p("#fff", r(5))}, ${p("#fff", r(5))})` } } }, value: g, onChange: M, onContextMenu: (t) => {
+    t.stopPropagation();
+  } }) })] }) });
+});
+export {
+  V as HyperlinkDialog,
+  V as default
+};

package/{browser/esm/C_Zx1tYjI3n7KKZH.mjs → cdn/assets/Cq94woVmlxhjWVRI.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -13,7 +13,7 @@ const i = { reactUrl: "https://esm.sh/react@19.1.0", reactJsxTransform: "https:/
     e.type = "importmap", e.textContent = JSON.stringify({ imports: { react: n, "react/jsx-runtime": a, "react-dom": s, "react-dom/client": c } }), document.head.appendChild(e), console.log("SheetXL: Import map injected:", e.textContent);
   }
   await new Promise((e) => setTimeout(e, 0));
-  const o = await Promise.all([import("react"), import("react/jsx-runtime"), import("react-dom"), import("react-dom/client"), import("./CHNPjJxb0GY_naLa.mjs").then((e) => e.b7)]);
+  const o = await Promise.all([import("./dk2teWHDODYNarJY.js").then((e) => e.R), import("./DDW1WJ2IM_9ZUfKm.js").then((e) => e.j), import("./B3kbBB6oxKBErwzn.js").then((e) => e.i), import("./DfmaL8DmDaFAv8M_.js").then((e) => e.c), import("./Jhm2DAcrfAqiM-Y-.js").then((e) => e.ao)]);
   return console.log("SheetXL: Dependencies resolved:", o), { React: o[0], ReactJSXTransform: o[1], ReactDOM: o[2], ReactDOMClient: o[3], StudioMUI: o[4] };
 })(), r));
 export {

package/cdn/assets/CsjftXmSYQRHNKdq.js

@@ -0,0 +1,41 @@
+import { a as i } from "./DDW1WJ2IM_9ZUfKm.js";
+import { r as n } from "./dk2teWHDODYNarJY.js";
+import { t as e, q as $, s as q, B as z, F as E, T as R, a as O, b as W, K as y } from "./Jhm2DAcrfAqiM-Y-.js";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.12
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const A = ["Input"], U = n.memo(n.forwardRef((w, T) => {
+  const { initialValue: F = "", onOption: I, onValidateOption: l, onInputOption: u, onValidateInputOption: p, onDone: c, inputProps: d, inputLabel: P, inputType: S, inputPlaceHolder: b, options: g = A, autoFocusSel: v = ".autoFocus", cancelOption: m, defaultOption: f = g?.[0], ...C } = w, [j, k] = n.useState(!1), [a, V] = n.useState(F), [B, D] = n.useState(""), [H, K] = n.useState(!0), s = e(async (t, o) => {
+    if (!p) return !0;
+    const r = await p?.(t, o);
+    D(r?.message ?? "");
+    const x = r?.valid ?? !0;
+    return K(x), x;
+  }, [p]), h = e(async (t) => {
+    u?.(a, t);
+  }, [a, u, c, I, m, f]), L = e(async (t) => {
+    t.keyCode === $.Enter && await s?.(a, null);
+  }, [a, h]), M = e((t) => {
+    V(t.target.value), s?.(t.target.value, null);
+  }, [l]), N = e(async (t) => {
+    let o = await s(a, t);
+    try {
+      o !== !1 && (o = await s(a, t));
+    } catch {
+    }
+    return o ?? !0;
+  }, [a, l]);
+  return i.jsx(q, { options: g, onDone: c, onOption: (t, o) => {
+    o || h(t);
+  }, onValidateOption: N, cancelOption: m, defaultOption: f, autoFocusSel: v, ref: T, ...C, children: i.jsx(z, { sx: { paddingTop: (t) => t.spacing(1), paddingBottom: (t) => t.spacing(0) }, children: i.jsx(E, { sx: { paddingTop: (t) => t.spacing(1.5), minWidth: 135, width: "100%" }, size: "small", children: i.jsx(R, { onFocus: (t) => {
+    j || t.target?.select(), k(!0);
+  }, type: S, label: P, helperText: B || " ", sx: { width: "100%", "& .MuiFormHelperText-root": { marginTop: (t) => t.spacing(0.5), color: H ? void 0 : "error.main" } }, InputLabelProps: { shrink: !0 }, InputProps: { inputProps: { placeholder: b, spellCheck: !1, autoComplete: "off", ...d, className: W("autoFocus", d?.className), sx: { paddingTop: (t) => t.spacing(1.25), paddingBottom: (t) => t.spacing(0.75), backgroundImage: `linear-gradient(${O("#fff", y(5))}, ${O("#fff", y(5))})` } } }, value: a, onChange: M, onKeyDown: L, onContextMenu: (t) => {
+    t.stopPropagation();
+  } }) }) }) });
+}));
+export {
+  U as default
+};