@tqc-solution/design-system 0.1.73

package/dist/index-DU1rSsif.js

@@ -0,0 +1,548 @@
+import T, { memo as oe, useState as F, useRef as h, useCallback as ne, useEffect as j } from "react";
+function ae(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function Oe(e) {
+  if (Array.isArray(e)) return e;
+}
+function je(e, t, r) {
+  return (t = Ce(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function Me(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var n, o, i, u, l = [], s = !0, p = !1;
+    try {
+      if (i = (r = r.call(e)).next, t !== 0) for (; !(s = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); s = !0) ;
+    } catch (M) {
+      p = !0, o = M;
+    } finally {
+      try {
+        if (!s && r.return != null && (u = r.return(), Object(u) !== u)) return;
+      } finally {
+        if (p) throw o;
+      }
+    }
+    return l;
+  }
+}
+function Pe() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+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 ce(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) {
+      je(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 Se(e, t) {
+  if (e == null) return {};
+  var r, n, o = Ee(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+function Ee(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) !== -1) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function Ie(e, t) {
+  return Oe(e) || Me(e, t) || Le(e, t) || Pe();
+}
+function Te(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Ce(e) {
+  var t = Te(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function Le(e, t) {
+  if (e) {
+    if (typeof e == "string") return ae(e, t);
+    var r = {}.toString.call(e).slice(8, -1);
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ae(e, t) : void 0;
+  }
+}
+function Ae(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function le(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 se(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? le(Object(r), !0).forEach(function(n) {
+      Ae(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : le(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function $e() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return function(n) {
+    return t.reduceRight(function(o, i) {
+      return i(o);
+    }, n);
+  };
+}
+function D(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, l = new Array(u), s = 0; s < u; s++)
+        l[s] = arguments[s];
+      return t.apply(r, [].concat(o, l));
+    };
+  };
+}
+function H(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function De(e) {
+  return !Object.keys(e).length;
+}
+function V(e) {
+  return typeof e == "function";
+}
+function Re(e, t) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+function Ve(e, t) {
+  return H(t) || S("changeType"), Object.keys(t).some(function(r) {
+    return !Re(e, r);
+  }) && S("changeField"), t;
+}
+function xe(e) {
+  V(e) || S("selectorType");
+}
+function Ne(e) {
+  V(e) || H(e) || S("handlerType"), H(e) && Object.values(e).some(function(t) {
+    return !V(t);
+  }) && S("handlersType");
+}
+function qe(e) {
+  e || S("initialIsRequired"), H(e) || S("initialType"), De(e) && S("initialContent");
+}
+function ze(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var Ue = {
+  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"
+}, S = D(ze)(Ue), z = {
+  changes: Ve,
+  selector: xe,
+  handler: Ne,
+  initial: qe
+};
+function Fe(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  z.initial(e), z.handler(t);
+  var r = {
+    current: e
+  }, n = D(Ke)(r, t), o = D(We)(r), i = D(z.changes)(e), u = D(He)(r);
+  function l() {
+    var p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(M) {
+      return M;
+    };
+    return z.selector(p), p(r.current);
+  }
+  function s(p) {
+    $e(n, o, i, u)(p);
+  }
+  return [l, s];
+}
+function He(e, t) {
+  return V(t) ? t(e.current) : t;
+}
+function We(e, t) {
+  return e.current = se(se({}, e.current), t), t;
+}
+function Ke(e, t, r) {
+  return V(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 Be = {
+  create: Fe
+}, Ge = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
+  }
+};
+function Ye(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, l = new Array(u), s = 0; s < u; s++)
+        l[s] = arguments[s];
+      return t.apply(r, [].concat(o, l));
+    };
+  };
+}
+function _e(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Je(e) {
+  return e || fe("configIsRequired"), _e(e) || fe("configType"), e.urls ? (Xe(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function Xe() {
+  console.warn(de.deprecation);
+}
+function Ze(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var de = {
+  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 = Ye(Ze)(de), Qe = {
+  config: Je
+}, ke = 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);
+  };
+};
+function pe(e, t) {
+  return Object.keys(t).forEach(function(r) {
+    t[r] instanceof Object && e[r] && Object.assign(t[r], pe(e[r], t[r]));
+  }), ce(ce({}, e), t);
+}
+var et = {
+  type: "cancelation",
+  msg: "operation is manually canceled"
+};
+function ee(e) {
+  var t = !1, r = new Promise(function(n, o) {
+    e.then(function(i) {
+      return t ? o(et) : n(i);
+    }), e.catch(o);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var tt = ["monaco"], rt = Be.create({
+  config: Ge,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), ge = Ie(rt, 2), x = ge[0], W = ge[1];
+function nt(e) {
+  var t = Qe.config(e), r = t.monaco, n = Se(t, tt);
+  W(function(o) {
+    return {
+      config: pe(o.config, n),
+      monaco: r
+    };
+  });
+}
+function ot() {
+  var e = x(function(t) {
+    var r = t.monaco, n = t.isInitialized, o = t.resolve;
+    return {
+      monaco: r,
+      isInitialized: n,
+      resolve: o
+    };
+  });
+  if (!e.isInitialized) {
+    if (W({
+      isInitialized: !0
+    }), e.monaco)
+      return e.resolve(e.monaco), ee(te);
+    if (window.monaco && window.monaco.editor)
+      return he(window.monaco), e.resolve(window.monaco), ee(te);
+    ke(it, ut)(ct);
+  }
+  return ee(te);
+}
+function it(e) {
+  return document.body.appendChild(e);
+}
+function at(e) {
+  var t = document.createElement("script");
+  return e && (t.src = e), t;
+}
+function ut(e) {
+  var t = x(function(n) {
+    var o = n.config, i = n.reject;
+    return {
+      config: o,
+      reject: i
+    };
+  }), r = at("".concat(t.config.paths.vs, "/loader.js"));
+  return r.onload = function() {
+    return e();
+  }, r.onerror = t.reject, r;
+}
+function ct() {
+  var e = x(function(r) {
+    var n = r.config, o = r.resolve, i = r.reject;
+    return {
+      config: n,
+      resolve: o,
+      reject: i
+    };
+  }), t = window.require;
+  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
+    var n = r.m || r;
+    he(n), e.resolve(n);
+  }, function(r) {
+    e.reject(r);
+  });
+}
+function he(e) {
+  x().monaco || W({
+    monaco: e
+  });
+}
+function lt() {
+  return x(function(e) {
+    var t = e.monaco;
+    return t;
+  });
+}
+var te = new Promise(function(e, t) {
+  return W({
+    resolve: e,
+    reject: t
+  });
+}), ve = {
+  config: nt,
+  init: ot,
+  __getMonacoInstance: lt
+}, st = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, re = st, ft = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, dt = ft;
+function pt({ children: e }) {
+  return T.createElement("div", { style: dt.container }, e);
+}
+var gt = pt, ht = gt;
+function vt({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: u }) {
+  return T.createElement("section", { style: { ...re.wrapper, width: e, height: t }, ...u }, !r && T.createElement(ht, null, n), T.createElement("div", { ref: o, style: { ...re.fullWidth, ...!r && re.hide }, className: i }));
+}
+var mt = vt, me = oe(mt);
+function bt(e) {
+  j(e, []);
+}
+var be = bt;
+function yt(e, t, r = !0) {
+  let n = h(!0);
+  j(n.current || !r ? () => {
+    n.current = !1;
+  } : e, t);
+}
+var w = yt;
+function R() {
+}
+function I(e, t, r, n) {
+  return wt(e, n) || Ot(e, t, r, n);
+}
+function wt(e, t) {
+  return e.editor.getModel(ye(e, t));
+}
+function Ot(e, t, r, n) {
+  return e.editor.createModel(t, r, n ? ye(e, n) : void 0);
+}
+function ye(e, t) {
+  return e.Uri.parse(t);
+}
+function jt({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: u, keepCurrentOriginalModel: l = !1, keepCurrentModifiedModel: s = !1, theme: p = "light", loading: M = "Loading...", options: O = {}, height: K = "100%", width: B = "100%", className: G, wrapperProps: Y = {}, beforeMount: _ = R, onMount: J = R }) {
+  let [y, C] = F(!1), [L, f] = F(!0), g = h(null), d = h(null), A = h(null), m = h(J), a = h(_), E = h(!1);
+  be(() => {
+    let c = ve.init();
+    return c.then((v) => (d.current = v) && f(!1)).catch((v) => v?.type !== "cancelation" && console.error("Monaco initialization: error:", v)), () => g.current ? $() : c.cancel();
+  }), w(() => {
+    if (g.current && d.current) {
+      let c = g.current.getOriginalEditor(), v = I(d.current, e || "", n || r || "text", i || "");
+      v !== c.getModel() && c.setModel(v);
+    }
+  }, [i], y), w(() => {
+    if (g.current && d.current) {
+      let c = g.current.getModifiedEditor(), v = I(d.current, t || "", o || r || "text", u || "");
+      v !== c.getModel() && c.setModel(v);
+    }
+  }, [u], y), w(() => {
+    let c = g.current.getModifiedEditor();
+    c.getOption(d.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
+  }, [t], y), w(() => {
+    g.current?.getModel()?.original.setValue(e || "");
+  }, [e], y), w(() => {
+    let { original: c, modified: v } = g.current.getModel();
+    d.current.editor.setModelLanguage(c, n || r || "text"), d.current.editor.setModelLanguage(v, o || r || "text");
+  }, [r, n, o], y), w(() => {
+    d.current?.editor.setTheme(p);
+  }, [p], y), w(() => {
+    g.current?.updateOptions(O);
+  }, [O], y);
+  let N = ne(() => {
+    if (!d.current) return;
+    a.current(d.current);
+    let c = I(d.current, e || "", n || r || "text", i || ""), v = I(d.current, t || "", o || r || "text", u || "");
+    g.current?.setModel({ original: c, modified: v });
+  }, [r, t, o, e, n, i, u]), q = ne(() => {
+    !E.current && A.current && (g.current = d.current.editor.createDiffEditor(A.current, { automaticLayout: !0, ...O }), N(), d.current?.editor.setTheme(p), C(!0), E.current = !0);
+  }, [O, p, N]);
+  j(() => {
+    y && m.current(g.current, d.current);
+  }, [y]), j(() => {
+    !L && !y && q();
+  }, [L, y, q]);
+  function $() {
+    let c = g.current?.getModel();
+    l || c?.original?.dispose(), s || c?.modified?.dispose(), g.current?.dispose();
+  }
+  return T.createElement(me, { width: B, height: K, isEditorReady: y, loading: M, _ref: A, className: G, wrapperProps: Y });
+}
+var Mt = jt;
+oe(Mt);
+function Pt(e) {
+  let t = h();
+  return j(() => {
+    t.current = e;
+  }, [e]), t.current;
+}
+var St = Pt, U = /* @__PURE__ */ new Map();
+function Et({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: u = "light", line: l, loading: s = "Loading...", options: p = {}, overrideServices: M = {}, saveViewState: O = !0, keepCurrentModel: K = !1, width: B = "100%", height: G = "100%", className: Y, wrapperProps: _ = {}, beforeMount: J = R, onMount: y = R, onChange: C, onValidate: L = R }) {
+  let [f, g] = F(!1), [d, A] = F(!0), m = h(null), a = h(null), E = h(null), N = h(y), q = h(J), $ = h(void 0), c = h(n), v = St(i), X = h(!1), Z = h(!1);
+  be(() => {
+    let b = ve.init();
+    return b.then((P) => (m.current = P) && A(!1)).catch((P) => P?.type !== "cancelation" && console.error("Monaco initialization: error:", P)), () => a.current ? we() : b.cancel();
+  }), w(() => {
+    let b = I(m.current, e || n || "", t || o || "", i || r || "");
+    b !== a.current?.getModel() && (O && U.set(v, a.current?.saveViewState()), a.current?.setModel(b), O && a.current?.restoreViewState(U.get(i)));
+  }, [i], f), w(() => {
+    a.current?.updateOptions(p);
+  }, [p], f), w(() => {
+    !a.current || n === void 0 || (a.current.getOption(m.current.editor.EditorOption.readOnly) ? a.current.setValue(n) : n !== a.current.getValue() && (Z.current = !0, a.current.executeEdits("", [{ range: a.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), a.current.pushUndoStop(), Z.current = !1));
+  }, [n], f), w(() => {
+    let b = a.current?.getModel();
+    f && b && o && m.current?.editor.setModelLanguage(b, o);
+  }, [o, f], f), w(() => {
+    l !== void 0 && a.current?.revealLine(l);
+  }, [l], f), w(() => {
+    m.current?.editor.setTheme(u);
+  }, [u], f);
+  let ie = ne(() => {
+    if (!(!E.current || !m.current) && !X.current) {
+      q.current(m.current);
+      let b = i || r, P = I(m.current, n || e || "", t || o || "", b || "");
+      a.current = m.current?.editor.create(E.current, { model: P, automaticLayout: !0, ...p }, M), O && a.current.restoreViewState(U.get(b)), m.current.editor.setTheme(u), l !== void 0 && a.current.revealLine(l), g(!0), X.current = !0;
+    }
+  }, [e, t, r, n, o, i, p, M, O, u, l]);
+  j(() => {
+    f && N.current(a.current, m.current);
+  }, [f]), j(() => {
+    !d && !f && ie();
+  }, [d, f, ie]), c.current = n, j(() => {
+    f && C && ($.current?.dispose(), $.current = a.current?.onDidChangeModelContent((b) => {
+      Z.current || C(a.current.getValue(), b);
+    }));
+  }, [f, C]), j(() => {
+    if (f) {
+      let b = m.current.editor.onDidChangeMarkers((P) => {
+        let Q = a.current.getModel()?.uri;
+        if (Q && P.find((k) => k.path === Q.path)) {
+          let k = m.current.editor.getModelMarkers({ resource: Q });
+          L?.(k);
+        }
+      });
+      return () => {
+        b?.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [f, L]);
+  function we() {
+    $.current?.dispose(), K ? O && U.set(i, a.current.saveViewState()) : a.current.getModel()?.dispose(), a.current.dispose(), a.current = null, X.current = !1, g(!1);
+  }
+  return T.createElement(me, { width: B, height: G, isEditorReady: f, loading: s, _ref: E, className: Y, wrapperProps: _ });
+}
+var It = Et, Tt = oe(It), Lt = Tt;
+export {
+  Tt as Editor,
+  Lt as default,
+  ve as loader
+};

package/dist/index-b5gz6Ifp.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("./quill-DqFubOCp.cjs");class a extends o.Component{constructor(t){super(t),this.editingAreaRef=o.createRef(),this.containerRef=o.createRef(),this.dirtyProps=["modules","formats","bounds","theme","children"],this.cleanProps=["id","className","style","placeholder","tabIndex","onChange","onChangeSelection","onFocus","onBlur","onKeyPress","onKeyDown","onKeyUp"],this.state={generation:0},this.selection=null,this.onEditorChange=(i,n,s,h)=>{i==="text-change"?this.onEditorChangeText?.(this.editor.getSemanticHTML(),n,h,this.unprivilegedEditor):i==="selection-change"&&this.onEditorChangeSelection?.(n,h,this.unprivilegedEditor)};const e=this.isControlled()?t.value:t.defaultValue;this.value=e??""}validateProps(t){if(o.Children.count(t.children)>1)throw new Error("The Quill editing area can only be composed of a single React element.");if(o.Children.count(t.children)&&o.Children.only(t.children)?.type==="textarea")throw new Error("Quill does not support editing on a <textarea>. Use a <div> instead.");if(this.lastDeltaChangeSet&&t.value===this.lastDeltaChangeSet)throw new Error("You are passing the `delta` object from the `onChange` event back as `value`. You most probably want `editor.getContents()` instead. See: https://github.com/zenoamaro/react-quill#using-deltas")}shouldComponentUpdate(t,e){if(this.validateProps(t),!this.editor||this.state.generation!==e.generation)return!0;if("value"in t){const i=this.getEditorContents(),n=t.value??"";this.isEqualValue(n,i)||this.setEditorContents(this.editor,n)}return t.readOnly!==this.props.readOnly&&this.setEditorReadOnly(this.editor,t.readOnly),[...this.cleanProps,...this.dirtyProps].some(i=>!r.isEqual(t[i],this.props[i]))}shouldComponentRegenerate(t){return this.dirtyProps.some(e=>!r.isEqual(t[e],this.props[e]))}componentDidMount(){this.instantiateEditor(),this.setEditorContents(this.editor,this.getEditorContents())}componentWillUnmount(){this.destroyEditor()}componentDidUpdate(t,e){if(this.editor&&this.shouldComponentRegenerate(t)){const i=this.editor.getContents(),n=this.editor.getSelection();this.regenerationSnapshot={delta:i,selection:n},this.setState({generation:this.state.generation+1}),this.destroyEditor()}if(this.editor&&t.placeholder!==this.props.placeholder&&(this.editor.root.dataset.placeholder=this.props.placeholder||""),this.state.generation!==e.generation){const{delta:i,selection:n}=this.regenerationSnapshot;delete this.regenerationSnapshot,this.instantiateEditor();const s=this.editor;s.setContents(i),d(()=>this.setEditorSelection(s,n))}}instantiateEditor(){this.editor?this.hookEditor(this.editor):this.editor=this.createEditor(this.getEditingArea(),this.getEditorConfig())}destroyEditor(){if(!this.editor)return;this.unhookEditor(this.editor);const t=this.props.modules?.toolbar;if(!(typeof t=="object"&&t&&"container"in t&&typeof t.container=="string"||typeof t=="string")){const i=this.containerRef.current?.querySelector(".ql-toolbar");i&&i.remove()}delete this.editor}isControlled(){return"value"in this.props}getEditorConfig(){return{bounds:this.props.bounds,formats:this.props.formats,modules:this.props.modules,placeholder:this.props.placeholder,readOnly:this.props.readOnly,tabIndex:this.props.tabIndex,theme:this.props.theme}}getEditor(){if(!this.editor)throw new Error("Accessing non-instantiated editor");return this.editor}createEditor(t,e){const i=new r.Quill(t,e);return e.tabIndex!=null&&this.setEditorTabIndex(i,e.tabIndex),this.hookEditor(i),i}hookEditor(t){this.unprivilegedEditor=this.makeUnprivilegedEditor(t),t.on("editor-change",this.onEditorChange)}unhookEditor(t){t.off("editor-change",this.onEditorChange)}getEditorContents(){return this.value}getEditorSelection(){return this.selection}isDelta(t){return t&&t.ops}isEqualValue(t,e){return this.isDelta(t)&&this.isDelta(e)?r.isEqual(t.ops,e.ops):r.isEqual(t,e)}setEditorContents(t,e){this.value=e;const i=this.getEditorSelection();typeof e=="string"?t.setContents(t.clipboard.convert({html:e})):t.setContents(e),d(()=>this.setEditorSelection(t,i))}setEditorSelection(t,e){if(this.selection=e,e){const i=t.getLength();e.index=Math.max(0,Math.min(e.index,i-1)),e.length=Math.max(0,Math.min(e.length,i-1-e.index)),t.setSelection(e)}}setEditorTabIndex(t,e){t?.scroll?.domNode&&(t.scroll.domNode.tabIndex=e)}setEditorReadOnly(t,e){e?t.disable():t.enable()}makeUnprivilegedEditor(t){const e=t;return{getHTML:()=>e.root.innerHTML,getSemanticHTML:e.getSemanticHTML.bind(e),getLength:e.getLength.bind(e),getText:e.getText.bind(e),getContents:e.getContents.bind(e),getSelection:e.getSelection.bind(e),getBounds:e.getBounds.bind(e)}}getEditingArea(){const t=this.editingAreaRef.current;if(!t)throw new Error("Cannot find element for editing area");if(t.nodeType===3)throw new Error("Editing area cannot be a text node");return t}renderEditingArea(){const{children:t,preserveWhitespace:e}=this.props,{generation:i}=this.state,n={key:i,ref:this.editingAreaRef};return o.Children.count(t)?o.cloneElement(o.Children.only(t),n):e?o.createElement("pre",{...n}):o.createElement("div",{...n})}render(){return o.createElement("div",{ref:this.containerRef,id:this.props.id,style:this.props.style,key:this.state.generation,className:`quill ${this.props.className??""}`,onKeyPress:this.props.onKeyPress,onKeyDown:this.props.onKeyDown,onKeyUp:this.props.onKeyUp},this.renderEditingArea())}onEditorChangeText(t,e,i,n){if(!this.editor)return;const s=this.isDelta(this.value)?n.getContents():n.getSemanticHTML();s!==this.getEditorContents()&&(this.lastDeltaChangeSet=e,this.value=s,this.props.onChange?.(t,e,i,n))}onEditorChangeSelection(t,e,i){if(!this.editor)return;const n=this.getEditorSelection(),s=!n&&t,h=n&&!t;r.isEqual(t,n)||(this.selection=t,this.props.onChangeSelection?.(t,e,i),s?this.props.onFocus?.(t,e,i):h&&this.props.onBlur?.(n,e,i))}focus(){this.editor&&this.editor.focus()}blur(){this.editor&&(this.selection=null,this.editor.blur())}}a.displayName="React Quill";a.Quill=r.Quill;a.defaultProps={theme:"snow",modules:{},readOnly:!1};function d(l){Promise.resolve().then(l)}exports.Quill=r.Quill;exports.default=a;