@tqc-solution/design-system 0.2.4

package/dist/components/Upload/Upload.d.ts

@@ -0,0 +1,49 @@
+import { type InputHTMLAttributes } from 'react';
+export type UploadStatus = 'default' | 'error' | 'disable';
+export type UploadedFile = {
+    file: File;
+    progress: number;
+    status: 'uploading' | 'success' | 'error';
+    id: string;
+    previewUrl?: string;
+};
+export type UploadProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'multiple' | 'disabled'> & {
+    /** Upload mode: single or multiple files */
+    multiple?: boolean;
+    /** Status of the upload component */
+    status?: UploadStatus;
+    /** Callback when internal uploaded files state changes */
+    onUploadedFilesChange?: (files: UploadedFile[]) => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Custom label text */
+    label?: string;
+    /** Custom description text */
+    description?: string;
+    /** Error message text */
+    errorMessage?: string;
+    /** Callback when files are selected */
+    onChange?: (files: FileList | null) => void;
+    /** Callback when file is removed */
+    onRemove?: (fileId: string) => void;
+};
+export declare const Upload: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "disabled" | "multiple" | "type"> & {
+    /** Upload mode: single or multiple files */
+    multiple?: boolean;
+    /** Status of the upload component */
+    status?: UploadStatus;
+    /** Callback when internal uploaded files state changes */
+    onUploadedFilesChange?: (files: UploadedFile[]) => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Custom label text */
+    label?: string;
+    /** Custom description text */
+    description?: string;
+    /** Error message text */
+    errorMessage?: string;
+    /** Callback when files are selected */
+    onChange?: (files: FileList | null) => void;
+    /** Callback when file is removed */
+    onRemove?: (fileId: string) => void;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Upload/index.d.ts

@@ -0,0 +1,2 @@
+export { Upload } from './Upload';
+export type { UploadProps, UploadStatus } from './Upload';

package/dist/index-BcEf-eHA.js

@@ -0,0 +1,228 @@
+import n, { createRef as l } from "react";
+import { i as r, Q as u } from "./quill-CqfsVyV-.js";
+class a extends n.Component {
+  constructor(t) {
+    super(t), this.editingAreaRef = l(), this.containerRef = l(), 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, o, s, h) => {
+      i === "text-change" ? this.onEditorChangeText?.(this.editor.getSemanticHTML(), o, h, this.unprivilegedEditor) : i === "selection-change" && this.onEditorChangeSelection?.(o, h, this.unprivilegedEditor);
+    };
+    const e = this.isControlled() ? t.value : t.defaultValue;
+    this.value = e ?? "";
+  }
+  validateProps(t) {
+    if (n.Children.count(t.children) > 1)
+      throw new Error("The Quill editing area can only be composed of a single React element.");
+    if (n.Children.count(t.children) && n.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(), o = t.value ?? "";
+      this.isEqualValue(o, i) || this.setEditorContents(this.editor, o);
+    }
+    return t.readOnly !== this.props.readOnly && this.setEditorReadOnly(this.editor, t.readOnly), [...this.cleanProps, ...this.dirtyProps].some((i) => !r(t[i], this.props[i]));
+  }
+  shouldComponentRegenerate(t) {
+    return this.dirtyProps.some((e) => !r(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(), o = this.editor.getSelection();
+      this.regenerationSnapshot = { delta: i, selection: o }, 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: o } = this.regenerationSnapshot;
+      delete this.regenerationSnapshot, this.instantiateEditor();
+      const s = this.editor;
+      s.setContents(i), c(() => this.setEditorSelection(s, o));
+    }
+  }
+  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;
+  }
+  /*
+  We consider the component to be controlled if `value` is being sent in props.
+  */
+  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;
+  }
+  /**
+  Creates an editor on the given element. The editor will be passed the
+  configuration, have its events bound,
+  */
+  createEditor(t, e) {
+    const i = new u(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;
+  }
+  /*
+  True if the value is a Delta instance or a Delta look-alike.
+  */
+  isDelta(t) {
+    return t && t.ops;
+  }
+  /*
+  Special comparison function that knows how to compare Deltas.
+  */
+  isEqualValue(t, e) {
+    return this.isDelta(t) && this.isDelta(e) ? r(t.ops, e.ops) : r(t, e);
+  }
+  /*
+  Replace the contents of the editor, but keep the previous selection hanging
+  around so that the cursor won't move.
+  */
+  setEditorContents(t, e) {
+    this.value = e;
+    const i = this.getEditorSelection();
+    typeof e == "string" ? t.setContents(t.clipboard.convert({ html: e })) : t.setContents(e), c(() => 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();
+  }
+  /*
+  Returns a weaker, unprivileged proxy object that only exposes read-only
+  accessors found on the editor instance, without any state-modifying methods.
+  */
+  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;
+  }
+  /*
+  Renders an editor area, unless it has been provided one to clone.
+  */
+  renderEditingArea() {
+    const { children: t, preserveWhitespace: e } = this.props, { generation: i } = this.state, o = {
+      key: i,
+      ref: this.editingAreaRef
+    };
+    return n.Children.count(t) ? n.cloneElement(n.Children.only(t), o) : e ? n.createElement("pre", { ...o }) : n.createElement("div", { ...o });
+  }
+  render() {
+    return n.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, o) {
+    if (!this.editor)
+      return;
+    const s = this.isDelta(this.value) ? o.getContents() : o.getSemanticHTML();
+    s !== this.getEditorContents() && (this.lastDeltaChangeSet = e, this.value = s, this.props.onChange?.(t, e, i, o));
+  }
+  onEditorChangeSelection(t, e, i) {
+    if (!this.editor)
+      return;
+    const o = this.getEditorSelection(), s = !o && t, h = o && !t;
+    r(t, o) || (this.selection = t, this.props.onChangeSelection?.(t, e, i), s ? this.props.onFocus?.(t, e, i) : h && this.props.onBlur?.(o, e, i));
+  }
+  focus() {
+    this.editor && this.editor.focus();
+  }
+  blur() {
+    this.editor && (this.selection = null, this.editor.blur());
+  }
+}
+a.displayName = "React Quill";
+a.Quill = u;
+a.defaultProps = {
+  theme: "snow",
+  modules: {},
+  readOnly: !1
+};
+function c(d) {
+  Promise.resolve().then(d);
+}
+export {
+  u as Quill,
+  a as default
+};

package/dist/index-BhBGF4B7.cjs

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