@layers-app/editor 2.2.40 → 2.2.42

package/dist/layers.-HXWzxv2.js

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