@layers-app/editor 0.5.10-optimization → 0.6.0-specific.2

package/dist/index-CX5msaMB.js

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

package/dist/index-CbQX0N2c.js

@@ -1,136 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as d, useEffect as M, Suspense as w, lazy as z, useCallback as B } from "react";
-import { useTranslation as L } from "react-i18next";
-import { useMantineColorScheme as T, Loader as D } from "@mantine/core";
-import { BottomDrawerWithoutHeader as y } from "@layers-app/shared";
-async function N() {
-  return (await import("./excalidraw-C-6bid_P.js").then((o) => o.i)).Excalidraw;
-}
-async function W(r) {
-  const { exportToSvg: o } = await import("./excalidraw-C-6bid_P.js").then((s) => s.i);
-  return o(r);
-}
-const j = {
-  en: "en-US",
-  ru: "ru-RU",
-  fr: "fr-FR",
-  de: "de-DE",
-  es: "es-ES",
-  it: "it-IT",
-  pt: "pt-BR",
-  zh: "zh-CN",
-  ja: "ja-JP",
-  ko: "ko-KR",
-  ar: "ar-SA",
-  hi: "hi-IN",
-  nl: "nl-NL",
-  tr: "tr-TR",
-  pl: "pl-PL",
-  sv: "sv-SE",
-  cs: "cs-CZ",
-  uk: "uk-UA",
-  ro: "ro-RO",
-  fi: "fi-FI",
-  da: "da-DK",
-  no: "no-NO",
-  el: "el-GR",
-  he: "he-IL",
-  th: "th-TH",
-  id: "id-ID",
-  ms: "ms-MY",
-  vi: "vi-VN"
-}, H = z(
-  () => N().then((r) => (import("./excalidraw-C-6bid_P.js").then((o) => o.a), { default: r }))
-), I = () => {
-  const [r, o] = d(
-    null
-  ), s = B(
-    (c) => o(c),
-    []
-  );
-  return [r, s];
-};
-function G({
-  onSave: r,
-  initialElements: o,
-  initialAppState: s,
-  initialFiles: c,
-  isShown: t = !1,
-  onDelete: u,
-  onClose: f,
-  isEdited: h
-}) {
-  const [n, m] = I(), { i18n: g } = L(), { colorScheme: k } = T(), [i, x] = d(o), [v, C] = d(c);
-  M(() => {
-    t && setTimeout(() => {
-      n == null || n.refresh();
-    }, 500);
-  }, [t, n == null ? void 0 : n.refresh]);
-  const E = () => {
-    if (i && i.filter((e) => !e.isDeleted).length > 0) {
-      const e = n == null ? void 0 : n.getAppState(), a = {
-        exportBackground: e == null ? void 0 : e.exportBackground,
-        exportScale: e == null ? void 0 : e.exportScale,
-        exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
-        isBindingEnabled: e == null ? void 0 : e.isBindingEnabled,
-        isLoading: e == null ? void 0 : e.isLoading,
-        name: e == null ? void 0 : e.name,
-        theme: e == null ? void 0 : e.theme,
-        viewBackgroundColor: e == null ? void 0 : e.viewBackgroundColor,
-        viewModeEnabled: e == null ? void 0 : e.viewModeEnabled,
-        zenModeEnabled: e == null ? void 0 : e.zenModeEnabled,
-        zoom: e == null ? void 0 : e.zoom
-      };
-      r(i, a, v);
-    } else
-      u();
-  }, b = (e, a, R) => {
-    (e == null ? void 0 : e.length) !== (o == null ? void 0 : o.length) && (h.current = !0), x(e), C(R);
-  };
-  return /* @__PURE__ */ l(
-    y,
-    {
-      opened: t,
-      onClose: f,
-      onSave: E,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: /* @__PURE__ */ l(
-        w,
-        {
-          fallback: /* @__PURE__ */ l(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ l(D, { size: "lg" })
-            }
-          ),
-          children: /* @__PURE__ */ l(
-            H,
-            {
-              langCode: j[g.language],
-              theme: k,
-              onChange: b,
-              excalidrawAPI: m,
-              initialData: {
-                appState: { ...s || { isLoading: !1 } },
-                elements: o,
-                files: c
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  G as E,
-  W as e
-};

package/dist/index-DEC5JR_F.js

@@ -1,60 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as n, useRef as u, useEffect as E } from "react";
-import { w as m, a1 as p, a4 as w } from "./lexical-C60GkwxR.js";
-import { E as C, g as N, $ as x } from "./index-WCOc4LNL.js";
-import { E as g } from "./index-CbQX0N2c.js";
-const S = m(
-  "INSERT_EXCALIDRAW_COMMAND"
-);
-function P() {
-  const [t] = p(), [i, a] = n(!1), [e, l] = n(
-    null
-  ), r = u(null);
-  return E(() => {
-    if (!t.hasNodes([C]))
-      throw new Error(
-        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
-      );
-    return t.registerCommand(
-      S,
-      () => {
-        a(!0);
-        const o = N();
-        return l(o), !0;
-      },
-      w
-    );
-  }, [t]), /* @__PURE__ */ f(
-    g,
-    {
-      initialElements: [],
-      initialAppState: {},
-      initialFiles: {},
-      isShown: i,
-      onDelete: () => {
-        a(!1);
-      },
-      onClose: () => {
-        a(!1), r.current = !1;
-      },
-      onSave: (o, d, c) => {
-        t.update(() => {
-          const s = x();
-          s.setData(
-            JSON.stringify({
-              appState: d,
-              elements: o,
-              files: c
-            })
-          ), e && e.getParent() && (e == null || e.replace(s));
-        }), a(!1);
-      },
-      closeOnClickOutside: !1,
-      isEdited: r
-    }
-  );
-}
-export {
-  S as INSERT_EXCALIDRAW_COMMAND,
-  P as default
-};

package/dist/index-Dan3tqoj.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),r=require("react"),a=require("./lexical-2rxs76dr.cjs"),s=require("./index-CFA9Drk2.cjs"),w=require("./index-BZu8Qnrg.cjs"),c=a.re("INSERT_EXCALIDRAW_COMMAND");function A(){const[t]=a.o(),[d,n]=r.useState(!1),[e,u]=r.useState(null),o=r.useRef(null);r.useEffect(()=>{if(!t.hasNodes([s.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return t.registerCommand(c,()=>{n(!0);const i=s.getCurrentElement();return u(i),!0},a.Ki)},[t]);const E=()=>{n(!1),o.current=!1},f=()=>{n(!1)},x=(i,N,C)=>{t.update(()=>{const l=s.$createExcalidrawNode();l.setData(JSON.stringify({appState:N,elements:i,files:C})),e&&e.getParent()&&(e==null||e.replace(l))}),n(!1)};return S.jsx(w.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:d,onDelete:f,onClose:E,onSave:x,closeOnClickOutside:!1,isEdited:o})}exports.INSERT_EXCALIDRAW_COMMAND=c;exports.default=A;