@layers-app/editor 0.4.1 → 0.5.0

package/dist/layers.DGhEo4ps.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.BldgpPoA.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.DHbgl38J.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),r=require("react"),e=require("./layers.CebNnxUV.js"),S=require("./layers.B5VQ5ysd.js"),l=e.oe("INSERT_EXCALIDRAW_COMMAND");function w(){const[n]=e.o(),[c,i]=r.useState(!1),[t,d]=r.useState(null),a=r.useRef(null);r.useEffect(()=>{if(!n.hasNodes([e.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return n.registerCommand(l,()=>{i(!0);const s=e.getCurrentElement();return d(s),!0},e.Li)},[n]);const u=()=>{i(!1),a.current=!1},E=()=>{i(!1)},f=(s,N,x)=>{n.update(()=>{const o=e.$createExcalidrawNode();o.setData(JSON.stringify({appState:N,elements:s,files:x})),t&&t.getParent()&&(t==null||t.replace(o))}),i(!1)};return C.jsx(S.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:c,onDelete:E,onClose:u,onSave:f,closeOnClickOutside:!1,isEdited:a})}exports.INSERT_EXCALIDRAW_COMMAND=l;exports.default=w;

package/dist/layers.DcGuLvyP.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),e=require("./layers.CebNnxUV.js"),M=require("@mantine/core");function R(t){const a=t.transform();return new Set(a?[a]:[])}function P({initialEditor:t,children:a,initialNodes:r,initialTheme:p,skipCollabChecks:i,skipEditableListener:c}){const l=o.useRef(!1),E=o.useContext(e.r);E==null&&(function(g,...s){const v=new URL("https://lexical.dev/docs/error"),j=new URLSearchParams;j.append("code",g);for(const u of s)j.append("v",u);throw v.search=j.toString(),Error(`Minified Lexical error #${g}; visit ${v.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)})(9);const[f,{getTheme:k}]=E,_=o.useMemo((()=>{const g=p||k()||void 0,s=e.t(E,g);g!==void 0&&(t._config.theme=g),t._parentEditor=t._parentEditor||f;const v=t._createEditorArgs,j=v&&v.namespace;if(r){j||(t._config.namespace=f._config.namespace);for(let u of r){let C=null,x=null;if(typeof u!="function"){const N=u;u=N.replace,C=N.with,x=N.withKlass||null}const w=t._nodes.get(u.getType());t._nodes.set(u.getType(),{exportDOM:w?w.exportDOM:void 0,klass:u,replace:C,replaceWithKlass:x,transforms:R(u)})}}else if(v&&v.nodes)j||(t._config.namespace=f._config.namespace);else{const u=t._nodes=new Map(f._nodes);j||(t._config.namespace=f._config.namespace);for(const[C,x]of u)t._nodes.set(C,{exportDOM:x.exportDOM,klass:x.klass,replace:x.replace,replaceWithKlass:x.replaceWithKlass,transforms:R(x.klass)})}return[t,s]}),[]),{isCollabActive:S,yjsDocMap:h}=e.l(),m=i||l.current||h.has(t.getKey());return o.useEffect((()=>{m&&(l.current=!0)}),[m]),o.useEffect((()=>{if(!c){const g=s=>t.setEditable(s);return g(f.isEditable()),f.registerEditableListener(g)}}),[t,f,c]),n.jsx(e.r.Provider,{value:_,children:!S||m?a:null})}function L({"data-test-id":t,children:a,className:r,onClick:p,disabled:i,small:c,title:l}){return n.jsx(M.Button,{onClick:p,disabled:i,variant:"filled",children:a})}function O({children:t,className:a}){return n.jsx("div",{className:a||"Placeholder__root",children:t})}function A({label:t,value:a,onChange:r,placeholder:p="","data-test-id":i,type:c="text"}){return n.jsx(M.TextInput,{type:c,placeholder:p,value:a,onChange:l=>{r(l.target.value)},label:t,"data-test-id":i,mb:10})}const T=new Set;function F(t){if(!T.has(t))throw new Promise(a=>{const r=new Image;r.src=t,r.onload=()=>{T.add(t),a(null)}})}function U({altText:t,className:a,imageRef:r,src:p,width:i,height:c,position:l}){return F(p),n.jsx("img",{className:a||void 0,src:p,alt:t,ref:r,"data-position":l,style:{display:"block",height:c,width:i},draggable:"false"})}function y({activeEditor:t,nodeKey:a,onClose:r}){const i=t.getEditorState().read(()=>e.us(a)),[c,l]=o.useState(i.getAltText()),[E,f]=o.useState(i.getShowCaption()),[k,_]=o.useState(i.getPosition()),S=m=>{f(m.target.checked)},h=()=>{const m={altText:c,position:k,showCaption:E};i&&t.update(()=>{i.update(m)}),r()};return n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{marginBottom:"1em"},children:n.jsx(A,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:l,value:c,"data-test-id":"image-modal-alt-text-input"})}),n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("input",{id:"caption",type:"checkbox",checked:E,onChange:S}),n.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),n.jsx(L,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>h(),children:"Применить"})]})}function B({src:t,altText:a,nodeKey:r,width:p,height:i,showCaption:c,caption:l,position:E}){const[f,k]=e.useModal(),_=o.useRef(null),S=o.useRef(null),[h,m,g]=e.u(r),[s]=e.o(),[v,j]=o.useState(null),u=o.useRef(null),C=o.useCallback(b=>{if(h&&e.ur(e.Nr())){b.preventDefault();const d=e.us(r);e.$isInlineImageNode(d)&&d.remove()}return!1},[h,r]),x=o.useCallback(b=>{const I=e.Nr(),d=S.current;if(h&&e.ur(I)&&I.getNodes().length===1){if(c)return e.ms(null),b.preventDefault(),l.focus(),!0;if(d!==null&&d!==document.activeElement)return b.preventDefault(),d.focus(),!0}return!1},[l,h,c]),w=o.useCallback(b=>u.current===l||S.current===b.target?(e.ms(null),s.update(()=>{m(!0);const I=s.getRootElement();I!==null&&I.focus()}),!0):!1,[l,s,m]);o.useEffect(()=>{let b=!0;const I=e.j(s.registerUpdateListener(({editorState:d})=>{b&&j(d.read(()=>e.Nr()))}),s.registerCommand(e.le,(d,D)=>(u.current=D,!1),e.Ii),s.registerCommand(e.ae,d=>{const D=d;return D.target===_.current?(D.shiftKey?m(!h):(g(),m(!0)),!0):!1},e.Ii),s.registerCommand(e.Be,d=>d.target===_.current?(d.preventDefault(),!0):!1,e.Ii),s.registerCommand(e.De,C,e.Ii),s.registerCommand(e.Ae,C,e.Ii),s.registerCommand(e.Ee,x,e.Ii),s.registerCommand(e.Oe,w,e.Ii));return()=>{b=!1,I()}},[g,s,h,r,C,x,w,m]);const N=h;return n.jsxs(o.Suspense,{fallback:null,children:[n.jsxs(n.Fragment,{children:[n.jsxs("div",{draggable:!1,children:[n.jsx("button",{className:"image-edit-button",ref:S,onClick:()=>{k("Update Inline Image",b=>n.jsx(y,{activeEditor:s,nodeKey:r,onClose:b}))},children:"Edit"}),n.jsx(U,{className:N?`focused ${e.ur(v)?"draggable":""}`:null,src:t,altText:a,imageRef:_,width:p,height:i,position:E})]}),c&&n.jsx("div",{className:"image-caption-container",children:n.jsxs(P,{initialEditor:l,children:[n.jsx(e.LinkPlugin,{}),n.jsx(e.FloatingTextFormatToolbarPlugin,{}),n.jsx(e.h,{contentEditable:n.jsx(e.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:n.jsx(O,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:e.a$1})]})})]}),f]})}exports.UpdateInlineImageDialog=y;exports.default=B;

package/dist/layers.Y1n_hIuc.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),F=require("react-i18next"),i=require("./layers.CebNnxUV.js"),B=require("@mantine/core"),G=require("@layers-app/shared"),k=t=>{const{width:c,height:r,isLoading:h,isError:w,src:f,id:m,altText:p,imageRef:I,maxWidth:g}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:c,height:r,display:"inline-flex",position:"relative"},children:[u.jsx(B.LoadingOverlay,{visible:h,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(V,{className:null,src:f,altText:p,imageRef:I,width:"inherit",height:"inherit",maxWidth:g||"auto",id:m})]})};function V({altText:t,className:c,imageRef:r,src:h,width:w,height:f,maxWidth:m,id:p}){const[I,g]=n.useState(!1);return u.jsx("img",{className:`${c||void 0} ${I?"":"loading"}`,src:h,alt:t,ref:r,style:{height:f,maxWidth:m,width:w},onLoad:()=>{h.includes("splash")?setTimeout(()=>{g(!0)},100):g(!0)},draggable:"false","data-id":p})}function J({src:t,altText:c,nodeKey:r,width:h,height:w,maxWidth:f,showCaption:m,caption:p,id:I,create:g,alignment:H}){var A,$;const M=n.useRef(null),[v,S]=n.useState(!0),{isCollabActive:W}=i.l(),[l]=i.o(),[x,j]=n.useState(!0),[d,y]=n.useState({width:0,height:0}),{fetchUploadMedia:L,fetchDeleteMedia:z,maxFileSize:Q}=n.useContext(i.Context),N=i.mediaMap.has(t)&&(((A=i.mediaMap.get(t))==null?void 0:A.mediaNodeKeys.length)===0||(($=i.mediaMap.get(t))==null?void 0:$.mediaNodeKeys.length)===void 0||t.trim()===""),{t:C}=F.useTranslation(),[X,U]=n.useState(0);n.useEffect(()=>l.registerDecoratorListener(()=>{U(e=>e+1)}),[N]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){S(!1);return}const e=new Image;e.src=t,e.onload=()=>S(!1),e.onerror=()=>{S(!1)}},[t,N]);const D=(e,o)=>{l.update(()=>{i.ms(null);const s=i.us(r);i.$isImageNode(s)&&s.setWidthAndHeight(e,o)})},{historyState:P}=i.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:R}}=i.useSettings(),[b,E]=n.useState(!1);function T(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function _(e){return new Promise((o,s)=>{if(T(e)){o(0);return}const a=new Image;a.src=e,a.onload=()=>{o(a.width)},a.onerror=()=>{s(new Error("Failed to load image"))}})}n.useEffect(()=>{g&&E(!0)},[g]),n.useEffect(()=>{let e=h,o=w,s=100;(t.includes("unsplash")?t.trim():!N&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&_(t).then(a=>{typeof e=="number"&&e<s&&a<s?(j(!0),y({width:e,height:o})):a<s?(j(!0),y({width:"auto",height:"auto"})):(y({width:a,height:a}),j(!1))}).catch(a=>{console.warn("Ошибка при загрузке изображения:",a.message)})},[t,N]),n.useEffect(()=>{d.width&&d.height&&x&&l.update(()=>{const e=i.us(r);i.$isImageNode(e)&&e.setWidthAndHeight(d.width,d.height)})},[d.width,d.height,x]),n.useEffect(()=>{const e=document.documentElement;i.toggleLockScroll(b,e)},[b]),n.useEffect(()=>l.registerCommand(i.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&q(e),!1),i.Ii),[t,v]);const O=(e,o)=>{S(!1),l.update(()=>{const s=i.us(r);i.$isImageNode(s)&&(s.setSrc(e),s.setId(o))})},q=e=>{S(!0),L&&L(e[0],(o,s)=>{O(o,s)},o=>{o&&G.showErrorNotification({message:C("editor.gallery.errorFile")}),O("","")})};return!t||t==="upload"?u.jsx(i.ImagePicker,{uploading:!1,onUpload:e=>{!L||!e.length||(q(e),E(!1))},popoverProps:{opened:b,position:"bottom",onChange:E},onChange:e=>{E(!1),l.update(()=>{const o=i.us(r);i.$isImageNode(o)&&o.setSrc(e)})},children:u.jsx(i.EmptyNodeButton,{title:C("editor.image.add_photo"),icon:"photo",onClick:()=>E(!b),isLoading:v})}):x?u.jsx(k,{width:d.width,height:d.height,isLoading:v,isError:!1,isIcon:x,src:t,id:I,editor:l,nodeKey:r,fetchDeleteMedia:z,altText:c,imageRef:M,maxWidth:f,showCaption:m,caption:p,isCollabActive:W,historyState:P,showNestedEditorTreeView:R,t:C}):u.jsx(i.ResizableContainer,{editor:l,isIcon:x,width:i.parseContainerSize(h),height:i.parseContainerSize(w),initialWidth:d.width||"",initialHeight:d.height||"",onResizeEnd:D,alignment:H,children:u.jsx(k,{width:"inherit",height:"inherit",isLoading:v,isError:!1,isIcon:x,src:t,id:I,editor:l,nodeKey:r,fetchDeleteMedia:z,altText:c,imageRef:M,maxWidth:f,showCaption:m,caption:p,isCollabActive:W,historyState:P,showNestedEditorTreeView:R,t:C})})}exports.default=J;

package/dist/layers.b_l02tem.js

@@ -1,319 +0,0 @@
-import { jsx as n, jsxs as w, Fragment as U } from "react/jsx-runtime";
-import { useRef as M, useContext as K, useMemo as W, useEffect as $, useState as y, useCallback as P, Suspense as z } from "react";
-import { y as B, z as q, l as G, B as H, q as J, a as Q, F as L, N as R, c as j, G as V, h as F, r as X, O as Y, I, H as Z, s as ee, D as te, J as ne, v as ae, K as se, M as oe, P as re, Q as le, S as ie, T as ce } from "./layers.MXTL7J0X.js";
-import { Button as de, TextInput as ue } from "@mantine/core";
-function O(e) {
-  const a = e.transform();
-  return new Set(a ? [a] : []);
-}
-function me({ initialEditor: e, children: a, initialNodes: s, initialTheme: f, skipCollabChecks: o, skipEditableListener: l }) {
-  const r = M(!1), b = K(B);
-  b == null && (function(m, ...t) {
-    const v = new URL("https://lexical.dev/docs/error"), E = new URLSearchParams();
-    E.append("code", m);
-    for (const i of t) E.append("v", i);
-    throw v.search = E.toString(), Error(`Minified Lexical error #${m}; visit ${v.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-  })(9);
-  const [u, { getTheme: k }] = b, S = W((() => {
-    const m = f || k() || void 0, t = q(b, m);
-    m !== void 0 && (e._config.theme = m), e._parentEditor = e._parentEditor || u;
-    const v = e._createEditorArgs, E = v && v.namespace;
-    if (s) {
-      E || (e._config.namespace = u._config.namespace);
-      for (let i of s) {
-        let C = null, g = null;
-        if (typeof i != "function") {
-          const T = i;
-          i = T.replace, C = T.with, g = T.withKlass || null;
-        }
-        const N = e._nodes.get(i.getType());
-        e._nodes.set(i.getType(), { exportDOM: N ? N.exportDOM : void 0, klass: i, replace: C, replaceWithKlass: g, transforms: O(i) });
-      }
-    } else if (v && v.nodes) E || (e._config.namespace = u._config.namespace);
-    else {
-      const i = e._nodes = new Map(u._nodes);
-      E || (e._config.namespace = u._config.namespace);
-      for (const [C, g] of i) e._nodes.set(C, { exportDOM: g.exportDOM, klass: g.klass, replace: g.replace, replaceWithKlass: g.replaceWithKlass, transforms: O(g.klass) });
-    }
-    return [e, t];
-  }), []), { isCollabActive: x, yjsDocMap: p } = G(), d = o || r.current || p.has(e.getKey());
-  return $((() => {
-    d && (r.current = !0);
-  }), [d]), $((() => {
-    if (!l) {
-      const m = (t) => e.setEditable(t);
-      return m(u.isEditable()), u.registerEditableListener(m);
-    }
-  }), [e, u, l]), n(B.Provider, { value: S, children: !x || d ? a : null });
-}
-function fe({
-  "data-test-id": e,
-  children: a,
-  className: s,
-  onClick: f,
-  disabled: o,
-  small: l,
-  title: r
-}) {
-  return /* @__PURE__ */ n(de, { onClick: f, disabled: o, variant: "filled", children: a });
-}
-function pe({
-  children: e,
-  className: a
-}) {
-  return /* @__PURE__ */ n("div", { className: a || "Placeholder__root", children: e });
-}
-function ge({
-  label: e,
-  value: a,
-  onChange: s,
-  placeholder: f = "",
-  "data-test-id": o,
-  type: l = "text"
-}) {
-  return /* @__PURE__ */ n(
-    ue,
-    {
-      type: l,
-      placeholder: f,
-      value: a,
-      onChange: (r) => {
-        s(r.target.value);
-      },
-      label: e,
-      "data-test-id": o,
-      mb: 10
-    }
-  );
-}
-const A = /* @__PURE__ */ new Set();
-function he(e) {
-  if (!A.has(e))
-    throw new Promise((a) => {
-      const s = new Image();
-      s.src = e, s.onload = () => {
-        A.add(e), a(null);
-      };
-    });
-}
-function ve({
-  altText: e,
-  className: a,
-  imageRef: s,
-  src: f,
-  width: o,
-  height: l,
-  position: r
-}) {
-  return he(f), /* @__PURE__ */ n(
-    "img",
-    {
-      className: a || void 0,
-      src: f,
-      alt: e,
-      ref: s,
-      "data-position": r,
-      style: {
-        display: "block",
-        height: l,
-        width: o
-      },
-      draggable: "false"
-    }
-  );
-}
-function Ee({
-  activeEditor: e,
-  nodeKey: a,
-  onClose: s
-}) {
-  const o = e.getEditorState().read(
-    () => j(a)
-  ), [l, r] = y(o.getAltText()), [b, u] = y(o.getShowCaption()), [k, S] = y(o.getPosition()), x = (d) => {
-    u(d.target.checked);
-  }, p = () => {
-    const d = { altText: l, position: k, showCaption: b };
-    o && e.update(() => {
-      o.update(d);
-    }), s();
-  };
-  return /* @__PURE__ */ w(U, { children: [
-    /* @__PURE__ */ n("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ n(
-      ge,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: r,
-        value: l,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ w("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: b,
-          onChange: x
-        }
-      ),
-      /* @__PURE__ */ n("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ n(
-      fe,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => p(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function Ie({
-  src: e,
-  altText: a,
-  nodeKey: s,
-  width: f,
-  height: o,
-  showCaption: l,
-  caption: r,
-  position: b
-}) {
-  const [u, k] = H(), S = M(null), x = M(null), [p, d, m] = J(s), [t] = Q(), [v, E] = y(null), i = M(null), C = P(
-    (h) => {
-      if (p && L(R())) {
-        h.preventDefault();
-        const c = j(s);
-        V(c) && c.remove();
-      }
-      return !1;
-    },
-    [p, s]
-  ), g = P(
-    (h) => {
-      const _ = R(), c = x.current;
-      if (p && L(_) && _.getNodes().length === 1) {
-        if (l)
-          return F(null), h.preventDefault(), r.focus(), !0;
-        if (c !== null && c !== document.activeElement)
-          return h.preventDefault(), c.focus(), !0;
-      }
-      return !1;
-    },
-    [r, p, l]
-  ), N = P(
-    (h) => i.current === r || x.current === h.target ? (F(null), t.update(() => {
-      d(!0);
-      const _ = t.getRootElement();
-      _ !== null && _.focus();
-    }), !0) : !1,
-    [r, t, d]
-  );
-  return $(() => {
-    let h = !0;
-    const _ = X(
-      t.registerUpdateListener(({ editorState: c }) => {
-        h && E(c.read(() => R()));
-      }),
-      t.registerCommand(
-        se,
-        (c, D) => (i.current = D, !1),
-        I
-      ),
-      t.registerCommand(
-        ae,
-        (c) => {
-          const D = c;
-          return D.target === S.current ? (D.shiftKey ? d(!p) : (m(), d(!0)), !0) : !1;
-        },
-        I
-      ),
-      t.registerCommand(
-        ne,
-        (c) => c.target === S.current ? (c.preventDefault(), !0) : !1,
-        I
-      ),
-      t.registerCommand(
-        te,
-        C,
-        I
-      ),
-      t.registerCommand(
-        ee,
-        C,
-        I
-      ),
-      t.registerCommand(Z, g, I),
-      t.registerCommand(
-        Y,
-        N,
-        I
-      )
-    );
-    return () => {
-      h = !1, _();
-    };
-  }, [
-    m,
-    t,
-    p,
-    s,
-    C,
-    g,
-    N,
-    d
-  ]), /* @__PURE__ */ w(z, { fallback: null, children: [
-    /* @__PURE__ */ w(U, { children: [
-      /* @__PURE__ */ w("div", { draggable: !1, children: [
-        /* @__PURE__ */ n(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: x,
-            onClick: () => {
-              k("Update Inline Image", (h) => /* @__PURE__ */ n(
-                Ee,
-                {
-                  activeEditor: t,
-                  nodeKey: s,
-                  onClose: h
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ n(
-          ve,
-          {
-            className: p ? `focused ${L(v) ? "draggable" : ""}` : null,
-            src: e,
-            altText: a,
-            imageRef: S,
-            width: f,
-            height: o,
-            position: b
-          }
-        )
-      ] }),
-      l && /* @__PURE__ */ n("div", { className: "image-caption-container", children: /* @__PURE__ */ w(me, { initialEditor: r, children: [
-        /* @__PURE__ */ n(oe, {}),
-        /* @__PURE__ */ n(re, {}),
-        /* @__PURE__ */ n(
-          le,
-          {
-            contentEditable: /* @__PURE__ */ n(ce, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ n(pe, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: ie
-          }
-        )
-      ] }) })
-    ] }),
-    u
-  ] });
-}
-export {
-  Ee as UpdateInlineImageDialog,
-  Ie as default
-};

package/dist/layers.pGJnLNqj.js

@@ -1,285 +0,0 @@
-import { jsx as d, jsxs as J } from "react/jsx-runtime";
-import { useRef as Q, useState as I, useContext as X, useEffect as g } from "react";
-import { useTranslation as Y } from "react-i18next";
-import { l as Z, a as K, C as ee, m as P, u as te, b as ie, c as L, d as W, t as oe, U as ae, I as ne, e as se, f as re, R as de, p as T, h as le } from "./layers.MXTL7J0X.js";
-import { LoadingOverlay as he } from "@mantine/core";
-import { showErrorNotification as ge } from "@layers-app/shared";
-const $ = (t) => {
-  const {
-    width: u,
-    height: n,
-    isLoading: l,
-    isError: v,
-    src: m,
-    id: f,
-    altText: c,
-    imageRef: p,
-    maxWidth: h
-  } = t;
-  return /* @__PURE__ */ J(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: u,
-        height: n,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ d(
-          he,
-          {
-            visible: l,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ d(
-          ue,
-          {
-            className: null,
-            src: m,
-            altText: c,
-            imageRef: p,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: h || "auto",
-            id: f
-          }
-        )
-      ]
-    }
-  );
-};
-function ue({
-  altText: t,
-  className: u,
-  imageRef: n,
-  src: l,
-  width: v,
-  height: m,
-  maxWidth: f,
-  id: c
-}) {
-  const [p, h] = I(!1);
-  return /* @__PURE__ */ d(
-    "img",
-    {
-      className: `${u || void 0} ${p ? "" : "loading"}`,
-      src: l,
-      alt: t,
-      ref: n,
-      style: {
-        height: m,
-        maxWidth: f,
-        width: v
-      },
-      onLoad: () => {
-        l.includes("splash") ? setTimeout(() => {
-          h(!0);
-        }, 100) : h(!0);
-      },
-      draggable: "false",
-      "data-id": c
-    }
-  );
-}
-function xe({
-  src: t,
-  altText: u,
-  nodeKey: n,
-  width: l,
-  height: v,
-  maxWidth: m,
-  showCaption: f,
-  caption: c,
-  id: p,
-  create: h,
-  alignment: j
-}) {
-  var _, F;
-  const R = Q(null), [b, C] = I(!0), { isCollabActive: A } = Z(), [r] = K(), [w, y] = I(!0), [s, z] = I({
-    width: 0,
-    height: 0
-  }), { fetchUploadMedia: M, fetchDeleteMedia: O, maxFileSize: me } = X(ee), E = P.has(t) && (((_ = P.get(t)) == null ? void 0 : _.mediaNodeKeys.length) === 0 || ((F = P.get(t)) == null ? void 0 : F.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: N } = Y(), [fe, B] = I(0);
-  g(() => r.registerDecoratorListener(() => {
-    B((e) => e + 1);
-  }), [E]), g(() => {
-    if (!t || t.startsWith("data:image/") || !t.trim()) {
-      C(!1);
-      return;
-    }
-    const e = new Image();
-    e.src = t, e.onload = () => C(!1), e.onerror = () => {
-      C(!1);
-    };
-  }, [t, E]);
-  const G = (e, i) => {
-    r.update(() => {
-      le(null);
-      const o = L(n);
-      W(o) && o.setWidthAndHeight(e, i);
-    });
-  }, { historyState: U } = te(), {
-    settings: { showNestedEditorTreeView: k }
-  } = ie(), [S, x] = I(!1);
-  function V(e) {
-    return e.endsWith(".svg") || e.includes("image/svg+xml");
-  }
-  function q(e) {
-    return new Promise((i, o) => {
-      if (V(e)) {
-        i(0);
-        return;
-      }
-      const a = new Image();
-      a.src = e, a.onload = () => {
-        i(a.width);
-      }, a.onerror = () => {
-        o(new Error("Failed to load image"));
-      };
-    });
-  }
-  g(() => {
-    h && x(!0);
-  }, [h]), g(() => {
-    let e = l, i = v, o = 100;
-    (t.includes("unsplash") ? t.trim() : !E && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && q(t).then((a) => {
-      typeof e == "number" && e < o && a < o ? (y(!0), z({
-        width: e,
-        height: i
-      })) : a < o ? (y(!0), z({
-        width: "auto",
-        height: "auto"
-      })) : (z({
-        width: a,
-        height: a
-      }), y(!1));
-    }).catch((a) => {
-      console.warn("Ошибка при загрузке изображения:", a.message);
-    });
-  }, [t, E]), g(() => {
-    s.width && s.height && w && r.update(() => {
-      const e = L(n);
-      W(e) && e.setWidthAndHeight(s.width, s.height);
-    });
-  }, [s.width, s.height, w]), g(() => {
-    const e = document.documentElement;
-    oe(S, e);
-  }, [S]), g(() => r.registerCommand(
-    ae,
-    (e) => (t === "upload" && D(e), !1),
-    ne
-  ), [t, b]);
-  const H = (e, i) => {
-    C(!1), r.update(() => {
-      const o = L(n);
-      W(o) && (o.setSrc(e), o.setId(i));
-    });
-  }, D = (e) => {
-    C(!0), M && M(
-      e[0],
-      (i, o) => {
-        H(i, o);
-      },
-      (i) => {
-        i && ge({
-          message: N("editor.gallery.errorFile")
-        }), H("", "");
-      }
-    );
-  };
-  return !t || t === "upload" ? /* @__PURE__ */ d(
-    se,
-    {
-      uploading: !1,
-      onUpload: (e) => {
-        !M || !e.length || (D(e), x(!1));
-      },
-      popoverProps: {
-        opened: S,
-        position: "bottom",
-        onChange: x
-      },
-      onChange: (e) => {
-        x(!1), r.update(() => {
-          const i = L(n);
-          W(i) && i.setSrc(e);
-        });
-      },
-      children: /* @__PURE__ */ d(
-        re,
-        {
-          title: N("editor.image.add_photo"),
-          icon: "photo",
-          onClick: () => x(!S),
-          isLoading: b
-        }
-      )
-    }
-  ) : w ? /* @__PURE__ */ d(
-    $,
-    {
-      width: s.width,
-      height: s.height,
-      isLoading: b,
-      isError: !1,
-      isIcon: w,
-      src: t,
-      id: p,
-      editor: r,
-      nodeKey: n,
-      fetchDeleteMedia: O,
-      altText: u,
-      imageRef: R,
-      maxWidth: m,
-      showCaption: f,
-      caption: c,
-      isCollabActive: A,
-      historyState: U,
-      showNestedEditorTreeView: k,
-      t: N
-    }
-  ) : /* @__PURE__ */ d(
-    de,
-    {
-      editor: r,
-      isIcon: w,
-      width: T(l),
-      height: T(v),
-      initialWidth: s.width || "",
-      initialHeight: s.height || "",
-      onResizeEnd: G,
-      alignment: j,
-      children: /* @__PURE__ */ d(
-        $,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: b,
-          isError: !1,
-          isIcon: w,
-          src: t,
-          id: p,
-          editor: r,
-          nodeKey: n,
-          fetchDeleteMedia: O,
-          altText: u,
-          imageRef: R,
-          maxWidth: m,
-          showCaption: f,
-          caption: c,
-          isCollabActive: A,
-          historyState: U,
-          showNestedEditorTreeView: k,
-          t: N
-        }
-      )
-    }
-  );
-}
-export {
-  xe as default
-};