@layers-app/editor 0.7.18 → 0.7.20

package/dist/layers.DE2Io1k7.js

@@ -0,0 +1,295 @@
+import { jsx as u, jsxs as L } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { Modal as U, Text as X, Flex as J, Button as R, useMantineColorScheme as Y, Loader as Z } from "@mantine/core";
+import { useRef as $, useState as T, useEffect as y, useCallback as j, Suspense as Q, lazy as P } from "react";
+import { BottomDrawerWithoutHeader as ee } from "@layers-app/shared";
+const ce = ({
+  isCloseModal: l,
+  setCloseModalOpen: t,
+  confirmClose: c
+}) => {
+  const { t: d } = D();
+  return /* @__PURE__ */ u(
+    U,
+    {
+      opened: l,
+      onClose: () => {
+        t(!1);
+      },
+      centered: !0,
+      title: d("editor.unsavedChanges.title"),
+      closeOnClickOutside: !0,
+      closeOnEscape: !0,
+      size: "500",
+      zIndex: 999,
+      children: /* @__PURE__ */ L("div", { children: [
+        /* @__PURE__ */ u(X, { mb: "md", children: d("editor.unsavedChanges.message") }),
+        /* @__PURE__ */ L(J, { justify: "flex-end", gap: "sm", children: [
+          /* @__PURE__ */ u(
+            R,
+            {
+              variant: "default",
+              onClick: () => {
+                t(!1);
+              },
+              fullWidth: !0,
+              children: d("editor.unsavedChanges.cancel")
+            }
+          ),
+          /* @__PURE__ */ u(R, { color: "red", onClick: c, fullWidth: !0, children: d("editor.unsavedChanges.closeWithoutSaving") })
+        ] })
+      ] })
+    }
+  );
+}, A = {
+  elements: [],
+  files: {},
+  appState: {},
+  previewSVG: null
+}, de = (l) => {
+  try {
+    const t = JSON.parse(l);
+    if (Array.isArray(t))
+      return { ...A, elements: t };
+    if (t && typeof t == "object")
+      return {
+        elements: Array.isArray(t.elements) ? t.elements : [],
+        files: t.files && typeof t.files == "object" ? t.files : {},
+        appState: t.appState && typeof t.appState == "object" ? t.appState : {},
+        previewSVG: typeof t.previewSVG == "string" ? t.previewSVG : typeof t.previewSvg == "string" ? t.previewSvg : null
+      };
+  } catch {
+  }
+  return { ...A };
+}, te = {
+  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"
+};
+let w = null;
+const re = /* @__PURE__ */ P(async () => {
+  var t;
+  const l = await import("./layers.C2f7uCzl.js").then((c) => c.M);
+  return !w && l && (w = l.exportToSvg || ((t = l.default) == null ? void 0 : t.exportToSvg) || l.default), { default: l.Excalidraw };
+}), oe = () => {
+  const [l, t] = T(
+    null
+  ), c = j(
+    (d) => t(d),
+    []
+  );
+  return [l, c];
+};
+function ue({
+  onSave: l,
+  initialElements: t,
+  initialAppState: c,
+  initialFiles: d,
+  isShown: i = !1,
+  onDelete: B,
+  onClose: N,
+  isEdited: W
+}) {
+  const [n, z] = oe(), { i18n: f, t: _ } = D(), { colorScheme: O } = Y(), E = $(!1), [g, G] = T(t), [C, V] = T(d), [F, H] = T(i);
+  y(() => {
+    i && H(!0);
+  }, [i]), y(() => {
+    !i || E.current || (E.current = !0, Promise.resolve({           }));
+  }, [i]), y(() => {
+    i && setTimeout(() => {
+      var e;
+      (e = n == null ? void 0 : n.refresh) == null || e.call(n);
+    }, 500);
+  }, [i, n]), y(() => {
+    if (!i)
+      return;
+    const e = (r, a) => {
+      const s = _(r);
+      return s.startsWith("editor.menu") ? a : s;
+    }, m = e(
+      "editor.menu.excalidraw.tools.frameTool",
+      f.language === "ru" ? "Инструмент рамки" : f.language === "es" ? "Herramienta de marco" : "Frame tool"
+    ), o = e(
+      "editor.menu.excalidraw.tools.webEmbed",
+      f.language === "ru" ? "Веб-встраивание" : f.language === "es" ? "Incrustación web" : "Web Embed"
+    ), h = e(
+      "editor.menu.excalidraw.tools.generate",
+      f.language === "ru" ? "Генерировать" : f.language === "es" ? "Generar" : "Generate"
+    ), p = {
+      "Frame tool": m,
+      "Web Embed": o,
+      "Web embeded": o,
+      Generate: h
+    }, v = () => {
+      const r = document.querySelector(".App-toolbar__extra-tools-dropdown");
+      if (!r)
+        return;
+      const a = document.createTreeWalker(
+        r,
+        NodeFilter.SHOW_TEXT,
+        null
+      );
+      let s;
+      for (; s = a.nextNode(); )
+        if (s.nodeType === Node.TEXT_NODE && s.textContent) {
+          const M = s.textContent.trim();
+          for (const [S, k] of Object.entries(p))
+            if (M === S && k && !M.includes(k)) {
+              s.textContent = s.textContent.replace(S, k);
+              break;
+            }
+        }
+    }, x = () => {
+      setTimeout(() => {
+        v();
+      }, 0);
+    }, b = setTimeout(() => {
+      const r = document.querySelector(
+        ".excalidraw-container"
+      );
+      if (r) {
+        const a = r.querySelector(
+          ".App-toolbar__extra-tools-trigger"
+        );
+        a && a.addEventListener("click", x);
+      }
+    }, 300);
+    return () => {
+      clearTimeout(b);
+      const r = document.querySelector(
+        ".excalidraw-container"
+      );
+      if (r) {
+        const a = r.querySelector(
+          ".App-toolbar__extra-tools-trigger"
+        );
+        a && a.removeEventListener("click", x);
+      }
+    };
+  }, [i, f.language]);
+  const q = j(async () => {
+    var v, x, b;
+    let e = w;
+    if (!e || typeof e != "function") {
+      const r = await import("./layers.C2f7uCzl.js").then((a) => a.M);
+      e = r.exportToSvg || ((v = r.default) == null ? void 0 : v.exportToSvg) || r.default, e && typeof e == "function" && (w = e);
+    }
+    if (!e || typeof e != "function") {
+      const r = await import("./layers.C2f7uCzl.js").then((s) => s.M), a = r ? Object.keys(r) : [];
+      throw console.error("Excalidraw module structure:", {
+        keys: a,
+        hasExportToSvg: r && "exportToSvg" in r,
+        hasDefault: r && "default" in r,
+        moduleType: typeof r,
+        module: r
+      }), new Error(
+        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${a.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
+      );
+    }
+    const m = ((x = n == null ? void 0 : n.getAppState) == null ? void 0 : x.call(n)) ?? c, o = await e({
+      appState: m,
+      elements: g,
+      files: C
+    }), h = (b = o == null ? void 0 : o.firstElementChild) == null ? void 0 : b.firstElementChild, p = o.getAttribute("viewBox");
+    if (p != null) {
+      const r = p.split(" ");
+      o.setAttribute("width", r[2]), o.setAttribute("height", r[3]);
+    }
+    return h && h.tagName === "style" && h.remove(), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("display", "block"), o.classList.add("excalidraw-svg"), o.outerHTML;
+  }, [g, C, n, c]), I = () => {
+    if (g && g.filter((e) => !e.isDeleted).length > 0) {
+      const e = n == null ? void 0 : n.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 o = await q();
+        l(g, m, C, o);
+      })();
+    } else
+      B();
+  }, K = (e, m, o) => {
+    (e == null ? void 0 : e.length) !== (t == null ? void 0 : t.length) && (W.current = !0), G(e), V(o);
+  };
+  return /* @__PURE__ */ u(
+    ee,
+    {
+      opened: i,
+      onClose: N,
+      onSave: I,
+      className: "excaildraw-modal",
+      closeOnEscape: !1,
+      children: F && /* @__PURE__ */ u(
+        Q,
+        {
+          fallback: /* @__PURE__ */ u(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                height: "100%",
+                minHeight: "400px"
+              },
+              children: /* @__PURE__ */ u(Z, { size: "sm" })
+            }
+          ),
+          children: /* @__PURE__ */ u(
+            re,
+            {
+              langCode: te[f.language],
+              theme: O,
+              onChange: K,
+              excalidrawAPI: z,
+              initialData: {
+                appState: { ...c || { isLoading: !1 } },
+                elements: t,
+                files: d
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  ce as C,
+  ue as E,
+  de as p
+};