@layers-app/editor 2.2.5 → 2.2.6

package/dist/layers.BLf6F_Az.js

@@ -1,520 +0,0 @@
-import { jsxs as P, jsx as o, Fragment as le } from "react/jsx-runtime";
-import { useState as I, useCallback as C, useMemo as de, useContext as Q, useRef as ce, useEffect as D } from "react";
-import { useTranslation as H } from "react-i18next";
-import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
-import { Stack as ue, Button as L, Box as me, LoadingOverlay as ge } from "@mantine/core";
-import { $getNodeByKey as y, COMMAND_PRIORITY_LOW as he, $setSelection as pe } from "lexical";
-import { b as A, c as fe, d as K, i as ee, P as we, N as Ie, M as ve, A as be, O as Ce, e as Ne, H as R, g as ye, T as Ae, f as xe, C as te, h as De, j as Oe, m as F, k as Te, n as Se, o as Ee, U as Me, q as Pe, r as We, R as _e, s as Y, t as ze, v as ke, w as Ue } from "./layers.BVDuJGV9.js";
-import { AttachmentsGalleryModal as Le, showErrorNotification as Re } from "@layers-app/shared";
-import "@lexical/react/LexicalDecoratorBlockNode";
-import "@lexical/utils";
-import { useDisclosure as Z } from "@mantine/hooks";
-import "@lexical/mark";
-import "@lexical/code";
-import "@lexical/selection";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@mantine/notifications";
-const Fe = () => {
-};
-function He({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = H(), [u] = $(), [m, g] = I(!1), [l, h] = I(!1), p = C(() => {
-    h(!1), u.update(() => {
-      const w = y(e);
-      if (!A(w)) return;
-      const v = w.getParent();
-      fe(v) ? v.remove() : w.remove();
-    });
-  }, [u, e]), x = C(async () => {
-    if (n)
-      try {
-        await K(n, ee(n));
-      } catch {
-      }
-  }, [n]);
-  return /* @__PURE__ */ P(
-    "div",
-    {
-      className: "media-actions visible",
-      style: {
-        position: "absolute",
-        top: 10,
-        right: 10,
-        zIndex: 10,
-        pointerEvents: "auto",
-        display: "flex",
-        gap: 4
-      },
-      onClick: (w) => w.stopPropagation(),
-      children: [
-        /* @__PURE__ */ o(we, { t: r, src: n, setShown: Fe, id: i }),
-        /* @__PURE__ */ o(
-          Ie,
-          {
-            opened: m,
-            setOpened: g,
-            t: r,
-            editor: u,
-            nodeKey: e
-          }
-        ),
-        /* @__PURE__ */ o(
-          ve,
-          {
-            opened: l,
-            onOpenChange: h,
-            t: r,
-            onDownload: () => void x(),
-            onDelete: p
-          }
-        )
-      ]
-    }
-  );
-}
-function $e({ nodeKey: e, src: n, id: i }) {
-  const { t: r } = H(), [u] = $(), [m, { open: g, close: l }] = Z(!1), [h, { open: p, close: x }] = Z(!1), w = de(
-    () => [
-      {
-        id: !i || i === "0" ? "" : i,
-        Url: n ?? "",
-        contentType: "",
-        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()
-      }
-    ],
-    [n, i]
-  ), v = () => {
-    l(), p();
-  }, O = C(async () => {
-    if (l(), !!n)
-      try {
-        await K(n, ee(n));
-      } catch {
-      }
-  }, [n, l]), b = C(() => {
-    l(), u.update(() => {
-      const a = y(e);
-      A(a) && a.remove();
-    });
-  }, [u, e, l]);
-  return /* @__PURE__ */ P(le, { children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: "image-touch-actions",
-        style: {
-          position: "absolute",
-          top: 8,
-          right: 8,
-          zIndex: 10,
-          pointerEvents: "auto"
-        },
-        onClick: (a) => a.stopPropagation(),
-        children: /* @__PURE__ */ o(
-          be,
-          {
-            label: r("editor.toolbar.more"),
-            icon: Ce,
-            iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": r("editor.toolbar.more"),
-            onClick: g
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      Le,
-      {
-        opened: h,
-        onOpenChange: (a) => a ? p() : x(),
-        attachments: w
-      }
-    ),
-    /* @__PURE__ */ o(
-      Ne,
-      {
-        opened: m,
-        onClose: l,
-        title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ P(ue, { gap: 4, p: 0, children: [
-          /* @__PURE__ */ o(
-            L,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: v,
-              leftSection: /* @__PURE__ */ o(
-                R,
-                {
-                  icon: ye,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.image.previewFullScreen")
-            }
-          ),
-          /* @__PURE__ */ o(
-            L,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "gray",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: () => void O(),
-              leftSection: /* @__PURE__ */ o(
-                R,
-                {
-                  icon: Ae,
-                  size: 16,
-                  color: "var(--mantine-color-dimmed)"
-                }
-              ),
-              children: r("editor.gallery.download")
-            }
-          ),
-          /* @__PURE__ */ o(
-            L,
-            {
-              type: "button",
-              variant: "subtle",
-              color: "red",
-              fullWidth: !0,
-              justify: "flex-start",
-              bg: "var(--editor-action-bg)",
-              onClick: b,
-              leftSection: /* @__PURE__ */ o(
-                R,
-                {
-                  icon: xe,
-                  size: 16,
-                  color: "var(--mantine-color-red-6)"
-                }
-              ),
-              children: r("editor.actions.delete")
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-const J = (e) => {
-  const {
-    width: n,
-    height: i,
-    isLoading: r,
-    isError: u,
-    src: m,
-    id: g,
-    altText: l,
-    imageRef: h,
-    maxWidth: p
-  } = e;
-  return /* @__PURE__ */ P(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: n,
-        height: i,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ o(
-          ge,
-          {
-            visible: r,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ o(
-          je,
-          {
-            className: null,
-            src: m,
-            altText: l,
-            imageRef: h,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: p || "auto",
-            id: g
-          }
-        ),
-        ke && /* @__PURE__ */ o($e, { nodeKey: e.nodeKey, src: m, id: g }),
-        Ue && /* @__PURE__ */ o(He, { nodeKey: e.nodeKey, src: m, id: g })
-      ]
-    }
-  );
-};
-function je({
-  altText: e,
-  className: n,
-  imageRef: i,
-  src: r,
-  width: u,
-  height: m,
-  maxWidth: g,
-  id: l
-}) {
-  const [h, p] = I(!1);
-  return /* @__PURE__ */ o(
-    "img",
-    {
-      className: `${n || void 0} ${h ? "" : "loading"}`,
-      src: r,
-      alt: e,
-      ref: i,
-      style: {
-        height: m,
-        maxWidth: g,
-        width: u
-      },
-      onLoad: () => {
-        r.includes("splash") ? setTimeout(() => {
-          p(!0);
-        }, 100) : p(!0);
-      },
-      draggable: "false",
-      "data-id": l
-    }
-  );
-}
-function ct(e) {
-  const { disable: n } = Q(te);
-  return n && De.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ o(Be, { ...e });
-}
-function Be({
-  src: e,
-  altText: n,
-  nodeKey: i,
-  width: r,
-  height: u,
-  maxWidth: m,
-  showCaption: g,
-  caption: l,
-  id: h,
-  create: p,
-  alignment: x,
-  imagePickerTab: w
-}) {
-  var q, X;
-  const v = ce(null), [O, b] = I(!0), [a] = $(), [N, W] = I(!0), [f, _] = I({
-    width: 0,
-    height: 0
-  }), { start: j } = Oe(), [Ge, z] = I(0), {
-    fetchUploadMedia: T,
-    fetchDeleteMedia: B,
-    maxFileSize: Ve,
-    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(), [qe, ie] = I(0);
-  D(() => a.registerDecoratorListener(() => {
-    ie((t) => t + 1);
-  }), [E]), D(() => {
-    if (!e || e.startsWith("data:image/") || !e.trim()) {
-      b(!1);
-      return;
-    }
-    const t = new Image();
-    t.src = e, t.onload = () => b(!1), t.onerror = () => {
-      b(!1);
-    };
-  }, [e, E]);
-  const ne = (t, d) => {
-    a.update(() => {
-      pe(null);
-      const s = y(i);
-      A(s) && s.setWidthAndHeight(t, d);
-    });
-  }, { historyState: G } = Te(), {
-    settings: { showNestedEditorTreeView: V }
-  } = Se();
-  function ae(t) {
-    return t.endsWith(".svg") || t.includes("image/svg+xml");
-  }
-  function re(t) {
-    return new Promise((d, s) => {
-      if (ae(t)) {
-        d(0);
-        return;
-      }
-      const c = new Image();
-      c.src = t, c.onload = () => {
-        d(c.width);
-      }, c.onerror = () => {
-        s(new Error("Failed to load image"));
-      };
-    });
-  }
-  D(() => {
-    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 ? (W(!0), _({
-        width: t,
-        height: d
-      })) : c < s ? (W(!0), _({
-        width: "auto",
-        height: "auto"
-      })) : (_({
-        width: c,
-        height: c
-      }), W(!1));
-    }).catch((c) => {
-      console.warn("Ошибка при загрузке изображения:", c.message);
-    });
-  }, [e, E]), D(() => {
-    f.width && f.height && N && a.update(() => {
-      const t = y(i);
-      A(t) && t.setWidthAndHeight(f.width, f.height);
-    });
-  }, [f.width, f.height, N]);
-  const se = C(
-    (t) => Ee(a, i, t),
-    [a, i]
-  ), k = C(
-    (t, d) => {
-      b(!1), a.update(() => {
-        const s = y(i);
-        A(s) && (s.setSrc(t), s.setId(d));
-      });
-    },
-    [a, i]
-  ), U = C(
-    (t) => {
-      b(!0);
-      const d = j();
-      T && T(
-        t[0],
-        (s, c) => {
-          k(s, c), z(0);
-        },
-        (s) => {
-          s && Re({
-            message: M("editor.gallery.errorFile")
-          }), z(0), k("", "");
-        },
-        d,
-        (s) => {
-          z(s);
-        }
-      );
-    },
-    [T, j, M, k]
-  );
-  return D(() => a.registerCommand(
-    Me,
-    (t) => e !== "upload" || t.targetNodeKey !== i ? !1 : (U(t.files), !0),
-    he
-  ), [a, U, i, e]), !e || e === "upload" ? /* @__PURE__ */ o(me, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ o(
-    Pe,
-    {
-      inline: !0,
-      nodeKey: i,
-      defaultTabValue: w,
-      onWriteTabToNode: se,
-      uploading: !1,
-      onUpload: (t) => {
-        !T || !t.length || U(t);
-      },
-      popoverProps: {
-        opened: !0,
-        position: "bottom",
-        zIndex: We
-      },
-      onChange: (t) => {
-        a.update(() => {
-          const d = y(i);
-          A(d) && d.setSrc(t);
-        });
-      }
-    }
-  ) }) : N ? /* @__PURE__ */ o(
-    J,
-    {
-      width: f.width,
-      height: f.height,
-      isLoading: O,
-      isError: !1,
-      isIcon: N,
-      src: e,
-      id: h,
-      editor: a,
-      nodeKey: i,
-      fetchDeleteMedia: B,
-      altText: n,
-      imageRef: v,
-      maxWidth: m,
-      showCaption: g,
-      caption: l,
-      isCollabActive: !1,
-      historyState: G,
-      showNestedEditorTreeView: V,
-      t: M
-    }
-  ) : /* @__PURE__ */ o(
-    _e,
-    {
-      editor: a,
-      isIcon: N,
-      width: Y(r),
-      height: Y(u),
-      initialWidth: f.width || "",
-      initialHeight: f.height || "",
-      onResizeEnd: ne,
-      alignment: x,
-      disable: oe,
-      onRegisterDecoratorEnter: (t) => {
-        S != null && S.current && (S.current.decoratorEnterAction = t);
-      },
-      onActivate: () => a.dispatchCommand(ze, "show_menu"),
-      children: /* @__PURE__ */ o(
-        J,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: O,
-          isError: !1,
-          isIcon: N,
-          src: e,
-          id: h,
-          editor: a,
-          nodeKey: i,
-          fetchDeleteMedia: B,
-          altText: n,
-          imageRef: v,
-          maxWidth: m,
-          showCaption: g,
-          caption: l,
-          isCollabActive: !1,
-          historyState: G,
-          showNestedEditorTreeView: V,
-          t: M
-        }
-      )
-    }
-  );
-}
-export {
-  ct as default
-};

package/dist/layers.BvmbvbQq.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.BJSTGaT8.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

package/dist/layers.CXn5GSFm.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.CNwb9cgy.js";
-import "./layers.BAO-CoiM.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.DhBk12UC.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.BOat0pS2.js");require("./layers.BUUs1M0q.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;