@sheetxl/studio-vanilla 0.4.21 → 0.4.22

package/browser/esm/index.mjs

@@ -1,183 +1,11 @@
-import { r as D, g as b, a as F, b as I } from "./NBuS53B7u8hItiXf.mjs";
-import * as C from "@sheetxl/studio-mui";
+import { aO as t, aO as f } from "./B0A2aLiKDPGGU4k-.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.21
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.22
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-function N(t, o) {
-  for (var e = 0; e < o.length; e++) {
-    const n = o[e];
-    if (typeof n != "string" && !Array.isArray(n)) {
-      for (const i in n) if (i !== "default" && !(i in t)) {
-        const l = Object.getOwnPropertyDescriptor(n, i);
-        l && Object.defineProperty(t, i, l.get ? l : { enumerable: !0, get: () => n[i] });
-      }
-    }
-  }
-  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
-}
-const S = /* @__PURE__ */ new Map(), R = (t, o = {}) => {
-  const { message: e, icon: n, customElement: i, hide: l = !1, className: a, cssVars: u = {} } = o;
-  if (l) return;
-  const c = typeof t == "string" ? document.querySelector(t) : t;
-  if (!c) return void console.warn(`Element with selector "${t}" not found for panel.`);
-  let r;
-  if (f(t), i) r = i;
-  else {
-    r = document.createElement("div"), r.className = a ? `sheetxl-panel ${a}` : "sheetxl-panel";
-    const m = Object.entries(u).map(([s, y]) => `--sheetxl-panel-${s}: ${y};`).join(" "), g = `
-        @keyframes sheetxl-spin {
-          from { transform: rotate(0deg); }
-          to { transform: rotate(360deg); }
-        }
-        .sheetxl-panel {
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          backdrop-filter: blur(4px);
-          border-radius: 4px;
-          z-index: 9999;
-          gap: 16px;
-
-          /* CSS variables with fallbacks */
-          color: var(--sheetxl-panel-color, #333);
-        }
-
-        .sheetxl-panel.dark {
-          color: var(--sheetxl-panel-color, #e0e0e0);
-        }
-
-        .sheetxl-icon {
-          width: 24px;
-          height: 24px;
-          color: var(--sheetxl-panel-icon-color, #1976d2);
-        }
-
-        .sheetxl-panel.loading {
-          /* Loading panel defaults */
-          color: var(--sheetxl-panel-color, #333);
-        }
-
-        .sheetxl-panel.loading.dark {
-          color: var(--sheetxl-panel-color, #e0e0e0);
-        }
-
-        .sheetxl-panel.error {
-          /* Error panel defaults */
-          color: var(--sheetxl-panel-color, #d32f2f);
-        }
-
-        .sheetxl-panel.error.dark {
-          color: var(--sheetxl-panel-color, #f44336);
-        }
-
-        .sheetxl-panel.error .sheetxl-icon {
-          color: var(--sheetxl-panel-icon-color, #d32f2f);
-        }
-
-        .sheetxl-panel.error.dark .sheetxl-icon {
-          color: var(--sheetxl-panel-icon-color, #f44336);
-        }
-
-        .sheetxl-message {
-          font-size: 1.1em;
-          font-weight: 500;
-          letter-spacing: 0.1px;
-          text-align: center;
-          margin: 0;
-        }
-      `, h = document.createElement("style");
-    if (h.textContent = g, r.appendChild(h), n) {
-      const s = document.createElement("div");
-      s.className = "sheetxl-icon", typeof n == "string" ? s.innerHTML = n : n instanceof HTMLElement && s.appendChild(n), r.appendChild(s);
-    }
-    if (e) {
-      const s = document.createElement("div");
-      s.className = "sheetxl-message", s.textContent = e, r.appendChild(s);
-    }
-    m && (r.style.cssText += m), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && r.classList.add("dark");
-  }
-  window.getComputedStyle(c).position === "static" && (c.style.position = "relative"), c.appendChild(r), S.set(t, r);
-}, f = (t) => {
-  const o = S.get(t);
-  o && o.parentNode && (o.parentNode.removeChild(o), S.delete(t));
-}, O = (t, o = {}) => {
-  R(t, { icon: `
-      <svg width="24" height="24" viewBox="0 0 24 24" style="animation: sheetxl-spin 1s linear infinite;">
-        <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.416" stroke-dashoffset="31.416">
-          <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
-          <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
-        </circle>
-      </svg>
-    `, className: "loading", ...o });
-}, j = (t, o = {}) => {
-  R(t, { message: "Failed to load SheetXL", icon: `
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-        <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
-      </svg>
-    `, className: "error", ...o });
-}, x = /* @__PURE__ */ new Map(), T = b(D());
-var M = F();
-const X = N({ __proto__: null, default: b(M) }, [M]);
-var k = I();
-const z = N({ __proto__: null, default: b(k) }, [k]);
-let w;
-const U = async (t) => {
-  if (w) return w;
-  if (C.Studio === void 0) throw new Error("StudioMUI.Studio is undefined. Make sure @sheetxl/studio-mui is correctly installed.");
-  return w = await (async (o, e) => {
-    typeof e == "string" && (e = { selector: e });
-    try {
-      if (e?.selector && O(e?.selector, e?.loading), !o) throw new Error("No runtime provided");
-      e?.licenseKey && await o.StudioMUI.LicenseManager.setLicenseKey(e.licenseKey), e?.selector && f(e?.selector);
-    } catch (n) {
-      throw e?.selector && (f(e.selector), j(e.selector, { message: `Failed to initialize: ${n instanceof Error ? n.message : String(n)}`, ...e?.error })), console.error("Failed to initialize:", n), n;
-    }
-    return o;
-  })({ React: T, ReactJSXTransform: X, ReactDOM: z, ReactDOMClient: z, StudioMUI: C }, typeof t == "object" ? t : void 0), w;
-};
-let p;
-const L = async (t) => p || await U(t), q = { attachStudio: async (t, o) => (p || (p = await L(t)), (async (e, n, i, l) => {
-  if (!n) throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
-  const a = typeof n == "string" ? n : n.selector || "#sheetxl", u = typeof a == "string" ? document.querySelector(a) : a;
-  if (!u) throw new Error(`Element with selector "${a}" not found.`);
-  if (x.has(a) && x.get(a) !== null) throw new Error(`SheetXL already attached to "${a}". Detach first if you want to re-attach.`);
-  const c = typeof n == "object" ? n : null;
-  O(a, c?.loading);
-  try {
-    f(a);
-    const r = e.ReactDOMClient.createRoot(u), m = e.React.createRef(), g = e.StudioMUI[i];
-    let h = null;
-    await new Promise((v) => {
-      r.render(e.React.createElement(g, { ...l, ref: (d) => {
-        d && (h = d, v());
-      } }));
-    });
-    const y = { runtime: e, root: r };
-    x.set(a, y);
-    let E = !1;
-    return new Proxy(h, { get(v, d, $) {
-      if (E) throw new Error(`SheetXL instance attached to "${a}" has been detached. Cannot access properties.`);
-      return d === "update" ? (_) => {
-        const P = { ...l, ..._, ref: m };
-        return r.render(e.React.createElement(g, P)), Promise.resolve();
-      } : d === "detach" ? () => (x.delete(a), r.unmount(), E = !0, Promise.resolve()) : Reflect.get(v, d, $);
-    } });
-  } catch (r) {
-    throw f(a), j(a, { message: `Failed to initialize: ${r instanceof Error ? r.message : String(r)}`, ...c?.error }), console.error("Failed to initialize:", r), r;
-  }
-})(p, t, "Studio", o)), async initialize(t) {
-  await L(t);
-} };
 export {
-  q as SheetXL,
-  q as default
+  t as SheetXL,
+  f as default
 };

