@layers-app/editor 0.7.16 → 0.7.18

package/dist/layers.B4l6ta1Q.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),N=require("react-i18next"),a=require("./layers.94hwidA2.js"),t=require("@mantine/core"),P=require("@layers-app/shared"),C={};class L extends r.Component{render(){const{getComponent:l}=this.props,c=l("operations",!0);return e.jsx("div",{className:"swagger-ui",children:e.jsx(c,{})})}}const T=()=>({components:{OperationsLayout:L}}),q=s=>({statePlugins:{spec:{wrapSelectors:{taggedOperations:l=>(c,...f)=>{const i=l(c,...f);return s.operation?i.map(u=>u.update("operations",h=>h.filter(p=>p.get("operation").get("operationId")===s.operation))).filter(u=>u.get("operations").size>0):i}}}}}),U=({inputUrl:s,inputJSON:l,className:c,format:f,nodeKey:i,editor:u,create:h})=>{const{t:p}=N.useTranslation(),[j,m]=r.useState(""),[d,v]=r.useState(""),[k,w]=r.useState(!1),[B,O]=r.useState(!1),[g,x]=r.useState(!1),[b,S]=r.useState(!0);r.useEffect(()=>{h&&x(!0)},[h]),r.useEffect(()=>{g?a.blockScroll():a.unblockScroll()},[g]);const y=o=>{o.preventDefault(),u.update(()=>{const n=a.xo(i);a.$isSwaggerNode(n)&&(x(!1),n.setSrc(j||d),n.setJSON(d))})},{operation:I}=r.useMemo(()=>s?{operation:new URL(s).hash.split("/").pop()||""}:{operation:""},[s,l]);return s?e.jsxs(t.Box,{pos:"relative",mih:45,children:[e.jsx(t.LoadingOverlay,{visible:b,zIndex:1e3,overlayProps:{blur:4},loaderProps:{size:"xs"}}),e.jsx(C,{url:l,onComplete:()=>{S(!1)},responseInterceptor:o=>(o.ok||(S(!1),u.update(()=>{const n=a.xo(i);a.$isSwaggerNode(n)&&(x(!1),n.setSrc(""),n.setJSON(""))}),P.showErrorNotification({message:p("editor.validation.swaggerUnavailable")}),S(!0)),o),plugins:[q({operation:I}),T],layout:"OperationsLayout"})]}):e.jsxs(t.Popover,{width:400,position:"bottom",shadow:"md",opened:g,onChange:x,defaultOpened:!0,withinPortal:!0,children:[e.jsx(t.Popover.Target,{children:e.jsx(t.Flex,{w:"100%",children:e.jsx(a.p,{className:c,format:f,nodeKey:i,children:e.jsx(a.EmptyNodeButton,{title:p("editor.swagger.add"),icon:"api",onClick:()=>x(o=>!o),nodeKey:i})})})}),e.jsx(t.Popover.Dropdown,{"aria-hidden":!g,tabIndex:g?0:-1,children:e.jsx("form",{onSubmit:y,children:e.jsxs(t.Stack,{gap:16,children:[e.jsx(t.Box,{children:e.jsx(t.TextInput,{maxLength:500,placeholder:"https://api.example.com/v3/swagger.json","data-autofocus":!0,type:"url",value:d,rightSection:d?null:e.jsx("span",{style:{color:"red"},children:"*"}),onChange:o=>{v(o.currentTarget.value),O(!1)}})}),e.jsx(t.Box,{children:e.jsx(t.TextInput,{maxLength:500,placeholder:"https://api.swagger.io/#/user/getUser","data-autofocus":!0,type:"url",value:j,onChange:o=>{m(o.currentTarget.value),w(!1)}})}),e.jsx(t.Center,{children:e.jsx(t.Button,{w:"100%",type:"submit",disabled:!d,children:p("editor.video.apply")})})]})})})]})};exports.default=U;

package/dist/layers.BMrOAD_P.js

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

package/dist/{layers.CfISeAkt.js → layers.D99OBX9u.js}

@@ -1,12 +1,10 @@
-import { jsx as l, jsxs as X } from "react/jsx-runtime";
+import { jsx as l, jsxs as Y } from "react/jsx-runtime";
 import { useRef as Z, useState as u, useContext as K, useEffect as g } from "react";
 import { useTranslation as ee } from "react-i18next";
