@layers-app/editor 0.7.24-beta.1 → 0.7.24-beta.2

package/dist/{layers.BCDRxkn5.js → layers.TNZ-1f3B.js}

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