@layers-app/editor 0.7.83 → 0.7.84

package/dist/layers.rQXzIbYl.js

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