@layers-app/editor 0.3.10 → 0.3.11

package/dist/{layers.aWv9gYR0.js → layers.BnjxHNDK.js}

@@ -1,61 +1,61 @@
 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.CXdHS8ME.js";
+import { useRef as M, useContext as W, useMemo as K, useEffect as $, useState as L, useCallback as y, Suspense as q } from "react";
+import { r as A, e as z, l as G, f as H, g as J, o as Q, h as P, N as R, b as j, i as V, d as B, j as X, O as Y, I, k as Z, A as ee, D as te, B as ne, n as ae, q as oe, L as re, F as se, s as le, v as ie, w as ce } from "./layers.YZkXZvVS.js";
 import { Button as de, TextInput as ue } from "@mantine/core";
-function O(e) {
+function F(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.`);
+function me({ initialEditor: e, children: a, initialNodes: o, initialTheme: f, skipCollabChecks: r, skipEditableListener: l }) {
+  const s = M(!1), E = W(A);
+  E == null && (function(m, ...t) {
+    const v = new URL("https://lexical.dev/docs/error"), b = new URLSearchParams();
+    b.append("code", m);
+    for (const i of t) b.append("v", i);
+    throw v.search = b.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);
+  const [u, { getTheme: k }] = E, S = K((() => {
+    const m = f || k() || void 0, t = z(E, 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) {
+    const v = e._createEditorArgs, b = v && v.namespace;
+    if (o) {
+      b || (e._config.namespace = u._config.namespace);
+      for (let i of o) {
         let C = null, g = null;
         if (typeof i != "function") {
-          const T = i;
-          i = T.replace, C = T.with, g = T.withKlass || null;
+          const D = i;
+          i = D.replace, C = D.with, g = D.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) });
+        e._nodes.set(i.getType(), { exportDOM: N ? N.exportDOM : void 0, klass: i, replace: C, replaceWithKlass: g, transforms: F(i) });
       }
-    } else if (v && v.nodes) E || (e._config.namespace = u._config.namespace);
+    } else if (v && v.nodes) b || (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) });
+      b || (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: F(g.klass) });
     }
     return [e, t];
-  }), []), { isCollabActive: x, yjsDocMap: p } = G(), d = o || r.current || p.has(e.getKey());
+  }), []), { isCollabActive: x, yjsDocMap: p } = G(), d = r || s.current || p.has(e.getKey());
   return $((() => {
-    d && (r.current = !0);
+    d && (s.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 });
+  }), [e, u, l]), n(A.Provider, { value: S, children: !x || d ? a : null });
 }
 function fe({
   "data-test-id": e,
   children: a,
-  className: s,
+  className: o,
   onClick: f,
-  disabled: o,
+  disabled: r,
   small: l,
-  title: r
+  title: s
 }) {
-  return /* @__PURE__ */ n(de, { onClick: f, disabled: o, variant: "filled", children: a });
+  return /* @__PURE__ */ n(de, { onClick: f, disabled: r, variant: "filled", children: a });
 }
 function pe({
   children: e,
@@ -66,9 +66,9 @@ function pe({
 function ge({
   label: e,
   value: a,
-  onChange: s,
+  onChange: o,
   placeholder: f = "",
-  "data-test-id": o,
+  "data-test-id": r,
   type: l = "text"
 }) {
   return /* @__PURE__ */ n(
@@ -77,33 +77,33 @@ function ge({
       type: l,
       placeholder: f,
       value: a,
-      onChange: (r) => {
-        s(r.target.value);
+      onChange: (s) => {
+        o(s.target.value);
       },
       label: e,
-      "data-test-id": o,
+      "data-test-id": r,
       mb: 10
     }
   );
 }
-const A = /* @__PURE__ */ new Set();
+const O = /* @__PURE__ */ new Set();
 function he(e) {
-  if (!A.has(e))
+  if (!O.has(e))
     throw new Promise((a) => {
-      const s = new Image();
-      s.src = e, s.onload = () => {
-        A.add(e), a(null);
+      const o = new Image();
+      o.src = e, o.onload = () => {
+        O.add(e), a(null);
       };
     });
 }
 function ve({
   altText: e,
   className: a,
-  imageRef: s,
+  imageRef: o,
   src: f,
-  width: o,
+  width: r,
   height: l,
-  position: r
+  position: s
 }) {
   return he(f), /* @__PURE__ */ n(
     "img",
@@ -111,31 +111,31 @@ function ve({
       className: a || void 0,
       src: f,
       alt: e,
-      ref: s,
-      "data-position": r,
+      ref: o,
+      "data-position": s,
       style: {
         display: "block",
         height: l,
-        width: o
+        width: r
       },
       draggable: "false"
     }
   );
 }
-function Ee({
+function be({
   activeEditor: e,
   nodeKey: a,
-  onClose: s
+  onClose: o
 }) {
-  const o = e.getEditorState().read(
+  const r = e.getEditorState().read(
     () => j(a)
-  ), [l, r] = y(o.getAltText()), [b, u] = y(o.getShowCaption()), [k, S] = y(o.getPosition()), x = (d) => {
+  ), [l, s] = L(r.getAltText()), [E, u] = L(r.getShowCaption()), [k, S] = L(r.getPosition()), x = (d) => {
     u(d.target.checked);
   }, p = () => {
-    const d = { altText: l, position: k, showCaption: b };
-    o && e.update(() => {
-      o.update(d);
-    }), s();
+    const d = { altText: l, position: k, showCaption: E };
+    r && e.update(() => {
+      r.update(d);
+    }), o();
   };
   return /* @__PURE__ */ w(U, { children: [
     /* @__PURE__ */ n("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ n(
@@ -143,7 +143,7 @@ function Ee({
       {
         label: "Alt-текст",
         placeholder: "Альтернативный текст",
-        onChange: r,
+        onChange: s,
         value: l,
         "data-test-id": "image-modal-alt-text-input"
       }
@@ -154,7 +154,7 @@ function Ee({
         {
           id: "caption",
           type: "checkbox",
-          checked: b,
+          checked: E,
           onChange: x
         }
       ),
@@ -173,59 +173,59 @@ function Ee({
 function Ie({
   src: e,
   altText: a,
-  nodeKey: s,
+  nodeKey: o,
   width: f,
-  height: o,
+  height: r,
   showCaption: l,
-  caption: r,
-  position: b
+  caption: s,
+  position: E
 }) {
-  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(
+  const [u, k] = H(), S = M(null), x = M(null), [p, d, m] = J(o), [t] = Q(), [v, b] = L(null), i = M(null), C = y(
     (h) => {
-      if (p && L(R())) {
+      if (p && P(R())) {
         h.preventDefault();
-        const c = j(s);
+        const c = j(o);
         V(c) && c.remove();
       }
       return !1;
     },
-    [p, s]
-  ), g = P(
+    [p, o]
+  ), g = y(
     (h) => {
       const _ = R(), c = x.current;
-      if (p && L(_) && _.getNodes().length === 1) {
+      if (p && P(_) && _.getNodes().length === 1) {
         if (l)
-          return F(null), h.preventDefault(), r.focus(), !0;
+          return B(null), h.preventDefault(), s.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(() => {
+    [s, p, l]
+  ), N = y(
+    (h) => i.current === s || x.current === h.target ? (B(null), t.update(() => {
       d(!0);
       const _ = t.getRootElement();
       _ !== null && _.focus();
     }), !0) : !1,
-    [r, t, d]
+    [s, t, d]
   );
   return $(() => {
     let h = !0;
     const _ = X(
       t.registerUpdateListener(({ editorState: c }) => {
-        h && E(c.read(() => R()));
+        h && b(c.read(() => R()));
       }),
       t.registerCommand(
-        se,
-        (c, D) => (i.current = D, !1),
+        oe,
+        (c, T) => (i.current = T, !1),
         I
       ),
       t.registerCommand(
         ae,
         (c) => {
-          const D = c;
-          return D.target === S.current ? (D.shiftKey ? d(!p) : (m(), d(!0)), !0) : !1;
+          const T = c;
+          return T.target === S.current ? (T.shiftKey ? d(!p) : (m(), d(!0)), !0) : !1;
         },
         I
       ),
@@ -258,12 +258,12 @@ function Ie({
     m,
     t,
     p,
-    s,
+    o,
     C,
     g,
     N,
     d
-  ]), /* @__PURE__ */ w(z, { fallback: null, children: [
+  ]), /* @__PURE__ */ w(q, { fallback: null, children: [
     /* @__PURE__ */ w(U, { children: [
       /* @__PURE__ */ w("div", { draggable: !1, children: [
         /* @__PURE__ */ n(
@@ -273,10 +273,10 @@ function Ie({
             ref: x,
             onClick: () => {
               k("Update Inline Image", (h) => /* @__PURE__ */ n(
-                Ee,
+                be,
                 {
                   activeEditor: t,
-                  nodeKey: s,
+                  nodeKey: o,
                   onClose: h
                 }
               ));
@@ -287,19 +287,19 @@ function Ie({
         /* @__PURE__ */ n(
           ve,
           {
-            className: p ? `focused ${L(v) ? "draggable" : ""}` : null,
+            className: p ? `focused ${P(v) ? "draggable" : ""}` : null,
             src: e,
             altText: a,
             imageRef: S,
             width: f,
-            height: o,
-            position: b
+            height: r,
+            position: E
           }
         )
       ] }),
-      l && /* @__PURE__ */ n("div", { className: "image-caption-container", children: /* @__PURE__ */ w(me, { initialEditor: r, children: [
-        /* @__PURE__ */ n(oe, {}),
+      l && /* @__PURE__ */ n("div", { className: "image-caption-container", children: /* @__PURE__ */ w(me, { initialEditor: s, children: [
         /* @__PURE__ */ n(re, {}),
+        /* @__PURE__ */ n(se, {}),
         /* @__PURE__ */ n(
           le,
           {
@@ -314,6 +314,6 @@ function Ie({
   ] });
 }
 export {
-  Ee as UpdateInlineImageDialog,
+  be as UpdateInlineImageDialog,
   Ie as default
 };

package/dist/{layers.CIe6IWwR.js → layers.C125HTat.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),e=require("./layers.BG2lFV8Q.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),e=require("./layers.QVaGPbs3.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})]})})]}),f]})}exports.UpdateInlineImageDialog=y;exports.default=B;