@sheetxl/studio-vanilla 0.4.13 → 0.4.15

package/cdn/assets/D3wy0hvPKjYlTqDZ.js

@@ -0,0 +1,390 @@
+import C, { memo as ne, useState as _, useRef as m, useCallback as re, useEffect as S } from "react";
+/**
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
+ *
+ * (C) 2025-present SheetXL Inc. & Michael T. Ford
+ * License: The license can be found at https://www.sheetxl.com/license.
+ */
+function we(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function ue(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function ae(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ue(Object(r), !0).forEach(function(n) {
+      we(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ue(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function le(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = new Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function Oe(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function se(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function de(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? se(Object(r), !0).forEach(function(n) {
+      Oe(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : se(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function R(e) {
+  return function t() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++) o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var u = arguments.length, c = new Array(u), l = 0; l < u; l++) c[l] = arguments[l];
+      return t.apply(r, [].concat(o, c));
+    };
+  };
+}
+function Y(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function q(e) {
+  return typeof e == "function";
+}
+var k = R(function(e, t) {
+  throw new Error(e[t] || e.default);
+})({ initialIsRequired: "initial state is required", initialType: "initial state should be an object", initialContent: "initial state shouldn't be an empty object", handlerType: "handler should be an object or a function", handlersType: "all handlers should be a functions", selectorType: "selector should be a function", changeType: "provided value of changes should be an object", changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state', default: "an unknown error accured in `state-local` package" }), je = function(e, t) {
+  return Y(t) || k("changeType"), Object.keys(t).some(function(r) {
+    return n = e, o = r, !Object.prototype.hasOwnProperty.call(n, o);
+    var n, o;
+  }) && k("changeField"), t;
+};
+function Me(e, t) {
+  return q(t) ? t(e.current) : t;
+}
+function Ee(e, t) {
+  return e.current = de(de({}, e.current), t), t;
+}
+function Pe(e, t, r) {
+  return q(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
+    var o;
+    return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
+  }), r;
+}
+var X, pe = { configIsRequired: "the configuration object is required", configType: "the configuration object should be an object", default: "an unknown error accured in `@monaco-editor/loader` package", deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  ` }, fe = (X = function(e, t) {
+  throw new Error(e[t] || e.default);
+}, function e() {
+  for (var t = this, r = arguments.length, n = new Array(r), o = 0; o < r; o++) n[o] = arguments[o];
+  return n.length >= X.length ? X.apply(this, n) : function() {
+    for (var i = arguments.length, u = new Array(i), c = 0; c < i; c++) u[c] = arguments[c];
+    return e.apply(t, [].concat(n, u));
+  };
+})(pe);
+function he(e, t) {
+  return Object.keys(t).forEach(function(r) {
+    t[r] instanceof Object && e[r] && Object.assign(t[r], he(e[r], t[r]));
+  }), ae(ae({}, e), t);
+}
+var Se = { type: "cancelation", msg: "operation is manually canceled" };
+function Z(e) {
+  var t = !1, r = new Promise(function(n, o) {
+    e.then(function(i) {
+      return t ? o(Se) : n(i);
+    }), e.catch(o);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var ee, me = function(e) {
+  if (Array.isArray(e)) return e;
+}(ee = function(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  (function(c) {
+    var l;
+    c || k("initialIsRequired"), Y(c) || k("initialType"), l = c, Object.keys(l).length || k("initialContent");
+  })(e), function(c) {
+    q(c) || Y(c) || k("handlerType"), Y(c) && Object.values(c).some(function(l) {
+      return !q(l);
+    }) && k("handlersType");
+  }(t);
+  var r = { current: e }, n = R(Pe)(r, t), o = R(Ee)(r), i = R(je)(e), u = R(Me)(r);
+  return [function() {
+    var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(l) {
+      return l;
+    };
+    return function(l) {
+      q(l) || k("selectorType");
+    }(c), c(r.current);
+  }, function(c) {
+    (function() {
+      for (var l = arguments.length, g = new Array(l), O = 0; O < l; O++) g[O] = arguments[O];
+      return function(b) {
+        return g.reduceRight(function(E, P) {
+          return P(E);
+        }, b);
+      };
+    })(n, o, i, u)(c);
+  }];
+}({ config: { paths: { vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs" } }, isInitialized: !1, resolve: null, reject: null, monaco: null })) || function(e) {
+  if (typeof Symbol < "u" && Symbol.iterator in Object(e)) {
+    var t = [], r = !0, n = !1, o = void 0;
+    try {
+      for (var i, u = e[Symbol.iterator](); !(r = (i = u.next()).done) && (t.push(i.value), t.length !== 2); r = !0) ;
+    } catch (c) {
+      n = !0, o = c;
+    } finally {
+      try {
+        r || u.return == null || u.return();
+      } finally {
+        if (n) throw o;
+      }
+    }
+    return t;
+  }
+}(ee) || function(e) {
+  if (e) {
+    if (typeof e == "string") return le(e, 2);
+    var t = Object.prototype.toString.call(e).slice(8, -1);
+    return t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set" ? Array.from(e) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? le(e, 2) : void 0;
+  }
+}(ee) || function() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}(), N = me[0], $ = me[1];
+function ke(e) {
+  return document.body.appendChild(e);
+}
+function xe(e) {
+  var t, r, n = N(function(i) {
+    return { config: i.config, reject: i.reject };
+  }), o = (t = "".concat(n.config.paths.vs, "/loader.js"), r = document.createElement("script"), t && (r.src = t), r);
+  return o.onload = function() {
+    return e();
+  }, o.onerror = n.reject, o;
+}
+function Ie() {
+  var e = N(function(r) {
+    return { config: r.config, resolve: r.resolve, reject: r.reject };
+  }), t = window.require;
+  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
+    ye(r), e.resolve(r);
+  }, function(r) {
+    e.reject(r);
+  });
+}
+function ye(e) {
+  N().monaco || $({ monaco: e });
+}
+var te = new Promise(function(e, t) {
+  return $({ resolve: e, reject: t });
+}), G = { config: function(e) {
+  var t = function(o) {
+    var i;
+    return o || fe("configIsRequired"), i = o, {}.toString.call(i).includes("Object") || fe("configType"), o.urls ? (console.warn(pe.deprecation), { paths: { vs: o.urls.monacoBase } }) : o;
+  }(e), r = t.monaco, n = function(o, i) {
+    if (o == null) return {};
+    var u, c, l = function(O, b) {
+      if (O == null) return {};
+      var E, P, x = {}, I = Object.keys(O);
+      for (P = 0; P < I.length; P++) E = I[P], b.indexOf(E) >= 0 || (x[E] = O[E]);
+      return x;
+    }(o, i);
+    if (Object.getOwnPropertySymbols) {
+      var g = Object.getOwnPropertySymbols(o);
+      for (c = 0; c < g.length; c++) u = g[c], i.indexOf(u) >= 0 || Object.prototype.propertyIsEnumerable.call(o, u) && (l[u] = o[u]);
+    }
+    return l;
+  }(t, ["monaco"]);
+  $(function(o) {
+    return { config: he(o.config, n), monaco: r };
+  });
+}, init: function() {
+  var e = N(function(t) {
+    return { monaco: t.monaco, isInitialized: t.isInitialized, resolve: t.resolve };
+  });
+  if (!e.isInitialized) {
+    if ($({ isInitialized: !0 }), e.monaco) return e.resolve(e.monaco), Z(te);
+    if (window.monaco && window.monaco.editor) return ye(window.monaco), e.resolve(window.monaco), Z(te);
+    (function() {
+      for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++) r[n] = arguments[n];
+      return function(o) {
+        return r.reduceRight(function(i, u) {
+          return u(i);
+        }, o);
+      };
+    })(ke, xe)(Ie);
+  }
+  return Z(te);
+}, __getMonacoInstance: function() {
+  return N(function(e) {
+    return e.monaco;
+  });
+} }, Te = { display: "flex", position: "relative", textAlign: "initial" }, Ae = { width: "100%" }, Ce = { display: "none" }, De = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Ve = function({ children: e }) {
+  return C.createElement("div", { style: De.container }, e);
+}, ve = ne(function({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: u }) {
+  return C.createElement("section", { style: { ...Te, width: e, height: t }, ...u }, !r && C.createElement(Ve, null, n), C.createElement("div", { ref: o, style: { ...Ae, ...!r && Ce }, className: i }));
+}), oe = function(e) {
+  S(e, []);
+}, j = function(e, t, r = !0) {
+  let n = m(!0);
+  S(n.current || !r ? () => {
+    n.current = !1;
+  } : e, t);
+};
+function z() {
+}
+function A(e, t, r, n) {
+  return g = n, (l = e).editor.getModel(ge(l, g)) || (i = t, u = r, c = n, (o = e).editor.createModel(i, u, c ? ge(o, c) : void 0));
+  var o, i, u, c, l, g;
+}
+function ge(e, t) {
+  return e.Uri.parse(t);
+}
+var qe = ne(function({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: u, keepCurrentOriginalModel: c = !1, keepCurrentModifiedModel: l = !1, theme: g = "light", loading: O = "Loading...", options: b = {}, height: E = "100%", width: P = "100%", className: x, wrapperProps: I = {}, beforeMount: H = z, onMount: J = z }) {
+  let [w, D] = _(!1), [V, h] = _(!0), y = m(null), d = m(null), L = m(null), v = m(J), a = m(H), T = m(!1);
+  oe(() => {
+    let s = G.init();
+    return s.then((f) => (d.current = f) && h(!1)).catch((f) => f?.type !== "cancelation" && console.error("Monaco initialization: error:", f)), () => y.current ? function() {
+      let f = y.current?.getModel();
+      c || f?.original?.dispose(), l || f?.modified?.dispose(), y.current?.dispose();
+    }() : s.cancel();
+  }), j(() => {
+    if (y.current && d.current) {
+      let s = y.current.getOriginalEditor(), f = A(d.current, e || "", n || r || "text", i || "");
+      f !== s.getModel() && s.setModel(f);
+    }
+  }, [i], w), j(() => {
+    if (y.current && d.current) {
+      let s = y.current.getModifiedEditor(), f = A(d.current, t || "", o || r || "text", u || "");
+      f !== s.getModel() && s.setModel(f);
+    }
+  }, [u], w), j(() => {
+    let s = y.current.getModifiedEditor();
+    s.getOption(d.current.editor.EditorOption.readOnly) ? s.setValue(t || "") : t !== s.getValue() && (s.executeEdits("", [{ range: s.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), s.pushUndoStop());
+  }, [t], w), j(() => {
+    y.current?.getModel()?.original.setValue(e || "");
+  }, [e], w), j(() => {
+    let { original: s, modified: f } = y.current.getModel();
+    d.current.editor.setModelLanguage(s, n || r || "text"), d.current.editor.setModelLanguage(f, o || r || "text");
+  }, [r, n, o], w), j(() => {
+    d.current?.editor.setTheme(g);
+  }, [g], w), j(() => {
+    y.current?.updateOptions(b);
+  }, [b], w);
+  let F = re(() => {
+    if (!d.current) return;
+    a.current(d.current);
+    let s = A(d.current, e || "", n || r || "text", i || ""), f = A(d.current, t || "", o || r || "text", u || "");
+    y.current?.setModel({ original: s, modified: f });
+  }, [r, t, o, e, n, i, u]), U = re(() => {
+    !T.current && L.current && (y.current = d.current.editor.createDiffEditor(L.current, { automaticLayout: !0, ...b }), F(), d.current?.editor.setTheme(g), D(!0), T.current = !0);
+  }, [b, g, F]);
+  return S(() => {
+    w && v.current(y.current, d.current);
+  }, [w]), S(() => {
+    !V && !w && U();
+  }, [V, w, U]), C.createElement(ve, { width: P, height: E, isEditorReady: w, loading: O, _ref: L, className: x, wrapperProps: I });
+}), ze = function() {
+  let [e, t] = _(G.__getMonacoInstance());
+  return oe(() => {
+    let r;
+    return e || (r = G.init(), r.then((n) => {
+      t(n);
+    })), () => r?.cancel();
+  }), e;
+}, B = /* @__PURE__ */ new Map(), Le = ne(function({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: u = "light", line: c, loading: l = "Loading...", options: g = {}, overrideServices: O = {}, saveViewState: b = !0, keepCurrentModel: E = !1, width: P = "100%", height: x = "100%", className: I, wrapperProps: H = {}, beforeMount: J = z, onMount: w = z, onChange: D, onValidate: V = z }) {
+  let [h, y] = _(!1), [d, L] = _(!0), v = m(null), a = m(null), T = m(null), F = m(w), U = m(J), s = m(), f = m(n), be = function(p) {
+    let M = m();
+    return S(() => {
+      M.current = p;
+    }, [p]), M.current;
+  }(i), ie = m(!1), K = m(!1);
+  oe(() => {
+    let p = G.init();
+    return p.then((M) => (v.current = M) && L(!1)).catch((M) => M?.type !== "cancelation" && console.error("Monaco initialization: error:", M)), () => a.current ? (s.current?.dispose(), E ? b && B.set(i, a.current.saveViewState()) : a.current.getModel()?.dispose(), void a.current.dispose()) : p.cancel();
+  }), j(() => {
+    let p = A(v.current, e || n || "", t || o || "", i || r || "");
+    p !== a.current?.getModel() && (b && B.set(be, a.current?.saveViewState()), a.current?.setModel(p), b && a.current?.restoreViewState(B.get(i)));
+  }, [i], h), j(() => {
+    a.current?.updateOptions(g);
+  }, [g], h), j(() => {
+    !a.current || n === void 0 || (a.current.getOption(v.current.editor.EditorOption.readOnly) ? a.current.setValue(n) : n !== a.current.getValue() && (K.current = !0, a.current.executeEdits("", [{ range: a.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), a.current.pushUndoStop(), K.current = !1));
+  }, [n], h), j(() => {
+    let p = a.current?.getModel();
+    p && o && v.current?.editor.setModelLanguage(p, o);
+  }, [o], h), j(() => {
+    c !== void 0 && a.current?.revealLine(c);
+  }, [c], h), j(() => {
+    v.current?.editor.setTheme(u);
+  }, [u], h);
+  let ce = re(() => {
+    if (T.current && v.current && !ie.current) {
+      U.current(v.current);
+      let p = i || r, M = A(v.current, n || e || "", t || o || "", p || "");
+      a.current = v.current?.editor.create(T.current, { model: M, automaticLayout: !0, ...g }, O), b && a.current.restoreViewState(B.get(p)), v.current.editor.setTheme(u), c !== void 0 && a.current.revealLine(c), y(!0), ie.current = !0;
+    }
+  }, [e, t, r, n, o, i, g, O, b, u, c]);
+  return S(() => {
+    h && F.current(a.current, v.current);
+  }, [h]), S(() => {
+    !d && !h && ce();
+  }, [d, h, ce]), f.current = n, S(() => {
+    h && D && (s.current?.dispose(), s.current = a.current?.onDidChangeModelContent((p) => {
+      K.current || D(a.current.getValue(), p);
+    }));
+  }, [h, D]), S(() => {
+    if (h) {
+      let p = v.current.editor.onDidChangeMarkers((M) => {
+        let Q = a.current.getModel()?.uri;
+        if (Q && M.find((W) => W.path === Q.path)) {
+          let W = v.current.editor.getModelMarkers({ resource: Q });
+          V?.(W);
+        }
+      });
+      return () => {
+        p?.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [h, V]), C.createElement(ve, { width: P, height: x, isEditorReady: h, loading: l, _ref: T, className: I, wrapperProps: H });
+}), _e = Le;
+export {
+  qe as DiffEditor,
+  Le as Editor,
+  _e as default,
+  G as loader,
+  ze as useMonaco
+};