@layers-app/editor 0.7.71 → 0.7.72

package/dist/layers.tbL95R__.js

@@ -1,296 +0,0 @@
-import { jsx as l, jsxs as Z } from "react/jsx-runtime";
-import { useContext as j, useRef as K, useState as p, useEffect as C, useCallback as R } from "react";
-import { useTranslation as ee } from "react-i18next";
-import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
-import { Box as ie, LoadingOverlay as oe } from "@mantine/core";
-import { $getNodeByKey as S, COMMAND_PRIORITY_LOW as ae, $setSelection as re } from "lexical";
-import { showErrorNotification as ne } from "@layers-app/shared";
-import { C as B, I as se, u as le, m as z, a as de, b as he, $ as W, c as ue, U as ge, d as me, R as fe, p as y } from "./layers.CMO6k-Xm.js";
-const F = (t) => {
-  const {
-    width: d,
-    height: o,
-    isLoading: h,
-    isError: I,
-    src: u,
-    id: g,
-    altText: m,
-    imageRef: f,
-    maxWidth: w
-  } = t;
-  return /* @__PURE__ */ Z(
-    "div",
-    {
-      className: "media-wrapper",
-      style: {
-        width: d,
-        height: o,
-        display: "inline-flex",
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ l(
-          oe,
-          {
-            visible: h,
-            zIndex: 1e3,
-            overlayProps: { backgroundOpacity: 0.5 },
-            loaderProps: { size: 24, color: "black" }
-          }
-        ),
-        /* @__PURE__ */ l(
-          ce,
-          {
-            className: null,
-            src: u,
-            altText: m,
-            imageRef: f,
-            width: "inherit",
-            height: "inherit",
-            maxWidth: w || "auto",
-            id: g
-          }
-        )
-      ]
-    }
-  );
-};
-function ce({
-  altText: t,
-  className: d,
-  imageRef: o,
-  src: h,
-  width: I,
-  height: u,
-  maxWidth: g,
-  id: m
-}) {
-  const [f, w] = p(!1);
-  return /* @__PURE__ */ l(
-    "img",
-    {
-      className: `${d || void 0} ${f ? "" : "loading"}`,
-      src: h,
-      alt: t,
-      ref: o,
-      style: {
-        height: u,
-        maxWidth: g,
-        width: I
-      },
-      onLoad: () => {
-        h.includes("splash") ? setTimeout(() => {
-          w(!0);
-        }, 100) : w(!0);
-      },
-      draggable: "false",
-      "data-id": m
-    }
-  );
-}
-function Pe(t) {
-  const { disable: d } = j(B);
-  return d && se.isPlaceholderSrc(t.src) ? null : /* @__PURE__ */ l(pe, { ...t });
-}
-function pe({
-  src: t,
-  altText: d,
-  nodeKey: o,
-  width: h,
-  height: I,
-  maxWidth: u,
-  showCaption: g,
-  caption: m,
-  id: f,
-  create: w,
-  alignment: V,
-  imagePickerTab: G
-}) {
-  var H, _;
-  const A = K(null), [O, b] = p(!0), [a] = te(), [c, L] = p(!0), [s, T] = p({
-    width: 0,
-    height: 0
-  }), { start: U } = le(), [Ie, P] = p(0), { fetchUploadMedia: N, fetchDeleteMedia: $, maxFileSize: we } = j(B), x = z.has(t) && (((H = z.get(t)) == null ? void 0 : H.mediaNodeKeys.length) === 0 || ((_ = z.get(t)) == null ? void 0 : _.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: v } = ee(), [be, Y] = p(0);
-  C(() => a.registerDecoratorListener(() => {
-    Y((e) => e + 1);
-  }), [x]), C(() => {
-    if (!t || t.startsWith("data:image/") || !t.trim()) {
-      b(!1);
-      return;
-    }
-    const e = new Image();
-    e.src = t, e.onload = () => b(!1), e.onerror = () => {
-      b(!1);
-    };
-  }, [t, x]);
-  const q = (e, r) => {
-    a.update(() => {
-      re(null);
-      const i = S(o);
-      W(i) && i.setWidthAndHeight(e, r);
-    });
-  }, { historyState: k } = de(), {
-    settings: { showNestedEditorTreeView: D }
-  } = he();
-  function J(e) {
-    return e.endsWith(".svg") || e.includes("image/svg+xml");
-  }
-  function Q(e) {
-    return new Promise((r, i) => {
-      if (J(e)) {
-        r(0);
-        return;
-      }
-      const n = new Image();
-      n.src = e, n.onload = () => {
-        r(n.width);
-      }, n.onerror = () => {
-        i(new Error("Failed to load image"));
-      };
-    });
-  }
-  C(() => {
-    let e = h, r = I, i = 100;
-    (t.includes("unsplash") ? t.trim() : !x && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && Q(t).then((n) => {
-      typeof e == "number" && e < i && n < i ? (L(!0), T({
-        width: e,
-        height: r
-      })) : n < i ? (L(!0), T({
-        width: "auto",
-        height: "auto"
-      })) : (T({
-        width: n,
-        height: n
-      }), L(!1));
-    }).catch((n) => {
-      console.warn("Ошибка при загрузке изображения:", n.message);
-    });
-  }, [t, x]), C(() => {
-    s.width && s.height && c && a.update(() => {
-      const e = S(o);
-      W(e) && e.setWidthAndHeight(s.width, s.height);
-    });
-  }, [s.width, s.height, c]);
-  const X = R(
-    (e) => ue(a, o, e),
-    [a, o]
-  ), E = R(
-    (e, r) => {
-      b(!1), a.update(() => {
-        const i = S(o);
-        W(i) && (i.setSrc(e), i.setId(r));
-      });
-    },
-    [a, o]
-  ), M = R(
-    (e) => {
-      b(!0);
-      const r = U();
-      N && N(
-        e[0],
-        (i, n) => {
-          E(i, n), P(0);
-        },
-        (i) => {
-          i && ne({
-            message: v("editor.gallery.errorFile")
-          }), P(0), E("", "");
-        },
-        r,
-        (i) => {
-          P(i);
-        }
-      );
-    },
-    [N, U, v, E]
-  );
-  return C(() => a.registerCommand(
-    ge,
-    (e) => t !== "upload" || e.targetNodeKey !== o ? !1 : (M(e.files), !0),
-    ae
-  ), [a, M, o, t]), !t || t === "upload" ? /* @__PURE__ */ l(ie, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ l(
-    me,
-    {
-      inline: !0,
-      nodeKey: o,
-      defaultTabValue: G,
-      onWriteTabToNode: X,
-      uploading: !1,
-      onUpload: (e) => {
-        !N || !e.length || M(e);
-      },
-      popoverProps: {
-        opened: !0,
-        position: "bottom"
-      },
-      onChange: (e) => {
-        a.update(() => {
-          const r = S(o);
-          W(r) && r.setSrc(e);
-        });
-      }
-    }
-  ) }) : c ? /* @__PURE__ */ l(
-    F,
-    {
-      width: s.width,
-      height: s.height,
-      isLoading: O,
-      isError: !1,
-      isIcon: c,
-      src: t,
-      id: f,
-      editor: a,
-      nodeKey: o,
-      fetchDeleteMedia: $,
-      altText: d,
-      imageRef: A,
-      maxWidth: u,
-      showCaption: g,
-      caption: m,
-      isCollabActive: !1,
-      historyState: k,
-      showNestedEditorTreeView: D,
-      t: v
-    }
-  ) : /* @__PURE__ */ l(
-    fe,
-    {
-      editor: a,
-      isIcon: c,
-      width: y(h),
-      height: y(I),
-      initialWidth: s.width || "",
-      initialHeight: s.height || "",
-      onResizeEnd: q,
-      alignment: V,
-      children: /* @__PURE__ */ l(
-        F,
-        {
-          width: "inherit",
-          height: "inherit",
-          isLoading: O,
-          isError: !1,
-          isIcon: c,
-          src: t,
-          id: f,
-          editor: a,
-          nodeKey: o,
-          fetchDeleteMedia: $,
-          altText: d,
-          imageRef: A,
-          maxWidth: u,
-          showCaption: g,
-          caption: m,
-          isCollabActive: !1,
-          historyState: k,
-          showNestedEditorTreeView: D,
-          t: v
-        }
-      )
-    }
-  );
-}
-export {
-  Pe as default
-};