-import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
-import { LoadingOverlay as ie } from "@mantine/core";
-import { $getNodeByKey as S, COMMAND_PRIORITY_LOW as oe, $setSelection as ae } from "lexical";
-import { showErrorNotification as ne } from "@layers-app/shared";
-import { u as se, C as re, m as P, a as le, b as de, $ as y, t as he, U as ge, I as ue, E as me, R as fe, p as T } from "./layers.Chd1p2rt.js";
-const F = (t) => {
+import { o as te, u as ie, C as oe, m as M, a as ae, b as ne, x as z, $ as L, t as se, U as re, z as le, I as de, E as he, R as ge, p as F, w as ue } from "./layers.zu-IYGYU.js";
+import { LoadingOverlay as me } from "@mantine/core";
+import { showErrorNotification as fe } from "@layers-app/shared";
+const T = (t) => {
   const {
     width: m,
     height: n,
@@ -15,10 +13,10 @@ const F = (t) => {
     src: f,
     id: c,
     altText: p,
-    imageRef: I,
+    imageRef: w,
     maxWidth: h
   } = t;
-  return /* @__PURE__ */ X(
+  return /* @__PURE__ */ Y(
     "div",
     {
       className: "media-wrapper",
@@ -30,7 +28,7 @@ const F = (t) => {
       },
       children: [
         /* @__PURE__ */ l(
-          ie,
+          me,
           {
             visible: d,
             zIndex: 1e3,
@@ -44,7 +42,7 @@ const F = (t) => {
             className: null,
             src: f,
             altText: p,
-            imageRef: I,
+            imageRef: w,
             width: "inherit",
             height: "inherit",
             maxWidth: h || "auto",
@@ -65,11 +63,11 @@ function ce({
   maxWidth: c,
   id: p
 }) {
-  const [I, h] = u(!1);
+  const [w, h] = u(!1);
   return /* @__PURE__ */ l(
     "img",
     {
-      className: `${m || void 0} ${I ? "" : "loading"}`,
+      className: `${m || void 0} ${w ? "" : "loading"}`,
       src: d,
       alt: t,
       ref: n,
@@ -88,7 +86,7 @@ function ce({
     }
   );
 }
-function Se({
+function Ne({
   src: t,
   altText: m,
   nodeKey: n,
@@ -97,42 +95,42 @@ function Se({
   maxWidth: f,
   showCaption: c,
   caption: p,
-  id: I,
+  id: w,
   create: h,
   alignment: j
 }) {
-  var D, H;
-  const R = Z(null), [N, w] = u(!0), [r] = te(), [C, W] = u(!0), [s, A] = u({
+  var _, $;
+  const R = Z(null), [b, I] = u(!0), [r] = te(), [C, W] = u(!0), [s, y] = u({
     width: 0,
     height: 0
-  }), { start: B, cancel: G } = se(), [V, M] = u(0), { fetchUploadMedia: O, fetchDeleteMedia: z, maxFileSize: pe } = K(re), b = P.has(t) && (((D = P.get(t)) == null ? void 0 : D.mediaNodeKeys.length) === 0 || ((H = P.get(t)) == null ? void 0 : H.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: E } = ee(), [Ie, Y] = u(0);
+  }), { start: B, cancel: G } = ie(), [V, A] = u(0), { fetchUploadMedia: P, fetchDeleteMedia: U, maxFileSize: pe } = K(oe), E = M.has(t) && (((_ = M.get(t)) == null ? void 0 : _.mediaNodeKeys.length) === 0 || (($ = M.get(t)) == null ? void 0 : $.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: N } = ee(), [we, q] = u(0);
   g(() => r.registerDecoratorListener(() => {
-    Y((e) => e + 1);
-  }), [b]), g(() => {
+    q((e) => e + 1);
+  }), [E]), g(() => {
     if (!t || t.startsWith("data:image/") || !t.trim()) {
-      w(!1);
+      I(!1);
       return;
     }
     const e = new Image();
-    e.src = t, e.onload = () => w(!1), e.onerror = () => {
-      w(!1);
+    e.src = t, e.onload = () => I(!1), e.onerror = () => {
+      I(!1);
     };
-  }, [t, b]);
-  const q = (e, o) => {
+  }, [t, E]);
+  const J = (e, o) => {
     r.update(() => {
-      ae(null);
-      const i = S(n);
-      y(i) && i.setWidthAndHeight(e, o);
+      ue(null);
+      const i = z(n);
+      L(i) && i.setWidthAndHeight(e, o);
     });
-  }, { historyState: U } = le(), {
-    settings: { showNestedEditorTreeView: _ }
-  } = de(), [L, x] = u(!1);
-  function J(e) {
+  }, { historyState: O } = ae(), {
+    settings: { showNestedEditorTreeView: k }
+  } = ne(), [S, x] = u(!1);
+  function Q(e) {
     return e.endsWith(".svg") || e.includes("image/svg+xml");
   }
-  function Q(e) {
+  function X(e) {
     return new Promise((o, i) => {
-      if (J(e)) {
+      if (Q(e)) {
         o(0);
         return;
       }
@@ -148,150 +146,150 @@ function Se({
     h && x(!0);
   }, [h]), g(() => {
     let e = d, o = v, i = 100;
-    (t.includes("unsplash") ? t.trim() : !b && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && Q(t).then((a) => {
-      typeof e == "number" && e < i && a < i ? (W(!0), A({
+    (t.includes("unsplash") ? t.trim() : !E && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && X(t).then((a) => {
+      typeof e == "number" && e < i && a < i ? (W(!0), y({
         width: e,
         height: o
-      })) : a < i ? (W(!0), A({
+      })) : a < i ? (W(!0), y({
         width: "auto",
         height: "auto"
-      })) : (A({
+      })) : (y({
         width: a,
         height: a
       }), W(!1));
     }).catch((a) => {
       console.warn("Ошибка при загрузке изображения:", a.message);
     });
-  }, [t, b]), g(() => {
+  }, [t, E]), g(() => {
     s.width && s.height && C && r.update(() => {
-      const e = S(n);
-      y(e) && e.setWidthAndHeight(s.width, s.height);
+      const e = z(n);
+      L(e) && e.setWidthAndHeight(s.width, s.height);
     });
   }, [s.width, s.height, C]), g(() => {
     const e = document.documentElement;
-    he(L, e);
-  }, [L]), g(() => r.registerCommand(
-    ge,
-    (e) => (t === "upload" && k(e), !1),
-    oe
-  ), [t, N]);
-  const $ = (e, o) => {
-    w(!1), r.update(() => {
-      const i = S(n);
-      y(i) && (i.setSrc(e), i.setId(o));
+    se(S, e);
+  }, [S]), g(() => r.registerCommand(
+    re,
+    (e) => (t === "upload" && D(e), !1),
+    le
+  ), [t, b]);
+  const H = (e, o) => {
+    I(!1), r.update(() => {
+      const i = z(n);
+      L(i) && (i.setSrc(e), i.setId(o));
     });
-  }, k = (e) => {
-    w(!0);
+  }, D = (e) => {
+    I(!0);
     const o = B();
-    O && O(
+    P && P(
       e[0],
       (i, a) => {
-        $(i, a), M(0);
+        H(i, a), A(0);
       },
       (i) => {
-        i && ne({
-          message: E("editor.gallery.errorFile")
-        }), M(0), $("", "");
+        i && fe({
+          message: N("editor.gallery.errorFile")
+        }), A(0), H("", "");
       },
       o,
       (i) => {
-        M(i);
+        A(i);
       }
     );
   };
   return !t || t === "upload" ? /* @__PURE__ */ l(
-    ue,
+    de,
     {
       uploading: !1,
       onUpload: (e) => {
-        !O || !e.length || (k(e), x(!1));
+        !P || !e.length || (D(e), x(!1));
       },
       popoverProps: {
-        opened: L,
+        opened: S,
         position: "bottom",
         onChange: x
       },
       onChange: (e) => {
         x(!1), r.update(() => {
-          const o = S(n);
-          y(o) && o.setSrc(e);
+          const o = z(n);
+          L(o) && o.setSrc(e);
         });
       },
       children: /* @__PURE__ */ l(
-        me,
+        he,
         {
-          title: E("editor.image.add_photo"),
+          title: N("editor.image.add_photo"),
           icon: "photo",
-          onClick: () => x(!L),
-          isLoading: N,
+          onClick: () => x(!S),
+          isLoading: b,
           progress: V,
           onAfterCancel: () => {
-            G(), w(!1);
+            G(), I(!1);
           }
         }
       )
     }
   ) : C ? /* @__PURE__ */ l(
-    F,
+    T,
     {
       width: s.width,
       height: s.height,
-      isLoading: N,
+      isLoading: b,
       isError: !1,
       isIcon: C,
       src: t,
-      id: I,
+      id: w,
       editor: r,
       nodeKey: n,
-      fetchDeleteMedia: z,
+      fetchDeleteMedia: U,
       altText: m,
       imageRef: R,
       maxWidth: f,
       showCaption: c,
       caption: p,
       isCollabActive: !1,
-      historyState: U,
-      showNestedEditorTreeView: _,
-      t: E
+      historyState: O,
+      showNestedEditorTreeView: k,
+      t: N
     }
   ) : /* @__PURE__ */ l(
-    fe,
+    ge,
     {
       editor: r,
       isIcon: C,
-      width: T(d),
-      height: T(v),
+      width: F(d),
+      height: F(v),
       initialWidth: s.width || "",
       initialHeight: s.height || "",
-      onResizeEnd: q,
+      onResizeEnd: J,
       alignment: j,
       children: /* @__PURE__ */ l(
-        F,
+        T,
         {
           width: "inherit",
           height: "inherit",
-          isLoading: N,
+          isLoading: b,
           isError: !1,
           isIcon: C,
           src: t,
-          id: I,
+          id: w,
           editor: r,
           nodeKey: n,
-          fetchDeleteMedia: z,
+          fetchDeleteMedia: U,
           altText: m,
           imageRef: R,
           maxWidth: f,
           showCaption: c,
           caption: p,
           isCollabActive: !1,
-          historyState: U,
-          showNestedEditorTreeView: _,
-          t: E
+          historyState: O,
+          showNestedEditorTreeView: k,
+          t: N
         }
       )
     }
   );
 }
 export {
-  Se as default
+  Ne as default
 };

package/dist/layers.DOzLBYZr.js

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