@layers-app/editor 2.2.42 → 2.2.43

package/dist/layers.DEnv6tje.js

@@ -1,756 +0,0 @@
-import { jsxs as y, jsx as n, Fragment as R } from "react/jsx-runtime";
-import { useMemo as X, useState as w, useCallback as k, useContext as ge, useRef as Te, useEffect as A } from "react";
-import { useTranslation as z } from "react-i18next";
-import { useLexicalComposerContext as U } from "@lexical/react/LexicalComposerContext";
-import { Menu as O, Flex as ce, Stack as Re, Button as B, Box as ze, LoadingOverlay as Ue } from "@mantine/core";
-import { $getNodeByKey as v, COMMAND_PRIORITY_LOW as je, $setSelection as _e } from "lexical";
-import { y as Fe, k as q, m as He, H as x, z as fe, D as we, B as L, N as be, F as $e, G as Be, q as Ve, C as Ce, J as Ge, K as Xe, L as V, Q as qe, S as Je, T as Qe, U as Ye, V as Ze, W as Ke, R as et, O as tt, r as ue, j as pe, X as me, o as ot } from "./layers.BbXqqa2k.js";
-import { AttachmentsGalleryModal as ye, showErrorNotification as nt } from "@layers-app/shared";
-import { useLexicalEditable as J } from "@lexical/react/useLexicalEditable";
-import { useDisclosure as G } from "@mantine/hooks";
-import "@lexical/react/LexicalDecoratorBlockNode";
-import "@lexical/utils";
-import "@lexical/mark";
-import "@lexical/code";
-import "@lexical/selection";
-import "react-dom";
-import "@lexical/react/LexicalErrorBoundary";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@mantine/notifications";
-const ke = [
-  ["path", { d: "M8.00001 3.09779C8.00001 3.09779 4.03375 2.74194 3.38784 3.38785C2.74192 4.03375 3.09784 8 3.09784 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }],
-  ["path", { d: "M8.00001 20.9022C8.00001 20.9022 4.03375 21.2581 3.38784 20.6122C2.74192 19.9662 3.09784 16 3.09784 16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }],
-  ["path", { d: "M16 3.09779C16 3.09779 19.9663 2.74194 20.6122 3.38785C21.2581 4.03375 20.9022 8 20.9022 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }],
-  ["path", { d: "M16 20.9022C16 20.9022 19.9663 21.2581 20.6122 20.6122C21.2581 19.9662 20.9022 16 20.9022 16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "3" }],
-  ["path", { d: "M14.0107 9.99847L20.0625 3.94678", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "4" }],
-  ["path", { d: "M9.99696 14.0024L3.63966 20.3807", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "5" }],
-  ["path", { d: "M9.99732 10.0024L3.84571 3.85889", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "6" }],
-  ["path", { d: "M13.9795 14.0024L20.5279 20.4983", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "7" }]
-];
-function it(e, i) {
-  const o = document.createElement("a");
-  o.href = e, o.download = i, o.rel = "noopener", document.body.appendChild(o), o.click(), o.remove();
-}
-function Q(e) {
-  try {
-    const o = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
-    return o.includes(".") ? o : `${o}.png`;
-  } catch {
-    return "image";
-  }
-}
-async function Y(e, i) {
-  const o = await fetch(e);
-  if (!o.ok)
-    throw new Error("fetch failed");
-  const r = await o.blob(), l = URL.createObjectURL(r);
-  try {
-    it(l, i);
-  } finally {
-    setTimeout(() => URL.revokeObjectURL(l), 0);
-  }
-}
-function Ie({
-  opened: e,
-  onOpenChange: i,
-  t: o,
-  onDownload: r,
-  onDelete: l
-}) {
-  return /* @__PURE__ */ y(
-    O,
-    {
-      opened: e,
-      onChange: i,
-      transitionProps: Fe,
-      shadow: "md",
-      position: "bottom-start",
-      offset: 4,
-      withinPortal: !0,
-      closeOnItemClick: !0,
-      children: [
-        /* @__PURE__ */ n(O.Target, { children: /* @__PURE__ */ n(
-          q,
-          {
-            label: o("editor.toolbar.more"),
-            icon: He,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": o("editor.toolbar.more")
-          }
-        ) }),
-        /* @__PURE__ */ y(O.Dropdown, { p: 4, w: 164, onMouseDown: (a) => a.preventDefault(), children: [
-          /* @__PURE__ */ n(
-            O.Item,
-            {
-              leftSection: /* @__PURE__ */ n(ce, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(x, { icon: fe, size: 16 }) }),
-              onClick: (a) => {
-                a.stopPropagation(), r();
-              },
-              children: o("editor.gallery.download")
-            }
-          ),
-          /* @__PURE__ */ n(
-            O.Item,
-            {
-              color: "red",
-              leftSection: /* @__PURE__ */ n(ce, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(x, { icon: we, size: 16 }) }),
-              onClick: (a) => {
-                a.stopPropagation(), l();
-              },
-              children: o("editor.contextMenu.delete")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-const ve = ({
-  t: e,
-  src: i,
-  setShown: o,
-  id: r
-}) => {
-  const [l, { open: a, close: p }] = G(!1), m = X(() => [
-    {
-      id: !r || r === "0" ? "" : r,
-      Url: i ?? "",
-      contentType: "image/*",
-      originalFileName: "",
-      fileSize: 0,
-      storageType: "",
-      storagePath: "",
-      fileName: "",
-      parentType: "",
-      parentId: "",
-      ownerId: "",
-      createdAt: /* @__PURE__ */ new Date(),
-      updatedAt: /* @__PURE__ */ new Date(),
-      version: 0,
-      deleted: !1,
-      deletedAt: /* @__PURE__ */ new Date()
-    }
-  ], [i, r]);
-  return /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ n(
-      ye,
-      {
-        opened: l,
-        onOpenChange: (h) => {
-          h ? a() : p();
-        },
-        attachments: m
-      }
-    ),
-    /* @__PURE__ */ n(
-      q,
-      {
-        label: e("editor.image.preview"),
-        icon: ke,
-        iconColor: "var(--mantine-color-gray-text)",
-        "aria-label": e("editor.image.preview"),
-        onClick: () => {
-          o(!1), a();
-        }
-      }
-    )
-  ] });
-}, rt = ({
-  nodeKey: e,
-  src: i
-}) => {
-  const [o] = U(), r = J(), [l, a] = w(!1), [p, m] = w(!1), { t: u } = z(), h = k(() => {
-    o.update(() => {
-      const I = v(e);
-      L(I) && I.remove();
-    });
-  }, [o, e]), f = k(async () => {
-    if (i)
-      try {
-        await Y(i, Q(i));
-      } catch {
-      }
-  }, [i]);
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: `media-actions ${r ? "" : "media-actions--readonly"}`,
-      children: [
-        /* @__PURE__ */ n(ve, { t: u, src: i, setShown: () => {
-        } }),
-        r && /* @__PURE__ */ y(R, { children: [
-          /* @__PURE__ */ n(
-            be,
-            {
-              opened: l,
-              setOpened: a,
-              t: u,
-              editor: o,
-              nodeKey: e,
-              setShown: () => {
-              }
-            }
-          ),
-          /* @__PURE__ */ n(
-            Ie,
-            {
-              opened: p,
-              onOpenChange: m,
-              t: u,
-              onDownload: () => void f(),
-              onDelete: h
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, at = () => {
-};
-function st({ nodeKey: e, src: i, id: o }) {
-  const { t: r } = z(), [l] = U(), a = J(), [p, m] = w(!1), [u, h] = w(!1), f = k(() => {
-    h(!1), l.update(() => {
-      const b = v(e);
-      if (!L(b)) return;
-      const D = b.getParent();
-      $e(D) ? D.remove() : b.remove();
-    });
-  }, [l, e]), I = k(async () => {
-    if (i)
-      try {
-        await Y(i, Q(i));
-      } catch {
-      }
-  }, [i]);
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: "media-actions visible",
-      style: {
-        position: "absolute",
-        top: 10,
-        right: 10,
-        zIndex: 10,
-        pointerEvents: "auto",
-        display: "flex",
-        gap: 4
-      },
-      onClick: (b) => b.stopPropagation(),
-      children: [
-        /* @__PURE__ */ n(ve, { t: r, src: i, setShown: at, id: o }),
-        a && /* @__PURE__ */ y(R, { children: [
-          /* @__PURE__ */ n(
-            be,
-            {
-              opened: p,
-              setOpened: m,
-              t: r,
-              editor: l,
-              nodeKey: e
-            }
-          ),
-          /* @__PURE__ */ n(
-            Ie,
-            {
-              opened: u,
-              onOpenChange: h,
-              t: r,
-              onDownload: () => void I(),
-              onDelete: f
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function lt({ nodeKey: e, src: i, id: o }) {
-  const { t: r } = z(), [l] = U(), a = J(), [p, { open: m, close: u }] = G(!1), [h, { open: f, close: I }] = G(!1), b = X(
-    () => [
-      {
-        id: !o || o === "0" ? "" : o,
-        Url: i ?? "",
-        contentType: "image/*",
-        originalFileName: "",
-        fileSize: 0,
-        storageType: "",
-        storagePath: "",
-        fileName: "",
-        parentType: "",
-        parentId: "",
-        ownerId: "",
-        createdAt: /* @__PURE__ */ new Date(),
-        updatedAt: /* @__PURE__ */ new Date(),
-        version: 0,
-        deleted: !1,
-        deletedAt: /* @__PURE__ */ new Date()
-      }
-    ],
-    [i, o]
-  ), D = () => {
-    u(), f();
-  }, S = k(async () => {
-    if (u(), !!i)
-      try {
-        await Y(i, Q(i));
-      } catch {
-      }
-  }, [i, u]), N = k(() => {
-    u(), l.update(() => {
-      const s = v(e);
-      L(s) && s.remove();
-    });
-  }, [l, e, u]);
-  return /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ n(
-      "div",
-      {
-        className: "image-touch-actions",
-        style: {
-          position: "absolute",
-          top: 8,
-          right: 8,
-          zIndex: 10,
-          pointerEvents: "auto"
-        },
-        onClick: (s) => s.stopPropagation(),
-        children: /* @__PURE__ */ n(
-          q,
-          {
-            label: r("editor.toolbar.more"),
-            icon: Be,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": r("editor.toolbar.more"),
-            onClick: m
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ n(
-      ye,
-      {
-        opened: h,
-        onOpenChange: (s) => s ? f() : I(),
-        attachments: b
-      }
-    ),
-    /* @__PURE__ */ n(
-      Ve,
-      {
-        opened: p,
-        onClose: u,
-        title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ y(Re, { gap: 4, p: 0, children: [
-          /* @__PURE__ */ n(
-            B,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: D,
-              leftSection: /* @__PURE__ */ n(
-                x,
-                {
-                  icon: ke,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.image.previewFullScreen")
-            }
-          ),
-          /* @__PURE__ */ n(
-            B,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: () => void S(),
-              leftSection: /* @__PURE__ */ n(
-                x,
-                {
-                  icon: fe,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.gallery.download")
-            }
-          ),
-          a && /* @__PURE__ */ n(
-            B,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "red",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: N,
-              leftSection: /* @__PURE__ */ n(
-                x,
-                {
-                  icon: we,
-                  size: 16,
-                  color: "var(--mantine-color-red-6)"
-                }
-              ),
-              children: r("editor.actions.delete")
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-const he = (e) => {
-  const {
-    width: i,
-    height: o,
-    isLoading: r,
-    isError: l,
-    src: a,
-    id: p,
-    altText: m,
-    imageRef: u,
-    maxWidth: h,
-    aspectRatio: f
-  } = e;
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: "media-wrapper",
-      "data-reserved-box": f ? "" : void 0,
-      style: {
-        width: i,
-        height: f ? "auto" : o,
-        aspectRatio: f || void 0,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ n(
-          Ue,
-          {
-            visible: r,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ n(
-          dt,
-          {
-            className: null,
-            src: a,
-            altText: m,
-            imageRef: u,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: h || "auto",
-            id: p
-          }
-        ),
-        pe && /* @__PURE__ */ n(lt, { nodeKey: e.nodeKey, src: a, id: p }),
-        me && /* @__PURE__ */ n(st, { nodeKey: e.nodeKey, src: a, id: p }),
-        ot && !pe && !me && /* @__PURE__ */ n(rt, { nodeKey: e.nodeKey, src: a })
-      ]
-    }
-  );
-};
-function dt({
-  altText: e,
-  className: i,
-  imageRef: o,
-  src: r,
-  width: l,
-  height: a,
-  maxWidth: p,
-  id: m
-}) {
-  const [u, h] = w(!1);
-  return /* @__PURE__ */ n(
-    "img",
-    {
-      className: `${i || void 0} ${u ? "" : "loading"}`,
-      src: r,
-      alt: e,
-      ref: o,
-      style: {
-        height: a,
-        maxWidth: p,
-        width: l
-      },
-      onLoad: () => {
-        r.includes("splash") ? setTimeout(() => {
-          h(!0);
-        }, 100) : h(!0);
-      },
-      draggable: "false",
-      "data-id": m
-    }
-  );
-}
-function Et(e) {
-  const { disable: i } = ge(Ce);
-  return i && Ge.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(ct, { ...e });
-}
-function ct({
-  src: e,
-  altText: i,
-  nodeKey: o,
-  width: r,
-  height: l,
-  maxWidth: a,
-  showCaption: p,
-  caption: m,
-  id: u,
-  create: h,
-  alignment: f,
-  imagePickerTab: I,
-  aspectRatio: b
-}) {
-  var le, de;
-  const D = Te(null), [S, N] = w(!0), [s] = U(), [M, j] = w(!0), [C, _] = w({
-    width: 0,
-    height: 0
-  }), { start: Z } = Xe(), [ut, F] = w(0), {
-    fetchUploadMedia: W,
-    fetchDeleteMedia: K,
-    maxFileSize: pt,
-    imperativeHandleRef: E,
-    disable: Le
-  } = ge(Ce), P = V.has(e) && (((le = V.get(e)) == null ? void 0 : le.mediaNodeKeys.length) === 0 || ((de = V.get(e)) == null ? void 0 : de.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: T } = z(), ee = (t) => {
-    if (typeof t == "number") return t > 0 ? t : null;
-    if (typeof t == "string" && !t.includes("%")) {
-      const d = parseFloat(t);
-      return Number.isFinite(d) && d > 0 ? d : null;
-    }
-    return null;
-  }, te = ee(r), oe = ee(l), ne = te && oe ? te / oe : void 0, [De, Ne] = w(
-    void 0
-  ), ie = X(() => {
-    try {
-      const t = parseFloat(
-        localStorage.getItem("layers-img-ratio:" + e) || ""
-      );
-      return Number.isFinite(t) && t > 0 ? t : void 0;
-    } catch {
-      return;
-    }
-  }, [e]), Me = ne ?? b ?? ie ?? De, [Ae, re] = w(!1), Oe = !Ae && !ne && (b ?? ie) != null, [mt, xe] = w(0);
-  A(() => s.registerDecoratorListener(() => {
-    xe((t) => t + 1);
-  }), [P]), A(() => {
-    const t = s.getElementByKey(o);
-    t && (t.style.removeProperty("aspect-ratio"), t.style.removeProperty("width"));
-  }, [s, o]), A(() => {
-    if (!e || e.startsWith("data:image/") || !e.trim()) {
-      N(!1);
-      return;
-    }
-    const t = new Image();
-    t.src = e, t.onload = () => {
-      if (N(!1), t.naturalWidth) {
-        const d = t.naturalWidth / t.naturalHeight;
-        if (Ne(d), t.naturalWidth >= 100)
-          try {
-            localStorage.setItem("layers-img-ratio:" + e, String(d));
-          } catch {
-          }
-        !b && t.naturalWidth >= 100 && s.update(
-          () => {
-            const c = v(o);
-            L(c) && c.getAspectRatio() == null && c.setAspectRatio(d);
-          },
-          { tag: "history-merge" }
-        );
-      }
-    }, t.onerror = () => {
-      N(!1);
-    };
-  }, [e, P]);
-  const Se = (t, d) => {
-    s.update(() => {
-      _e(null);
-      const c = v(o);
-      L(c) && c.setWidthAndHeight(t, d);
-    });
-  }, { historyState: ae } = qe(), {
-    settings: { showNestedEditorTreeView: se }
-  } = Je();
-  function We(t) {
-    return t.endsWith(".svg") || t.includes("image/svg+xml");
-  }
-  function Ee(t) {
-    return new Promise((d, c) => {
-      if (We(t)) {
-        d(0);
-        return;
-      }
-      const g = new Image();
-      g.src = t, g.onload = () => {
-        d(g.width);
-      }, g.onerror = () => {
-        c(new Error("Failed to load image"));
-      };
-    });
-  }
-  A(() => {
-    let t = r, d = l, c = 100;
-    (e.includes("unsplash") ? e.trim() : !P && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && Ee(e).then((g) => {
-      typeof t == "number" && t < c && g < c ? (j(!0), _({
-        width: t,
-        height: d
-      })) : g < c ? (j(!0), _({
-        width: "auto",
-        height: "auto"
-      })) : (_({
-        width: g,
-        height: g
-      }), j(!1)), re(!0);
-    }).catch((g) => {
-      re(!0), console.warn("Ошибка при загрузке изображения:", g.message);
-    });
-  }, [e, P]), A(() => {
-    C.width && C.height && M && s.update(() => {
-      const t = v(o);
-      L(t) && t.setWidthAndHeight(C.width, C.height);
-    });
-  }, [C.width, C.height, M]);
-  const Pe = k(
-    (t) => Qe(s, o, t),
-    [s, o]
-  ), H = k(
-    (t, d) => {
-      N(!1), s.update(() => {
-        const c = v(o);
-        L(c) && (c.setSrc(t), c.setId(d));
-      });
-    },
-    [s, o]
-  ), $ = k(
-    (t) => {
-      N(!0);
-      const d = Z();
-      W && W(
-        t[0],
-        (c, g) => {
-          H(c, g), F(0);
-        },
-        (c) => {
-          c && nt({
-            message: T("editor.gallery.errorFile")
-          }), F(0), H(e.startsWith("blob:") ? "upload" : "", "");
-        },
-        d,
-        (c) => {
-          F(c);
-        }
-      );
-    },
-    [W, Z, T, H, e]
-  );
-  return A(() => s.registerCommand(
-    Ye,
-    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : ($(t.files), !0),
-    je
-  ), [s, $, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(ze, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
-    Ze,
-    {
-      inline: !0,
-      nodeKey: o,
-      defaultTabValue: I,
-      onWriteTabToNode: Pe,
-      uploading: !1,
-      onUpload: (t) => {
-        !W || !t.length || $(t);
-      },
-      popoverProps: {
-        opened: !0,
-        position: "bottom",
-        zIndex: Ke
-      },
-      onChange: (t) => {
-        s.update(() => {
-          const d = v(o);
-          L(d) && d.setSrc(t);
-        });
-      }
-    }
-  ) }) : M && !Oe ? /* @__PURE__ */ n(
-    he,
-    {
-      width: C.width,
-      height: C.height,
-      isLoading: S,
-      isError: !1,
-      isIcon: M,
-      src: e,
-      id: u,
-      editor: s,
-      nodeKey: o,
-      fetchDeleteMedia: K,
-      altText: i,
-      imageRef: D,
-      maxWidth: a,
-      showCaption: p,
-      caption: m,
-      isCollabActive: !1,
-      historyState: ae,
-      showNestedEditorTreeView: se,
-      t: T
-    }
-  ) : /* @__PURE__ */ n(
-    et,
-    {
-      editor: s,
-      isIcon: M,
-      width: ue(r),
-      height: ue(l),
-      initialWidth: C.width || "",
-      initialHeight: C.height || "",
-      onResizeEnd: Se,
-      alignment: f,
-      disable: Le,
-      onRegisterDecoratorEnter: (t) => {
-        E != null && E.current && (E.current.decoratorEnterAction = t);
-      },
-      onActivate: () => s.dispatchCommand(tt, "show_menu"),
-      children: /* @__PURE__ */ n(
-        he,
-        {
-          width: "inherit",
-          height: "inherit",
-          aspectRatio: Me,
-          isLoading: S,
-          isError: !1,
-          isIcon: M,
-          src: e,
-          id: u,
-          editor: s,
-          nodeKey: o,
-          fetchDeleteMedia: K,
-          altText: i,
-          imageRef: D,
-          maxWidth: a,
-          showCaption: p,
-          caption: m,
-          isCollabActive: !1,
-          historyState: ae,
-          showNestedEditorTreeView: se,
-          t: T
-        }
-      )
-    }
-  );
-}
-export {
-  Et as default
-};