package/browser/esm/kbK4ZGVl1tl5F-UA.mjs

@@ -0,0 +1,41 @@
+import { r as n, c as p, j as r, L as b, B as k, Q as B, R as I } from "./B0A2aLiKDPGGU4k-.mjs";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.22
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+const L = ["Ok", "Cancel"], A = n.memo((V) => {
+  const { value: a = null, context: t, onOption: c, onValidateOption: E, onDone: g, onUpdate: m, options: x = L, defaultOption: f = x?.[0], cancelOption: N = "Cancel", sx: C, ...R } = V, y = n.useMemo(() => t?.getNames().findValidName("Range1"), []), d = n.useMemo(() => {
+    if (!a) return !0;
+  }, []), [l, h] = n.useState({ displayText: a?.getName() ?? y, errorText: null }), [s, v] = n.useState({ displayValue: a?.getRanges() ?? t?.selection() ?? null, errorText: null }), [T, O] = n.useState(!1), j = n.useCallback(async (e) => !l.errorText && !s.errorText, [t]), w = p((e, o, u) => {
+    if (!o) {
+      let i = null;
+      d ? i = t?.getNames().addReference(l?.displayText, s?.displayValue, !1) : (a.getType() === "reference" && a.doBatch(() => {
+        a.setName(l?.displayText), a.setReference(s?.displayValue);
+      }, `Edit Named '${l?.displayText}'`), i = a), i && (i.select(), m(i, d));
+    }
+    c?.(e, o, u), g?.();
+  }, [t, l, s, g, c, f, N, m]), D = p((e) => {
+    let o = null;
+    try {
+      t?.getNames().validateName(e);
+    } catch (u) {
+      o = u.message;
+    }
+    h({ displayText: e, errorText: o });
+  }, []), F = p((e) => {
+    a && a.getName().toLowerCase() === e.toLowerCase() || t?.getNames().validateName(e);
+  }, [t, a]), S = n.useCallback((e) => {
+    v({ displayValue: e ?? null, errorText: null });
+  }, []);
+  return r.jsx(b, { title: (d ? "Define" : "Edit") + " Range", options: x, onOption: w, onValidateOption: j, defaultOption: f, cancelOption: N, autoFocusSel: ".autoFocus", sx: { width: "460px", ...C }, ...R, children: r.jsxs(k, { sx: { paddingTop: (e) => e.spacing(1), paddingBottom: (e) => e.spacing(0), rowGap: (e) => e.spacing(1), range: "flex", flexDirection: "column" }, children: [r.jsx(B, { formName: "name", defaultInput: y, value: l.displayText, onChangeInput: D, onValidate: F, onFocus: (e) => {
+    T || e.target?.select(), O(!0);
+  } }), r.jsx(I, { formName: "range", value: s.displayValue, onChangeInput: S, resolvedAddress: t.getNames().getRanges.bind(t.getNames()), onFocus: (e) => {
+    T || e.target?.select(), O(!0);
+  } })] }) });
+});
+export {
+  A as NamedReferenceDialog,
+  A as default
+};