@layers-app/editor 2.2.41 → 2.2.43

package/dist/layers.CCV8nVyL.js

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