@layers-app/editor 0.7.94 → 1.0.2

package/dist/{layers.DKPRD01N.js → layers.4szC_a4k.js}

@@ -1,28 +1,28 @@
-import { jsxs as k, jsx as o, Fragment as re } from "react/jsx-runtime";
-import { useState as w, useCallback as b, useMemo as le, useContext as J, useRef as se, useEffect as T } from "react";
-import { useTranslation as F } from "react-i18next";
-import { useLexicalComposerContext as H } from "@lexical/react/LexicalComposerContext";
-import { Stack as de, Button as _, Box as ce, LoadingOverlay as ge } from "@mantine/core";
-import { $getNodeByKey as C, COMMAND_PRIORITY_LOW as ue, $setSelection as me } from "lexical";
-import { AttachmentsGalleryModal as he, showErrorNotification as fe } from "@layers-app/shared";
-import { i as x, j as Q, k as K, P as pe, A as ve, l as we, m as Ie, n as be, M as ye, H as L, o as Ce, T as xe, p as Ne, C as ee, q as Te, r as Ae, s as R, t as De, v as Se, w as Oe, U as Pe, x as ke, g as Ee, R as Me, y as X, b as ze, z as We } from "./layers.CBd4b_-g.js";
-import { useDisclosure as Y } from "@mantine/hooks";
-const Ue = () => {
+import { jsxs as P, jsx as o, Fragment as le } from "react/jsx-runtime";
+import { useState as v, useCallback as b, useMemo as de, useContext as Q, useRef as ce, useEffect as x } from "react";
+import { useTranslation as H } from "react-i18next";
+import { useLexicalComposerContext as j } from "@lexical/react/LexicalComposerContext";
+import { Stack as ue, Button as L, Box as ge, LoadingOverlay as me } from "@mantine/core";
+import { $getNodeByKey as y, COMMAND_PRIORITY_LOW as he, $setSelection as fe } from "lexical";
+import { i as N, j as K, k as ee, P as pe, N as we, l as ve, A as Ie, m as be, M as Ce, H as R, n as ye, T as Ne, o as Ae, C as te, p as xe, q as De, r as F, s as Te, t as Oe, v as Se, U as Ee, w as Me, g as Pe, R as ke, x as Y, y as ze, b as _e, z as We } from "./layers.ua3bbH6R.js";
+import { AttachmentsGalleryModal as Ue, showErrorNotification as Le } from "@layers-app/shared";
+import { useDisclosure as Z } from "@mantine/hooks";
+const Re = () => {
 };
-function _e({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = F(), [g] = H(), [u, m] = w(!1), [s, h] = w(!1), f = b(() => {
-    g.update(() => {
-      const v = C(e);
-      x(v) && v.remove();
+function Fe({ nodeKey: e, src: n, id: i }) {
+  const { t: r } = H(), [u] = j(), [g, m] = v(!1), [l, h] = v(!1), f = b(() => {
+    u.update(() => {
+      const w = y(e);
+      N(w) && w.remove();
     });
-  }, [g, e]), N = b(async () => {
+  }, [u, e]), A = b(async () => {
     if (n)
       try {
-        await Q(n, K(n));
+        await K(n, ee(n));
       } catch {
       }
   }, [n]);
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: "media-actions visible",
@@ -35,26 +35,26 @@ function _e({ nodeKey: e, src: n, id: i }) {
         display: "flex",
         gap: 4
       },
-      onClick: (v) => v.stopPropagation(),
+      onClick: (w) => w.stopPropagation(),
       children: [
-        /* @__PURE__ */ o(pe, { t: r, src: n, setShown: Ue, id: i }),
+        /* @__PURE__ */ o(pe, { t: r, src: n, setShown: Re, id: i }),
         /* @__PURE__ */ o(
-          ve,
+          we,
           {
-            opened: u,
+            opened: g,
             setOpened: m,
             t: r,
-            editor: g,
+            editor: u,
             nodeKey: e
           }
         ),
         /* @__PURE__ */ o(
-          we,
+          ve,
           {
-            opened: s,
+            opened: l,
             onOpenChange: h,
             t: r,
-            onDownload: () => void N(),
+            onDownload: () => void A(),
             onDelete: f
           }
         )
@@ -62,8 +62,8 @@ function _e({ nodeKey: e, src: n, id: i }) {
     }
   );
 }
-function Le({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = F(), [g] = H(), [u, { open: m, close: s }] = Y(!1), [h, { open: f, close: N }] = Y(!1), v = le(
+function He({ nodeKey: e, src: n, id: i }) {
+  const { t: r } = H(), [u] = j(), [g, { open: m, close: l }] = Z(!1), [h, { open: f, close: A }] = Z(!1), w = de(
     () => [
       {
         id: !i || i === "0" ? "" : i,
@@ -85,21 +85,21 @@ function Le({ nodeKey: e, src: n, id: i }) {
       }
     ],
     [n, i]
-  ), A = () => {
-    s(), f();
-  }, D = b(async () => {
-    if (s(), !!n)
+  ), D = () => {
+    l(), f();
+  }, T = b(async () => {
+    if (l(), !!n)
       try {
-        await Q(n, K(n));
+        await K(n, ee(n));
       } catch {
       }
-  }, [n, s]), I = b(() => {
-    s(), g.update(() => {
-      const a = C(e);
-      x(a) && a.remove();
+  }, [n, l]), I = b(() => {
+    l(), u.update(() => {
+      const a = y(e);
+      N(a) && a.remove();
     });
-  }, [g, e, s]);
-  return /* @__PURE__ */ k(re, { children: [
+  }, [u, e, l]);
+  return /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -125,22 +125,22 @@ function Le({ nodeKey: e, src: n, id: i }) {
       }
     ),
     /* @__PURE__ */ o(
-      he,
+      Ue,
       {
         opened: h,
-        onOpenChange: (a) => a ? f() : N(),
-        attachments: v
+        onOpenChange: (a) => a ? f() : A(),
+        attachments: w
       }
     ),
     /* @__PURE__ */ o(
-      ye,
+      Ce,
       {
-        opened: u,
-        onClose: s,
+        opened: g,
+        onClose: l,
         title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ k(de, { gap: 4, p: 0, children: [
+        children: /* @__PURE__ */ P(ue, { gap: 4, p: 0, children: [
           /* @__PURE__ */ o(
-            _,
+            L,
             {
               type: "button",
               variant: "subtle",
@@ -148,11 +148,11 @@ function Le({ nodeKey: e, src: n, id: i }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-              onClick: A,
+              onClick: D,
               leftSection: /* @__PURE__ */ o(
-                L,
+                R,
                 {
-                  icon: Ce,
+                  icon: ye,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -161,7 +161,7 @@ function Le({ nodeKey: e, src: n, id: i }) {
             }
           ),
           /* @__PURE__ */ o(
-            _,
+            L,
             {
               type: "button",
               variant: "subtle",
@@ -169,11 +169,11 @@ function Le({ nodeKey: e, src: n, id: i }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
-              onClick: () => void D(),
+              onClick: () => void T(),
               leftSection: /* @__PURE__ */ o(
-                L,
+                R,
                 {
-                  icon: xe,
+                  icon: Ne,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -182,7 +182,7 @@ function Le({ nodeKey: e, src: n, id: i }) {
             }
           ),
           /* @__PURE__ */ o(
-            _,
+            L,
             {
               type: "button",
               variant: "subtle",
@@ -192,9 +192,9 @@ function Le({ nodeKey: e, src: n, id: i }) {
               bg: "light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-outline-hover))",
               onClick: I,
               leftSection: /* @__PURE__ */ o(
-                L,
+                R,
                 {
-                  icon: Ne,
+                  icon: Ae,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
@@ -207,19 +207,19 @@ function Le({ nodeKey: e, src: n, id: i }) {
     )
   ] });
 }
-const Z = (e) => {
+const J = (e) => {
   const {
     width: n,
     height: i,
     isLoading: r,
-    isError: g,
-    src: u,
+    isError: u,
+    src: g,
     id: m,
-    altText: s,
+    altText: l,
     imageRef: h,
     maxWidth: f
   } = e;
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: "media-wrapper",
@@ -231,7 +231,7 @@ const Z = (e) => {
       },
       children: [
         /* @__PURE__ */ o(
-          ge,
+          me,
           {
             visible: r,
             zIndex: 1e3,
@@ -240,11 +240,11 @@ const Z = (e) => {
           }
         ),
         /* @__PURE__ */ o(
-          Re,
+          je,
           {
             className: null,
-            src: u,
-            altText: s,
+            src: g,
+            altText: l,
             imageRef: h,
             width: "inherit",
             height: "inherit",
@@ -252,23 +252,23 @@ const Z = (e) => {
             id: m
           }
         ),
-        ze && /* @__PURE__ */ o(Le, { nodeKey: e.nodeKey, src: u, id: m }),
-        We && /* @__PURE__ */ o(_e, { nodeKey: e.nodeKey, src: u, id: m })
+        _e && /* @__PURE__ */ o(He, { nodeKey: e.nodeKey, src: g, id: m }),
+        We && /* @__PURE__ */ o(Fe, { nodeKey: e.nodeKey, src: g, id: m })
       ]
     }
   );
 };
-function Re({
+function je({
   altText: e,
   className: n,
   imageRef: i,
   src: r,
-  width: g,
-  height: u,
+  width: u,
+  height: g,
   maxWidth: m,
-  id: s
+  id: l
 }) {
-  const [h, f] = w(!1);
+  const [h, f] = v(!1);
   return /* @__PURE__ */ o(
     "img",
     {
@@ -277,9 +277,9 @@ function Re({
       alt: e,
       ref: i,
       style: {
-        height: u,
+        height: g,
         maxWidth: m,
-        width: g
+        width: u
       },
       onLoad: () => {
         r.includes("splash") ? setTimeout(() => {
@@ -287,36 +287,42 @@ function Re({
         }, 100) : f(!0);
       },
       draggable: "false",
-      "data-id": s
+      "data-id": l
     }
   );
 }
-function Ke(e) {
-  const { disable: n } = J(ee);
-  return n && Te.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ o(Fe, { ...e });
+function ot(e) {
+  const { disable: n } = Q(te);
+  return n && xe.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ o($e, { ...e });
 }
-function Fe({
+function $e({
   src: e,
   altText: n,
   nodeKey: i,
   width: r,
-  height: g,
-  maxWidth: u,
+  height: u,
+  maxWidth: g,
   showCaption: m,
-  caption: s,
+  caption: l,
   id: h,
   create: f,
-  alignment: N,
-  imagePickerTab: v
+  alignment: A,
+  imagePickerTab: w
 }) {
-  var G, q;
-  const A = se(null), [D, I] = w(!0), [a] = H(), [y, E] = w(!0), [p, M] = w({
+  var q, X;
+  const D = ce(null), [T, I] = v(!0), [a] = j(), [C, k] = v(!0), [p, z] = v({
     width: 0,
     height: 0
-  }), { start: j } = Ae(), [He, z] = w(0), { fetchUploadMedia: S, fetchDeleteMedia: $, maxFileSize: je } = J(ee), O = R.has(e) && (((G = R.get(e)) == null ? void 0 : G.mediaNodeKeys.length) === 0 || ((q = R.get(e)) == null ? void 0 : q.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: P } = F(), [$e, te] = w(0);
-  T(() => a.registerDecoratorListener(() => {
-    te((t) => t + 1);
-  }), [O]), T(() => {
+  }), { start: $ } = De(), [Be, _] = v(0), {
+    fetchUploadMedia: O,
+    fetchDeleteMedia: B,
+    maxFileSize: Ge,
+    imperativeHandleRef: S,
+    disable: oe
+  } = Q(te), E = F.has(e) && (((q = F.get(e)) == null ? void 0 : q.mediaNodeKeys.length) === 0 || ((X = F.get(e)) == null ? void 0 : X.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: M } = H(), [Ve, ie] = v(0);
+  x(() => a.registerDecoratorListener(() => {
+    ie((t) => t + 1);
+  }), [E]), x(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       I(!1);
       return;
@@ -325,22 +331,22 @@ function Fe({
     t.src = e, t.onload = () => I(!1), t.onerror = () => {
       I(!1);
     };
-  }, [e, O]);
-  const oe = (t, d) => {
+  }, [e, E]);
+  const ne = (t, d) => {
     a.update(() => {
-      me(null);
-      const l = C(i);
-      x(l) && l.setWidthAndHeight(t, d);
+      fe(null);
+      const s = y(i);
+      N(s) && s.setWidthAndHeight(t, d);
     });
-  }, { historyState: B } = De(), {
+  }, { historyState: G } = Te(), {
     settings: { showNestedEditorTreeView: V }
-  } = Se();
-  function ie(t) {
+  } = Oe();
+  function ae(t) {
     return t.endsWith(".svg") || t.includes("image/svg+xml");
   }
-  function ne(t) {
-    return new Promise((d, l) => {
-      if (ie(t)) {
+  function re(t) {
+    return new Promise((d, s) => {
+      if (ae(t)) {
         d(0);
         return;
       }
@@ -348,153 +354,158 @@ function Fe({
       c.src = t, c.onload = () => {
         d(c.width);
       }, c.onerror = () => {
-        l(new Error("Failed to load image"));
+        s(new Error("Failed to load image"));
       };
     });
   }
-  T(() => {
-    let t = r, d = g, l = 100;
-    (e.includes("unsplash") ? e.trim() : !O && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && ne(e).then((c) => {
-      typeof t == "number" && t < l && c < l ? (E(!0), M({
+  x(() => {
+    let t = r, d = u, s = 100;
+    (e.includes("unsplash") ? e.trim() : !E && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && re(e).then((c) => {
+      typeof t == "number" && t < s && c < s ? (k(!0), z({
         width: t,
         height: d
-      })) : c < l ? (E(!0), M({
+      })) : c < s ? (k(!0), z({
         width: "auto",
         height: "auto"
-      })) : (M({
+      })) : (z({
         width: c,
         height: c
-      }), E(!1));
+      }), k(!1));
     }).catch((c) => {
       console.warn("Ошибка при загрузке изображения:", c.message);
     });
-  }, [e, O]), T(() => {
-    p.width && p.height && y && a.update(() => {
-      const t = C(i);
-      x(t) && t.setWidthAndHeight(p.width, p.height);
+  }, [e, E]), x(() => {
+    p.width && p.height && C && a.update(() => {
+      const t = y(i);
+      N(t) && t.setWidthAndHeight(p.width, p.height);
     });
-  }, [p.width, p.height, y]);
-  const ae = b(
-    (t) => Oe(a, i, t),
+  }, [p.width, p.height, C]);
+  const se = b(
+    (t) => Se(a, i, t),
     [a, i]
   ), W = b(
     (t, d) => {
       I(!1), a.update(() => {
-        const l = C(i);
-        x(l) && (l.setSrc(t), l.setId(d));
+        const s = y(i);
+        N(s) && (s.setSrc(t), s.setId(d));
       });
     },
     [a, i]
   ), U = b(
     (t) => {
       I(!0);
-      const d = j();
-      S && S(
+      const d = $();
+      O && O(
         t[0],
-        (l, c) => {
-          W(l, c), z(0);
+        (s, c) => {
+          W(s, c), _(0);
         },
-        (l) => {
-          l && fe({
-            message: P("editor.gallery.errorFile")
-          }), z(0), W("", "");
+        (s) => {
+          s && Le({
+            message: M("editor.gallery.errorFile")
+          }), _(0), W("", "");
         },
         d,
-        (l) => {
-          z(l);
+        (s) => {
+          _(s);
         }
       );
     },
-    [S, j, P, W]
+    [O, $, M, W]
   );
-  return T(() => a.registerCommand(
-    Pe,
+  return x(() => a.registerCommand(
+    Ee,
     (t) => e !== "upload" || t.targetNodeKey !== i ? !1 : (U(t.files), !0),
-    ue
-  ), [a, U, i, e]), !e || e === "upload" ? /* @__PURE__ */ o(ce, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ o(
-    ke,
+    he
+  ), [a, U, i, e]), !e || e === "upload" ? /* @__PURE__ */ o(ge, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ o(
+    Me,
     {
       inline: !0,
       nodeKey: i,
-      defaultTabValue: v,
-      onWriteTabToNode: ae,
+      defaultTabValue: w,
+      onWriteTabToNode: se,
       uploading: !1,
       onUpload: (t) => {
-        !S || !t.length || U(t);
+        !O || !t.length || U(t);
       },
       popoverProps: {
         opened: !0,
         position: "bottom",
-        zIndex: Ee
+        zIndex: Pe
       },
       onChange: (t) => {
         a.update(() => {
-          const d = C(i);
-          x(d) && d.setSrc(t);
+          const d = y(i);
+          N(d) && d.setSrc(t);
         });
       }
     }
-  ) }) : y ? /* @__PURE__ */ o(
-    Z,
+  ) }) : C ? /* @__PURE__ */ o(
+    J,
     {
       width: p.width,
       height: p.height,
-      isLoading: D,
+      isLoading: T,
       isError: !1,
-      isIcon: y,
+      isIcon: C,
       src: e,
       id: h,
       editor: a,
       nodeKey: i,
-      fetchDeleteMedia: $,
+      fetchDeleteMedia: B,
       altText: n,
-      imageRef: A,
-      maxWidth: u,
+      imageRef: D,
+      maxWidth: g,
       showCaption: m,
-      caption: s,
+      caption: l,
       isCollabActive: !1,
-      historyState: B,
+      historyState: G,
       showNestedEditorTreeView: V,
-      t: P
+      t: M
     }
   ) : /* @__PURE__ */ o(
-    Me,
+    ke,
     {
       editor: a,
-      isIcon: y,
-      width: X(r),
-      height: X(g),
+      isIcon: C,
+      width: Y(r),
+      height: Y(u),
       initialWidth: p.width || "",
       initialHeight: p.height || "",
-      onResizeEnd: oe,
-      alignment: N,
+      onResizeEnd: ne,
+      alignment: A,
+      disable: oe,
+      onRegisterDecoratorEnter: (t) => {
+        S != null && S.current && (S.current.decoratorEnterAction = t);
+      },
+      onActivate: () => a.dispatchCommand(ze, "show_menu"),
       children: /* @__PURE__ */ o(
-        Z,
+        J,
         {
           width: "inherit",
           height: "inherit",
-          isLoading: D,
+          isLoading: T,
           isError: !1,
-          isIcon: y,
+          isIcon: C,
           src: e,
           id: h,
           editor: a,
           nodeKey: i,
-          fetchDeleteMedia: $,
+          fetchDeleteMedia: B,
           altText: n,
-          imageRef: A,
-          maxWidth: u,
+          imageRef: D,
+          maxWidth: g,
           showCaption: m,
-          caption: s,
+          caption: l,
           isCollabActive: !1,
-          historyState: B,
+          historyState: G,
           showNestedEditorTreeView: V,
-          t: P
+          t: M
         }
       )
     }
   );
 }
 export {
-  Ke as default
+  ot as default
 };