@sheetxl/studio-vanilla 0.4.8 → 0.4.10

package/{browser/esm/6KgR81NK4yzANTBT.mjs → cdn/assets/S4Z0SN8x6EltjsHT.js}

@@ -1,20 +1,20 @@
 import { jsx as o, jsxs as D } from "react/jsx-runtime";
 import { memo as N, useState as i, useCallback as T } from "react";
-import { w as k, b as j, B as v, aP as y, at as B, au as F } from "./2RGq163l1wYJKGsa.mjs";
+import { w as k, v, B as j, aP as y, at as B, au as F } from "./2-xJlw77WsCoyz09.js";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.
  */
 const H = ["Ok", "Cancel"], A = N((u) => {
-  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...b } = u, [h, x] = i(!1), [n, O] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = k((a) => {
+  const { tableOptions: e, context: p, onOption: c, onValidateOption: I, onDone: r, options: d = H, defaultOption: t = d?.[0], cancelOption: s = "Cancel", sx: m, ...h } = u, [x, O] = i(!1), [n, b] = i(() => e?.hasHeader ?? !1), [l, f] = i(() => e?.ranges ?? null), C = k((a) => {
     const g = { ...e, hasHeader: n, ranges: l };
     c?.(a, a === s, a === t), r?.({ option: a, tableOptions: g });
   }, [r, c, t, s, n, l, e]), w = T(async (a, g) => null, []);
-  return o(j, { title: "Insert Table", options: d, onDone: C, onValidateOption: w, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...b, children: D(v, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
-    h || a.target?.select(), x(!0);
-  } }), o(B, { control: o(F, { checked: n, onChange: () => O(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
+  return o(v, { title: "Insert Table", options: d, onDone: C, onValidateOption: w, defaultOption: t, cancelOption: s, autoFocusSel: ".range-input input", sx: { width: "360px", ...m }, ...h, children: D(j, { sx: { paddingTop: (a) => a.spacing(1), paddingBottom: (a) => a.spacing(0), rowGap: (a) => a.spacing(1), display: "flex", flexDirection: "column" }, children: [o(y, { formName: "range", value: l, onChangeInput: (a) => f(a), resolvedAddress: p.getNames().getRanges.bind(p.getNames()), onFocus: (a) => {
+    x || a.target?.select(), O(!0);
+  } }), o(B, { control: o(F, { checked: n, onChange: () => b(!n) }), label: "Table has headers", labelPlacement: "end" })] }) });
 });
 export {
   A as TableNewDialog,

package/{browser/esm/BEFQcBJ71bA297Zu.mjs → cdn/assets/S9fgUO7h8YgZxoKH.js}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.

package/cdn/assets/{CpVan9KpuEGXgwIK.js → guYe4C_6pE93QsDV.js}

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

package/cdn/index.js

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
+ * @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.
@@ -115,7 +115,7 @@ let c;
 const C = async (e) => c || (c = await (async (n, t) => {
   try {
     if (t?.selector && k(t?.selector, t?.loading), !n) {
-      const { resolveDependencies: r } = await import("./assets/DuU1-7vd87A1wfGJ.js");
+      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);

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.8
+ * @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.

package/package.json

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

package/types/index.d.ts

@@ -1,5 +1,5 @@
-import { IWorkbookElement as IWorkbookElement_2 } from '@sheetxl/studio-mui';
 import { sheetxlStudioMui } from '@sheetxl/studio-mui';
+import { StudioElement as StudioElement_2 } from '@sheetxl/studio-mui';
 import { StudioProps as StudioProps_2 } from '@sheetxl/studio-mui';
 
 /**
@@ -75,7 +75,7 @@ export declare interface ISheetXL {
      * @param props Optional properties to pass to the SheetXL React component.
      * @returns A promise that resolves to a function that, when called, will detach the SheetXL React component from the DOM element.
      */
-    attachStudio(selector: string | InitializationOptions, props?: StudioProps): Promise<IWorkbookElement & Attached<StudioProps>>;
+    attachStudio(selector: string | InitializationOptions, props?: StudioProps): Promise<StudioElement & Attached<StudioProps>>;
     /**
      * Initializes the SheetXL runtime with the provided options.
      *
@@ -88,13 +88,6 @@ export declare interface ISheetXL {
     initialize(options: InitializationOptions): Promise<void>;
 }
 
-/**
- * Reference to IWorkbookElement.
- *
- * @link [IWorkbookElement](../interfaces/_sheetxl_studio-mui.IWorkbookElement.html)
- */
-export declare type IWorkbookElement = IWorkbookElement_2;
-
 /**
  * Configuration for panels that appear during loading or error states.
  */
@@ -128,6 +121,13 @@ export declare interface PanelConfig {
 declare const SheetXL: ISheetXL;
 export default SheetXL;
 
+/**
+ * Reference to IWorkbookElement.
+ *
+ * @link [IWorkbookElement](../interfaces/_sheetxl_studio-mui.IWorkbookElement.html)
+ */
+export declare type StudioElement = StudioElement_2;
+
 /**
  * Reference to StudioMUI module.
  *

package/browser/cjs/BYhOQCFEzewgsKDn.cjs

@@ -1,6 +0,0 @@
-"use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.8
- *
- * (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 p=require("react/jsx-runtime"),a=require("react"),n=require("./6Wu3sLyx-7NM6CXS.cjs"),L=["Input"],N=a.memo(a.forwardRef((y,O)=>{const{initialValue:b="",onOption:k,onValidateOption:l,onInputOption:s,onValidateInputOption:r,onDone:u,inputProps:c,inputLabel:T,inputType:w,inputPlaceHolder:F,options:d=L,autoFocusSel:S=".autoFocus",cancelOption:g,defaultOption:f=d?.[0],...P}=y,[v,C]=a.useState(!1),[e,I]=a.useState(b),[j,V]=a.useState(""),[q,B]=a.useState(!0),i=n.kn(async(t,o)=>{if(!r)return!0;const h=await r?.(t,o);V(h?.message??"");const x=h?.valid??!0;return B(x),x},[r]),m=n.kn(async t=>{s?.(e,t)},[e,s,u,k,g,f]),D=n.kn(async t=>{t.keyCode===n.ir.Enter&&await i?.(e,null)},[e,m]),M=n.kn(t=>{I(t.target.value),i?.(t.target.value,null)},[l]),H=n.kn(async t=>{let o=await i(e,t);try{o!==!1&&(o=await i(e,t))}catch{}return o??!0},[e,l]);return p.jsx(n.b4,{options:d,onDone:u,onOption:(t,o)=>{o||m(t)},onValidateOption:H,cancelOption:g,defaultOption:f,autoFocusSel:S,ref:O,...P,children:p.jsx(n.Box,{sx:{paddingTop:t=>t.spacing(1),paddingBottom:t=>t.spacing(0)},children:p.jsx(n.FormControl,{sx:{paddingTop:t=>t.spacing(1.5),minWidth:135,width:"100%"},size:"small",children:p.jsx(n.TextField,{onFocus:t=>{v||t.target?.select(),C(!0)},type:w,label:T,helperText:j||" ",sx:{width:"100%","& .MuiFormHelperText-root":{marginTop:t=>t.spacing(.5),color:q?void 0:"error.main"}},InputLabelProps:{shrink:!0},InputProps:{inputProps:{placeholder:F,spellCheck:!1,autoComplete:"off",...c,className:n.Go("autoFocus",c?.className),sx:{paddingTop:t=>t.spacing(1.25),paddingBottom:t=>t.spacing(.75),backgroundImage:`linear-gradient(${n.alpha("#fff",n.Yb(5))}, ${n.alpha("#fff",n.Yb(5))})`}}},value:e,onChange:M,onKeyDown:D,onContextMenu:t=>{t.stopPropagation()}})})})})}));exports.default=N;