@sheetxl/studio-vanilla 0.4.10 → 0.4.11

package/cdn/index.js

@@ -1,19 +1,19 @@
 /**
- * @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.11
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const S = /* @__PURE__ */ new Map(), L = (e, n = {}) => {
-  const { message: t, icon: r, customElement: p, hide: m = !1, className: a, cssVars: f = {} } = n;
+const S = /* @__PURE__ */ new Map(), k = (e, o = {}) => {
+  const { message: t, icon: r, customElement: p, hide: m = !1, className: a, cssVars: u = {} } = o;
   if (m) return;
   const l = typeof e == "string" ? document.querySelector(e) : e;
   if (!l) return void console.warn(`Element with selector "${e}" not found for panel.`);
-  let o;
-  if (h(e), p) o = p;
+  let n;
+  if (h(e), p) n = p;
   else {
-    o = document.createElement("div"), o.className = a ? `sheetxl-panel ${a}` : "sheetxl-panel";
-    const u = Object.entries(f).map(([s, y]) => `--sheetxl-panel-${s}: ${y};`).join(" "), g = `
+    n = document.createElement("div"), n.className = a ? `sheetxl-panel ${a}` : "sheetxl-panel";
+    const f = Object.entries(u).map(([s, y]) => `--sheetxl-panel-${s}: ${y};`).join(" "), g = `
         @keyframes sheetxl-spin {
           from { transform: rotate(0deg); }
           to { transform: rotate(360deg); }
@@ -81,87 +81,83 @@ const S = /* @__PURE__ */ new Map(), L = (e, n = {}) => {
           margin: 0;
         }
       `, d = document.createElement("style");
-    if (d.textContent = g, o.appendChild(d), r) {
+    if (d.textContent = g, n.appendChild(d), r) {
       const s = document.createElement("div");
-      s.className = "sheetxl-icon", typeof r == "string" ? s.innerHTML = r : r instanceof HTMLElement && s.appendChild(r), o.appendChild(s);
+      s.className = "sheetxl-icon", typeof r == "string" ? s.innerHTML = r : r instanceof HTMLElement && s.appendChild(r), n.appendChild(s);
     }
     if (t) {
       const s = document.createElement("div");
-      s.className = "sheetxl-message", s.textContent = t, o.appendChild(s);
+      s.className = "sheetxl-message", s.textContent = t, n.appendChild(s);
     }
-    u && (o.style.cssText += u), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && o.classList.add("dark");
+    f && (n.style.cssText += f), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && n.classList.add("dark");
   }
-  window.getComputedStyle(l).position === "static" && (l.style.position = "relative"), l.appendChild(o), S.set(e, o);
+  window.getComputedStyle(l).position === "static" && (l.style.position = "relative"), l.appendChild(n), S.set(e, n);
 }, h = (e) => {
-  const n = S.get(e);
-  n && n.parentNode && (n.parentNode.removeChild(n), S.delete(e));
-}, k = (e, n = {}) => {
-  L(e, { message: "Loading SheetXL...", icon: `
+  const o = S.get(e);
+  o && o.parentNode && (o.parentNode.removeChild(o), S.delete(e));
+}, L = (e, o = {}) => {
+  k(e, { 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", ...n });
-}, b = (e, n = {}) => {
-  L(e, { message: "Failed to load SheetXL", icon: `
+    `, className: "loading", ...o });
+}, b = (e, o = {}) => {
+  k(e, { 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", ...n });
+    `, className: "error", ...o });
 }, x = /* @__PURE__ */ new Map();
 let c;
-const C = async (e) => c || (c = await (async (n, t) => {
+const C = async (e) => c || (c = await (async (o, t) => {
   try {
-    if (t?.selector && k(t?.selector, t?.loading), !n) {
-      const { resolveDependencies: r } = await import("./assets/DhyAyTCDkMBf392P.js");
-      n = await r(t?.dependencies);
-    }
-    t?.licenseKey && await n.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && h(t?.selector);
+    t?.selector && L(t?.selector, t?.loading), t?.licenseKey && await o.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && h(t?.selector);
   } catch (r) {
     throw t?.selector && (h(t.selector), b(t.selector, { message: `Failed to initialize: ${r instanceof Error ? r.message : String(r)}`, ...t?.error })), console.error("Failed to initialize:", r), r;
   }
-  return n;
-})(null, typeof e == "object" ? e : void 0), c), M = { attachStudio: async (e, n) => (c || (c = await C(e)), (async (t, r, p, m) => {
+  return o;
+})(null, typeof e == "object" ? e : void 0), c), M = { attachStudio: async (e, o) => (c || (c = await C(e)), (async (t, r, p, m) => {
   if (!r) throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
-  const a = typeof r == "string" ? r : r.selector || "#sheetxl", f = typeof a == "string" ? document.querySelector(a) : a;
-  if (!f) throw new Error(`Element with selector "${a}" not found.`);
+  const a = typeof r == "string" ? r : r.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 l = typeof r == "object" ? r : null;
-  k(a, l?.loading);
+  L(a, l?.loading);
   try {
     h(a);
-    const o = t.ReactDOMClient.createRoot(f), u = t.React.createRef(), g = t.StudioMUI[p];
+    const n = t.ReactDOMClient.createRoot(u), f = t.React.createRef(), g = t.StudioMUI[p];
     let d = null;
     await new Promise((v) => {
-      o.render(t.React.createElement(g, { ...m, ref: (i) => {
+      n.render(t.React.createElement(g, { ...m, ref: (i) => {
         i && (d = i, v());
       } }));
     });
-    const y = { runtime: t, root: o };
+    const y = { runtime: t, root: n };
     x.set(a, y);
     let E = !1;
     return new Proxy(d, { get(v, i, z) {
       if (E) throw new Error(`SheetXL instance attached to "${a}" has been detached. Cannot access properties.`);
       return i === "update" ? (N) => {
-        const $ = { ...m, ...N, ref: u };
-        return o.render(t.React.createElement(g, $)), Promise.resolve();
-      } : i === "detach" ? () => (x.delete(a), o.unmount(), E = !0, Promise.resolve()) : Reflect.get(v, i, z);
+        const $ = { ...m, ...N, ref: f };
+        return n.render(t.React.createElement(g, $)), Promise.resolve();
+      } : i === "detach" ? () => (x.delete(a), n.unmount(), E = !0, Promise.resolve()) : Reflect.get(v, i, z);
     } });
-  } catch (o) {
-    throw h(a), b(a, { message: `Failed to initialize: ${o instanceof Error ? o.message : String(o)}`, ...l?.error }), console.error("Failed to initialize:", o), o;
+  } catch (n) {
+    throw h(a), b(a, { message: `Failed to initialize: ${n instanceof Error ? n.message : String(n)}`, ...l?.error }), console.error("Failed to initialize:", n), n;
   }
-})(c, e, "Studio", n)), async initialize(e) {
+})(c, e, "Studio", o)), async initialize(e) {
   await C(e);
 } }, w = document.currentScript;
 if (w) {
   console.log("SheetXL script tag:", w);
   const e = w.dataset ? w.dataset.target : "#sheetxl";
-  document.querySelector(e) || console.error(`SheetXL: Target element "${e}" not found in the document.`), M.attachStudio(e, { autoFocus: !0 }).then((n) => {
-    console.log("SheetXL studio created and attached:", n);
-  }).catch((n) => {
-    console.error("Error creating SheetXL studio:", n);
+  document.querySelector(e) || console.error(`SheetXL: Target element "${e}" not found in the document.`), M.attachStudio(e, { autoFocus: !0 }).then((o) => {
+    console.log("SheetXL studio created and attached:", o);
+  }).catch((o) => {
+    console.error("Error creating SheetXL studio:", o);
   });
 }
 const X = M;

package/cdn/loader.js

@@ -1,5 +1,5 @@
 (function(e){typeof define=="function"&&define.amd?define(e):e()})(function(){"use strict";/**
- * @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.11
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/studio-vanilla",
   "description": "SheetXL Studio - Vanilla entry point for integrating SheetXL UI.",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "main": "./browser/esm/index.mjs",
@@ -41,13 +41,13 @@
     "@mui/styled-engine": "^6.5.0",
     "@mui/system": "^6.5.0",
     "@mui/utils": "^6.4.9",
-    "@sheetxl/studio-mui": "^0.4.10",
+    "@sheetxl/studio-mui": "^0.4.11",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "csstype": "^3.1.3",
     "http-server": "^14.1.1"
   },
   "peerDependencies": {
-    "@sheetxl/sdk": "^0.4.10",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "@sheetxl/sdk": "^0.4.11"
   }
 }

package/browser/cjs/B1UGqZP_7Z0Ewpog.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.10
- *
- * (C) 2025-present SheetXL Inc. & Michael T. Ford
- * License: The license can be found at https://www.sheetxl.com/license.
- */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),t=require("@sheetxl/sdk"),n=require("./C-izbj62pQuZjOrT.cjs"),c=({range:d,options:a,cell:C,onDone:s,...b})=>{const[i,l]=x.useState(a??t.Sort.DefaultRangeOptions),u=n.fe(e=>{let r=null;e==="Sort"&&(r={...a,options:i}),s?.(r)},[i,s,a]);return o.jsx(n.v4,{title:"Sort",options:["Sort","Cancel"],onDone:u,...b,children:o.jsxs(n.Box,{sx:{display:"flex",flexDirection:"column"},children:[o.jsx(n.FormControlLabel,{control:o.jsx(n.Checkbox,{checked:!i.reverse,onChange:()=>l(e=>({...e,reverse:!e.reverse}))}),label:"Is Ascending",labelPlacement:"end"}),o.jsx(n.FormControlLabel,{control:o.jsx(n.Checkbox,{checked:i.hasHeader,onChange:()=>l(e=>({...e,hasHeader:!e.hasHeader}))}),label:"Has Header",labelPlacement:"end"}),o.jsx(n.FormControlLabel,{control:o.jsx(n.Checkbox,{checked:i.collatorOptions?.sensitivity===t.Sort.CaseSensitiveOptions.sensitivity,onChange:()=>l(e=>({...e,collatorOptions:i.collatorOptions?.sensitivity===t.Sort.CaseSensitiveOptions.sensitivity?t.Sort.CaseInsensitiveOptions:t.Sort.CaseSensitiveOptions}))}),label:"Case Sensitive",labelPlacement:"end"}),o.jsx(n.FormControlLabel,{control:o.jsx(n.Checkbox,{checked:i.orientation===t.IRange.Orientation.Row,onChange:()=>l(e=>{const r=e.orientation===t.IRange.Orientation.Row?t.IRange.Orientation.Column:t.IRange.Orientation.Row;return{...d.getDefaultSortCriteria(r,C).options,includeHidden:e.includeHidden,reverse:e.reverse,orientation:r}})}),label:"Row Sort",labelPlacement:"end"}),o.jsx(n.FormControlLabel,{control:o.jsx(n.Checkbox,{checked:i.includeHidden,onChange:()=>l(e=>({...e,includeHidden:!e.includeHidden}))}),label:"Include Hidden",labelPlacement:"end"})]})})};exports.SortDialog=c,exports.default=c;

package/browser/cjs/B6m9VXoFseD4zuZ5.cjs

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