@layers-app/editor 0.7.79 → 0.7.81

package/dist/layers.DvWEGYe1.js

@@ -1,454 +0,0 @@
-import { jsx as c, jsxs as z, Fragment as P } from "react/jsx-runtime";
-import { useMemo as Z, useState as D, useEffect as S, useRef as j, useCallback as A, Suspense as ee, lazy as te } from "react";
-import { useLexicalComposerContext as oe } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as ne } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as re } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as le } from "@lexical/utils";
-import { $setSelection as ae, $getNodeByKey as W, CLICK_COMMAND as ie, COMMAND_PRIORITY_LOW as q, KEY_DELETE_COMMAND as se, KEY_BACKSPACE_COMMAND as ce } from "lexical";
-import { R as de, p as X, A as J, t as ue, s as fe, v as me, g as K, w as ge } from "./layers.Za1xNAZb.js";
-import { l as he, p as xe } from "./layers.DilA0qnM.js";
-import { useTranslation as V } from "react-i18next";
-import { Modal as pe, Text as Ce, Flex as be, Button as Q, Box as U, useMantineColorScheme as ve, Loader as we } from "@mantine/core";
-import { BottomDrawerWithoutHeader as Ee } from "@layers-app/shared";
-const Te = ({
-  isCloseModal: o,
-  setCloseModalOpen: r,
-  confirmClose: h
-}) => {
-  const { t: x } = V();
-  return /* @__PURE__ */ c(
-    pe,
-    {
-      opened: o,
-      onClose: () => {
-        r(!1);
-      },
-      centered: !0,
-      title: x("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ z("div", { children: [
-        /* @__PURE__ */ c(Ce, { mb: "md", children: x("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ z(be, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ c(
-            Q,
-            {
-              variant: "default",
-              onClick: () => {
-                r(!1);
-              },
-              fullWidth: !0,
-              children: x("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ c(Q, { color: "red", onClick: h, fullWidth: !0, children: x("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-};
-function Me({
-  imageContainerRef: o,
-  editor: r,
-  rootClassName: h = null,
-  width: x = "inherit",
-  height: u = "inherit",
-  nodeKey: i,
-  alignment: N,
-  setModalOpen: C,
-  previewSVG: l,
-  isModalOpen: k
-}) {
-  const d = Z(() => l ?? "", [l]), [L, w] = D(!1), { t: E } = V();
-  S(() => {
-    k && w(!1);
-  }, [k]);
-  const b = (m, _) => {
-    r.update(() => {
-      ae(null);
-      const T = W(i);
-      return K(T) && T.setWidthAndHeight(m, _), !0;
-    });
-  }, y = () => {
-    ge(r, i);
-  };
-  return /* @__PURE__ */ c(
-    de,
-    {
-      editor: r,
-      isIcon: !1,
-      isEmbed: !0,
-      width: X(x),
-      height: X(u),
-      onResizeEnd: b,
-      alignment: N,
-      children: /* @__PURE__ */ z(U, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ z("div", { className: "media-actions", children: [
-          /* @__PURE__ */ c(
-            J,
-            {
-              "aria-label": "Settings",
-              label: E("editor.link.edit"),
-              flexBorder: !0,
-              onClick: () => {
-                C(!0);
-              },
-              icon: ue,
-              iconColor: "var(--mantine-color-gray-text)"
-            }
-          ),
-          /* @__PURE__ */ c(
-            fe,
-            {
-              opened: L,
-              setOpened: w,
-              t: E,
-              editor: r,
-              nodeKey: i,
-              flexBorder: !0
-            }
-          ),
-          /* @__PURE__ */ c(
-            J,
-            {
-              "aria-label": "Delete",
-              label: E("editor.actions.delete"),
-              flexBorder: !0,
-              onClick: y,
-              icon: me,
-              iconColor: "var(--mantine-color-red-outline)"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c(
-          U,
-          {
-            w: "100%",
-            ref: (m) => {
-              m && o && (o.current = m);
-            },
-            className: h ?? "",
-            dangerouslySetInnerHTML: { __html: d }
-          }
-        )
-      ] })
-    }
-  );
-}
-let F = null;
-const ke = /* @__PURE__ */ te(async () => {
-  var r;
-  const o = await import("./layers.D8sE8uHE.js").then((h) => h.M);
-  return !F && o && (F = o.exportToSvg || ((r = o.default) == null ? void 0 : r.exportToSvg) || o.default), { default: o.Excalidraw };
-}), ye = () => {
-  const [o, r] = D(
-    null
-  ), h = A(
-    (x) => r(x),
-    []
-  );
-  return [o, h];
-};
-function Oe({
-  onSave: o,
-  initialElements: r,
-  initialAppState: h,
-  initialFiles: x,
-  isShown: u = !1,
-  onDelete: i,
-  onClose: N,
-  isEdited: C
-}) {
-  const [l, k] = ye(), { i18n: d, t: L } = V(), { colorScheme: w } = ve(), E = j(!1), [b, y] = D(r), [m, _] = D(x), [T, R] = D(u);
-  S(() => {
-    u && R(!0);
-  }, [u]), S(() => {
-    !u || E.current || (E.current = !0, Promise.resolve({           }));
-  }, [u]), S(() => {
-    u && setTimeout(() => {
-      var e;
-      (e = l == null ? void 0 : l.refresh) == null || e.call(l);
-    }, 500);
-  }, [u, l]), S(() => {
-    if (!u)
-      return;
-    const e = (t, s) => {
-      const f = L(t);
-      return f.startsWith("editor.menu") ? s : f;
-    }, M = e(
-      "editor.menu.excalidraw.tools.frameTool",
-      d.language === "ru" ? "Инструмент рамки" : d.language === "es" ? "Herramienta de marco" : "Frame tool"
-    ), a = e(
-      "editor.menu.excalidraw.tools.webEmbed",
-      d.language === "ru" ? "Веб-встраивание" : d.language === "es" ? "Incrustación web" : "Web Embed"
-    ), v = e(
-      "editor.menu.excalidraw.tools.generate",
-      d.language === "ru" ? "Генерировать" : d.language === "es" ? "Generar" : "Generate"
-    ), B = {
-      "Frame tool": M,
-      "Web Embed": a,
-      "Web embeded": a,
-      Generate: v
-    }, O = () => {
-      const t = document.querySelector(".App-toolbar__extra-tools-dropdown");
-      if (!t)
-        return;
-      const s = document.createTreeWalker(
-        t,
-        NodeFilter.SHOW_TEXT,
-        null
-      );
-      let f;
-      for (; f = s.nextNode(); )
-        if (f.nodeType === Node.TEXT_NODE && f.textContent) {
-          const $ = f.textContent.trim();
-          for (const [Y, I] of Object.entries(B))
-            if ($ === Y && I && !$.includes(I)) {
-              f.textContent = f.textContent.replace(Y, I);
-              break;
-            }
-        }
-    }, n = () => {
-      setTimeout(() => {
-        O();
-      }, 0);
-    }, g = setTimeout(() => {
-      const t = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (t) {
-        const s = t.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        s && s.addEventListener("click", n);
-      }
-    }, 300);
-    return () => {
-      clearTimeout(g);
-      const t = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (t) {
-        const s = t.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        s && s.removeEventListener("click", n);
-      }
-    };
-  }, [u, d.language, L]);
-  const H = A(async () => {
-    var O, n, g;
-    let e = F;
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.D8sE8uHE.js").then((s) => s.M);
-      e = t.exportToSvg || ((O = t.default) == null ? void 0 : O.exportToSvg) || t.default, e && typeof e == "function" && (F = e);
-    }
-    if (!e || typeof e != "function") {
-      const t = await import("./layers.D8sE8uHE.js").then((f) => f.M), s = t ? Object.keys(t) : [];
-      throw console.error("Excalidraw module structure:", {
-        keys: s,
-        hasExportToSvg: t && "exportToSvg" in t,
-        hasDefault: t && "default" in t,
-        moduleType: typeof t,
-        module: t
-      }), new Error(
-        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${s.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
-      );
-    }
-    const M = ((n = l == null ? void 0 : l.getAppState) == null ? void 0 : n.call(l)) ?? h, a = await e({
-      appState: M,
-      elements: b,
-      files: m
-    }), v = (g = a == null ? void 0 : a.firstElementChild) == null ? void 0 : g.firstElementChild, B = a.getAttribute("viewBox");
-    if (B != null) {
-      const t = B.split(" ");
-      a.setAttribute("width", t[2]), a.setAttribute("height", t[3]);
-    }
-    return v && v.tagName === "style" && v.remove(), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("display", "block"), a.classList.add("excalidraw-svg"), a.outerHTML;
-  }, [b, m, l, h]), G = () => {
-    if (b && b.filter((e) => !e.isDeleted).length > 0) {
-      const e = l == null ? void 0 : l.getAppState(), M = {
-        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
-      };
-      (async () => {
-        const a = await H();
-        o(b, M, m, a);
-      })();
-    } else
-      i();
-  }, p = (e, M, a) => {
-    (e == null ? void 0 : e.length) !== (r == null ? void 0 : r.length) && (C.current = !0), y(e), _(a);
-  };
-  return /* @__PURE__ */ c(
-    Ee,
-    {
-      opened: u,
-      onClose: N,
-      onSave: G,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: T && /* @__PURE__ */ c(
-        ee,
-        {
-          fallback: /* @__PURE__ */ c(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ c(we, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ c(
-            ke,
-            {
-              langCode: he[d.language],
-              theme: w,
-              onChange: p,
-              excalidrawAPI: k,
-              initialData: {
-                appState: { ...h || { isLoading: !1 } },
-                elements: r,
-                files: x
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function He({
-  nodeKey: o,
-  data: r,
-  width: h,
-  height: x,
-  alignment: u
-}) {
-  var O;
-  const [i] = oe(), N = ne(), C = Z(() => xe(r), [r]), l = ((O = C == null ? void 0 : C.elements) == null ? void 0 : O.length) === 0 && !C.previewSVG, [k, d] = D(
-    l && i.isEditable()
-  ), [L, w] = D(!1), E = j(null), b = j(null), y = j(null), [m, _, T] = re(o), R = A(
-    (n) => (m && (n.preventDefault(), i.update(() => {
-      const g = W(o);
-      g && g.remove();
-    })), !1),
-    [i, m, o]
-  );
-  S(() => {
-    if (!N) {
-      m && T();
-      return;
-    }
-    return le(
-      i.registerCommand(
-        ie,
-        (n) => {
-          const g = b.current, t = n.target;
-          return g !== null && g.contains(t) ? (n.shiftKey || T(), _(!m), n.detail > 1 && d(!0), !0) : !1;
-        },
-        q
-      ),
-      i.registerCommand(
-        se,
-        R,
-        q
-      ),
-      i.registerCommand(
-        ce,
-        R,
-        q
-      )
-    );
-  }, [T, i, m, R, _, N]);
-  const H = A(() => (d(!1), i.update(() => {
-    const n = W(o);
-    n && n.remove();
-  })), [i, o]), G = (n, g, t, s) => i.update(() => {
-    const f = W(o);
-    K(f) && (n && n.length > 0 || Object.keys(t).length > 0 ? f.setData(
-      JSON.stringify({
-        appState: g,
-        elements: n,
-        files: t,
-        previewSVG: s
-      })
-    ) : f.remove());
-  }), { elements: p = [], files: e = {}, appState: M = {}, previewSVG: a } = C, v = A(() => {
-    d(!1), w(!1), y.current = !1, (p == null ? void 0 : p.length) === 0 && i.update(() => {
-      const n = W(o);
-      n && n.remove();
-    });
-  }, [i, o, p == null ? void 0 : p.length]), B = A(() => {
-    y.current ? w(!0) : v();
-  }, [v]);
-  return /* @__PURE__ */ z(P, { children: [
-    /* @__PURE__ */ c(
-      Te,
-      {
-        isCloseModal: L,
-        confirmClose: v,
-        setCloseModalOpen: w
-      }
-    ),
-    /* @__PURE__ */ c(
-      Oe,
-      {
-        initialElements: p,
-        isEdited: y,
-        initialFiles: e,
-        initialAppState: M,
-        isShown: k,
-        onDelete: H,
-        onClose: B,
-        onSave: (n, g, t, s) => {
-          G(n, g, t, s), d(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (p == null ? void 0 : p.length) && /* @__PURE__ */ c(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: u
-        },
-        children: /* @__PURE__ */ c(
-          Me,
-          {
-            imageContainerRef: E,
-            className: "image",
-            width: h,
-            height: x,
-            editor: i,
-            nodeKey: o,
-            alignment: u,
-            setModalOpen: d,
-            previewSVG: a,
-            isModalOpen: k
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  He as default
-};

package/dist/layers.W2PJ02K_.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.D8sE8uHE.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};