@layers-app/editor 2.3.6 → 2.3.7

package/dist/{layers.BnxTr3HX.js → layers.B2BjLybu.js}

@@ -1,29 +1,29 @@
 import { jsx as n, jsxs as y, Fragment as le } from "react/jsx-runtime";
-import { useContext as se, useMemo as ce, useState as B, useEffect as A, useRef as W, useCallback as F, Suspense as he, lazy as pe } from "react";
-import { useLexicalComposerContext as Ce } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as xe } from "@lexical/react/useLexicalEditable";
+import { useContext as se, useMemo as ce, useState as A, useEffect as _, useRef as W, useCallback as F, Suspense as he, lazy as pe } from "react";
+import { useLexicalComposerContext as xe } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable as Ce } from "@lexical/react/useLexicalEditable";
 import { useLexicalNodeSelection as be } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister as ve } from "@lexical/utils";
-import { $setSelection as we, $getNodeByKey as V, CLICK_COMMAND as Ee, COMMAND_PRIORITY_LOW as J, KEY_DELETE_COMMAND as ye, KEY_BACKSPACE_COMMAND as ke } from "lexical";
-import { H as Z, j as Te, C as de, R as Me, k as K, m as ee, A as Q, K as De, t as te, N as Oe, n as oe, o as Ne, q as _e, O as Se, a as ue, r as re, l as Ae, p as Be, s as ne, v as Le, w as ze, x as Re } from "./layers.C04i4fqQ.js";
+import { $setSelection as we, $getNodeByKey as $, CLICK_COMMAND as Ee, COMMAND_PRIORITY_LOW as X, KEY_DELETE_COMMAND as ye, KEY_BACKSPACE_COMMAND as ke } from "lexical";
+import { H as Z, j as Te, C as de, m as Me, K as J, k as ee, A as Q, n as De, t as te, o as Oe, q as oe, r as Ne, s as Se, O as Be, a as ue, y as re, l as _e, p as Ae, v as ne, w as Le, x as ze, z as je } from "./layers.NEkBdrkL.js";
 import { useTranslation as P } from "react-i18next";
-import { Modal as je, Stack as q, Text as ie, Group as We, Button as U, Box as ae, useMantineColorScheme as Fe, Loader as Ie } from "@mantine/core";
-import { useDisclosure as He } from "@mantine/hooks";
+import { Modal as Re, Stack as V, Text as ae, Group as We, Button as U, Box as ie, useMantineColorScheme as Fe, Loader as He } from "@mantine/core";
+import { useDisclosure as Ie } from "@mantine/hooks";
 import "@lexical/mark";
 import "@lexical/code";
 import { BottomDrawerWithoutHeader as Ge } from "@layers-app/shared";
-const Ve = ({
-  isCloseModal: i,
-  setCloseModalOpen: a,
+const $e = ({
+  isCloseModal: a,
+  setCloseModalOpen: i,
   confirmClose: p
 }) => {
-  const { t: C } = P();
+  const { t: x } = P();
   return /* @__PURE__ */ n(
-    je,
+    Re,
     {
-      opened: i,
+      opened: a,
       onClose: () => {
-        a(!1);
+        i(!1);
       },
       centered: !0,
       withCloseButton: !1,
@@ -32,8 +32,8 @@ const Ve = ({
       size: 440,
       radius: "lg",
       zIndex: 999,
-      children: /* @__PURE__ */ y(q, { gap: 24, pt: "md", children: [
-        /* @__PURE__ */ y(q, { gap: "xs", align: "center", children: [
+      children: /* @__PURE__ */ y(V, { gap: 24, pt: "md", children: [
+        /* @__PURE__ */ y(V, { gap: "xs", align: "center", children: [
           /* @__PURE__ */ n(
             Z,
             {
@@ -42,9 +42,9 @@ const Ve = ({
               color: "var(--mantine-color-dimmed)"
             }
           ),
-          /* @__PURE__ */ y(q, { gap: 6, align: "center", children: [
-            /* @__PURE__ */ n(ie, { fw: 700, size: "md", ta: "center", children: C("editor.unsavedChanges.title") }),
-            /* @__PURE__ */ n(ie, { c: "dimmed", size: "sm", ta: "center", children: C("editor.unsavedChanges.message") })
+          /* @__PURE__ */ y(V, { gap: 6, align: "center", children: [
+            /* @__PURE__ */ n(ae, { fw: 700, size: "md", ta: "center", children: x("editor.unsavedChanges.title") }),
+            /* @__PURE__ */ n(ae, { c: "dimmed", size: "sm", ta: "center", children: x("editor.unsavedChanges.message") })
           ] })
         ] }),
         /* @__PURE__ */ y(We, { gap: "xs", grow: !0, wrap: "nowrap", children: [
@@ -54,71 +54,71 @@ const Ve = ({
               variant: "default",
               radius: "md",
               onClick: () => {
-                a(!1);
+                i(!1);
               },
-              children: C("editor.unsavedChanges.cancel")
+              children: x("editor.unsavedChanges.cancel")
             }
           ),
-          /* @__PURE__ */ n(U, { color: "indigo.8", radius: "md", onClick: p, children: C("editor.unsavedChanges.closeWithoutSaving") })
+          /* @__PURE__ */ n(U, { color: "indigo.8", radius: "md", onClick: p, children: x("editor.unsavedChanges.closeWithoutSaving") })
         ] })
       ] })
     }
   );
 };
-function $e({
-  imageContainerRef: i,
-  editor: a,
+function qe({
+  imageContainerRef: a,
+  editor: i,
   rootClassName: p = null,
-  width: C = "inherit",
+  width: x = "inherit",
   height: u = "inherit",
   nodeKey: s,
-  alignment: I,
+  alignment: H,
   setModalOpen: L,
   previewSVG: r,
   isModalOpen: m
 }) {
-  const { disable: g, imperativeHandleRef: v } = se(de), H = ce(() => r ?? "", [r]), [M, h] = B(!1), [
+  const { disable: g, imperativeHandleRef: v } = se(de), I = ce(() => r ?? "", [r]), [M, h] = A(!1), [
     G,
     { open: w, close: D }
-  ] = He(!1), { t: b } = P();
-  A(() => {
+  ] = Ie(!1), { t: b } = P();
+  _(() => {
     m && h(!1);
   }, [m]);
-  const O = (e, x) => {
-    a.update(() => {
+  const O = (e, C) => {
+    i.update(() => {
       we(null);
-      const l = V(s);
-      return ue(l) && l.setWidthAndHeight(e, x), !0;
+      const l = $(s);
+      return ue(l) && l.setWidthAndHeight(e, C), !0;
     });
   }, E = () => {
-    re(a, s);
+    re(i, s);
   }, z = () => {
     D(), L(!0);
   }, N = () => {
-    D(), re(a, s);
+    D(), re(i, s);
   };
   return /* @__PURE__ */ y(
     Me,
     {
-      editor: a,
+      editor: i,
       isIcon: !1,
       isEmbed: !0,
-      width: ee(C),
+      width: ee(x),
       height: ee(u),
       onResizeEnd: O,
-      alignment: I,
+      alignment: H,
       disable: g,
       onRegisterDecoratorEnter: (e) => {
         v != null && v.current && (v.current.decoratorEnterAction = e);
       },
-      onActivate: () => a.dispatchCommand(Se, "show_menu"),
+      onActivate: () => i.dispatchCommand(Be, "show_menu"),
       children: [
-        /* @__PURE__ */ y(ae, { className: "media-wrapper excaildraw", children: [
+        /* @__PURE__ */ y(ie, { className: "media-wrapper excaildraw", children: [
           /* @__PURE__ */ n(
             "div",
             {
-              className: `media-actions${K || !Ne ? " visible" : ""}`,
-              children: K ? /* @__PURE__ */ n(
+              className: `media-actions${J || !Ne ? " visible" : ""}`,
+              children: J ? /* @__PURE__ */ n(
                 Q,
                 {
                   "aria-label": b("editor.toolbar.more"),
@@ -148,7 +148,7 @@ function $e({
                     opened: M,
                     setOpened: h,
                     t: b,
-                    editor: a,
+                    editor: i,
                     nodeKey: s,
                     flexBorder: !0
                   }
@@ -168,24 +168,24 @@ function $e({
             }
           ),
           /* @__PURE__ */ n(
-            ae,
+            ie,
             {
               w: "100%",
               ref: (e) => {
-                e && i && (i.current = e);
+                e && a && (a.current = e);
               },
               className: p ?? "",
-              dangerouslySetInnerHTML: { __html: H }
+              dangerouslySetInnerHTML: { __html: I }
             }
           )
         ] }),
-        K && /* @__PURE__ */ n(
-          _e,
+        J && /* @__PURE__ */ n(
+          Se,
           {
             opened: G,
             onClose: D,
             title: b("editor.image.mobileActions"),
-            children: /* @__PURE__ */ y(q, { gap: 4, p: 0, children: [
+            children: /* @__PURE__ */ y(V, { gap: 4, p: 0, children: [
               /* @__PURE__ */ n(
                 U,
                 {
@@ -236,46 +236,46 @@ function $e({
   );
 }
 let Y = null;
-const qe = /* @__PURE__ */ pe(async () => {
-  var a;
-  const i = await import("./layers.B-mFea5o.js").then((p) => p.K);
-  return !Y && i && (Y = i.exportToSvg || ((a = i.default) == null ? void 0 : a.exportToSvg) || i.default), { default: i.Excalidraw };
+const Ve = /* @__PURE__ */ pe(async () => {
+  var i;
+  const a = await import("./layers.hHhY-gFl.js").then((p) => p.K);
+  return !Y && a && (Y = a.exportToSvg || ((i = a.default) == null ? void 0 : i.exportToSvg) || a.default), { default: a.Excalidraw };
 }), Ue = () => {
-  const [i, a] = B(
+  const [a, i] = A(
     null
   ), p = F(
-    (C) => a(C),
+    (x) => i(x),
     []
   );
-  return [i, p];
+  return [a, p];
 };
 function Ye({
-  onSave: i,
-  initialElements: a,
+  onSave: a,
+  initialElements: i,
   initialAppState: p,
-  initialFiles: C,
+  initialFiles: x,
   isShown: u = !1,
   onDelete: s,
-  onClose: I,
+  onClose: H,
   isEdited: L
 }) {
-  const [r, m] = Ue(), { i18n: g, t: v } = P(), { colorScheme: H } = Fe(), M = W(!1), [h, G] = B(a), [w, D] = B(C), [b, O] = B(u);
-  A(() => {
+  const [r, m] = Ue(), { i18n: g, t: v } = P(), { colorScheme: I } = Fe(), M = W(!1), [h, G] = A(i), [w, D] = A(x), [b, O] = A(u);
+  _(() => {
     u && O(!0);
-  }, [u]), A(() => {
+  }, [u]), _(() => {
     !u || M.current || (M.current = !0, Promise.resolve({           }));
-  }, [u]), A(() => {
+  }, [u]), _(() => {
     u && setTimeout(() => {
-      var e, x;
-      (e = r == null ? void 0 : r.refresh) == null || e.call(r), (x = r == null ? void 0 : r.scrollToContent) == null || x.call(r);
+      var e, C;
+      (e = r == null ? void 0 : r.refresh) == null || e.call(r), (C = r == null ? void 0 : r.scrollToContent) == null || C.call(r);
     }, 500);
-  }, [u, r]), A(() => {
+  }, [u, r]), _(() => {
     if (!u)
       return;
     const e = (o, c) => {
       const t = v(o);
       return t.startsWith("editor.menu") ? c : t;
-    }, x = e(
+    }, C = e(
       "editor.menu.excalidraw.tools.frameTool",
       g.language === "ru" ? "Инструмент рамки" : g.language === "es" ? "Herramienta de marco" : "Frame tool"
     ), l = e(
@@ -284,12 +284,12 @@ function Ye({
     ), d = e(
       "editor.menu.excalidraw.tools.generate",
       g.language === "ru" ? "Генерировать" : g.language === "es" ? "Generar" : "Generate"
-    ), R = {
-      "Frame tool": x,
+    ), j = {
+      "Frame tool": C,
       "Web Embed": l,
       "Web embeded": l,
       Generate: d
-    }, j = () => {
+    }, R = () => {
       const o = document.querySelector(".App-toolbar__extra-tools-dropdown");
       if (!o)
         return;
@@ -302,15 +302,15 @@ function Ye({
       for (; t = c.nextNode(); )
         if (t.nodeType === Node.TEXT_NODE && t.textContent) {
           const f = t.textContent.trim();
-          for (const [T, S] of Object.entries(R))
-            if (f === T && S && !f.includes(S)) {
-              t.textContent = t.textContent.replace(T, S);
+          for (const [T, B] of Object.entries(j))
+            if (f === T && B && !f.includes(B)) {
+              t.textContent = t.textContent.replace(T, B);
               break;
             }
         }
-    }, _ = () => {
+    }, S = () => {
       setTimeout(() => {
-        j();
+        R();
       }, 0);
     }, k = setTimeout(() => {
       const o = document.querySelector(
@@ -320,7 +320,7 @@ function Ye({
         const c = o.querySelector(
           ".App-toolbar__extra-tools-trigger"
         );
-        c && c.addEventListener("click", _);
+        c && c.addEventListener("click", S);
       }
     }, 300);
     return () => {
@@ -332,19 +332,19 @@ function Ye({
         const c = o.querySelector(
           ".App-toolbar__extra-tools-trigger"
         );
-        c && c.removeEventListener("click", _);
+        c && c.removeEventListener("click", S);
       }
     };
   }, [u, g.language, v]);
   const E = F(async () => {
-    var j, _, k;
+    var R, S, k;
     let e = Y;
     if (!e || typeof e != "function") {
-      const o = await import("./layers.B-mFea5o.js").then((c) => c.K);
-      e = o.exportToSvg || ((j = o.default) == null ? void 0 : j.exportToSvg) || o.default, e && typeof e == "function" && (Y = e);
+      const o = await import("./layers.hHhY-gFl.js").then((c) => c.K);
+      e = o.exportToSvg || ((R = o.default) == null ? void 0 : R.exportToSvg) || o.default, e && typeof e == "function" && (Y = e);
     }
     if (!e || typeof e != "function") {
-      const o = await import("./layers.B-mFea5o.js").then((t) => t.K), c = o ? Object.keys(o) : [];
+      const o = await import("./layers.hHhY-gFl.js").then((t) => t.K), c = o ? Object.keys(o) : [];
       throw console.error("Excalidraw module structure:", {
         keys: c,
         hasExportToSvg: o && "exportToSvg" in o,
@@ -355,19 +355,19 @@ function Ye({
         `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${c.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
       );
     }
-    const x = ((_ = r == null ? void 0 : r.getAppState) == null ? void 0 : _.call(r)) ?? p, l = await e({
-      appState: x,
+    const C = ((S = r == null ? void 0 : r.getAppState) == null ? void 0 : S.call(r)) ?? p, l = await e({
+      appState: C,
       elements: h,
       files: w
-    }), d = (k = l == null ? void 0 : l.firstElementChild) == null ? void 0 : k.firstElementChild, R = l.getAttribute("viewBox");
-    if (R != null) {
-      const o = R.split(" ");
+    }), d = (k = l == null ? void 0 : l.firstElementChild) == null ? void 0 : k.firstElementChild, j = l.getAttribute("viewBox");
+    if (j != null) {
+      const o = j.split(" ");
       l.setAttribute("width", o[2]), l.setAttribute("height", o[3]);
     }
     return d && d.tagName === "style" && d.remove(), l.setAttribute("width", "100%"), l.setAttribute("height", "100%"), l.setAttribute("display", "block"), l.classList.add("excalidraw-svg"), l.outerHTML;
   }, [h, w, r, p]), z = () => {
     if (h && h.filter((e) => !e.isDeleted).length > 0) {
-      const e = r == null ? void 0 : r.getAppState(), x = {
+      const e = r == null ? void 0 : r.getAppState(), C = {
         exportBackground: e == null ? void 0 : e.exportBackground,
         exportScale: e == null ? void 0 : e.exportScale,
         exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
@@ -382,18 +382,18 @@ function Ye({
       };
       (async () => {
         const l = await E();
-        i(h, x, w, l);
+        a(h, C, w, l);
       })();
     } else
       s();
-  }, N = (e, x, l) => {
-    (e == null ? void 0 : e.length) !== (a == null ? void 0 : a.length) && (L.current = !0), G(e), D(l);
+  }, N = (e, C, l) => {
+    (e == null ? void 0 : e.length) !== (i == null ? void 0 : i.length) && (L.current = !0), G(e), D(l);
   };
   return /* @__PURE__ */ n(
     Ge,
     {
       opened: u,
-      onClose: I,
+      onClose: H,
       onSave: z,
       className: "excaildraw-modal",
       closeOnEscape: !1,
@@ -410,20 +410,20 @@ function Ye({
                 height: "100%",
                 minHeight: "400px"
               },
-              children: /* @__PURE__ */ n(Ie, { size: "sm" })
+              children: /* @__PURE__ */ n(He, { size: "sm" })
             }
           ),
           children: /* @__PURE__ */ n(
-            qe,
+            Ve,
             {
-              langCode: Ae[g.language],
-              theme: H,
+              langCode: _e[g.language],
+              theme: I,
               onChange: N,
               excalidrawAPI: m,
               initialData: {
                 appState: { ...p || { isLoading: !1 } },
-                elements: a,
-                files: C,
+                elements: i,
+                files: x,
                 scrollToContent: !0
               }
             }
@@ -434,33 +434,33 @@ function Ye({
   );
 }
 function st({
-  nodeKey: i,
-  data: a,
+  nodeKey: a,
+  data: i,
   width: p,
-  height: C,
+  height: x,
   alignment: u
 }) {
   var c;
-  const [s] = Ce(), { fetchUploadMedia: I, fetchDeleteMedia: L } = se(de), r = xe(), m = ce(() => Be(a), [a]), g = W(
+  const [s] = xe(), { fetchUploadMedia: H, fetchDeleteMedia: L } = se(de), r = Ce(), m = ce(() => Ae(i), [i]), g = W(
     ne(m.files ?? {})
   ), v = W(
     Object.keys(m.files ?? {})
   );
-  A(() => {
+  _(() => {
     const t = ne(m.files ?? {});
     for (const f of Object.keys(t))
       g.current[f] = t[f];
   }, [m.files]);
-  const H = ((c = m == null ? void 0 : m.elements) == null ? void 0 : c.length) === 0 && !m.previewSVG, [M, h] = B(
-    H && s.isEditable()
-  ), [G, w] = B(!1), D = W(null), b = W(null), O = W(null), [E, z, N] = be(i), e = F(
+  const I = ((c = m == null ? void 0 : m.elements) == null ? void 0 : c.length) === 0 && !m.previewSVG, [M, h] = A(
+    I && s.isEditable()
+  ), [G, w] = A(!1), D = W(null), b = W(null), O = W(null), [E, z, N] = be(a), e = F(
     (t) => (E && (t.preventDefault(), s.update(() => {
-      const f = V(i);
+      const f = $(a);
       f && f.remove();
     })), !1),
-    [s, E, i]
+    [s, E, a]
   );
-  A(() => {
+  _(() => {
     if (!r) {
       E && N();
       return;
@@ -472,62 +472,62 @@ function st({
           const f = b.current, T = t.target;
           return f !== null && f.contains(T) ? (t.shiftKey || N(), z(!E), t.detail > 1 && h(!0), !0) : !1;
         },
-        J
+        X
       ),
       s.registerCommand(
         ye,
         e,
-        J
+        X
       ),
       s.registerCommand(
         ke,
         e,
-        J
+        X
       )
     );
   }, [N, s, E, e, z, r]);
-  const x = F(() => (h(!1), s.update(() => {
-    const t = V(i);
+  const C = F(() => (h(!1), s.update(() => {
+    const t = $(a);
     t && t.remove();
-  })), [s, i]), l = async (t, f, T, S) => {
+  })), [s, a]), l = async (t, f, T, B) => {
     const {
-      files: $,
+      files: q,
       urlByDataUrl: fe,
       attachmentIdByFileId: me
     } = await Le(
       T,
-      I,
+      H,
       g.current
     );
     g.current = ze(
       v.current,
-      $,
+      q,
       me,
       L
-    ), v.current = Object.keys($);
-    const ge = Re(S, fe);
+    ), v.current = Object.keys(q);
+    const ge = je(B, fe);
     s.update(() => {
-      const X = V(i);
-      ue(X) && (t && t.length > 0 || Object.keys($).length > 0 ? X.setData(
+      const K = $(a);
+      ue(K) && (t && t.length > 0 || Object.keys(q).length > 0 ? K.setData(
         JSON.stringify({
           appState: f,
           elements: t,
-          files: $,
+          files: q,
           previewSVG: ge
         })
-      ) : X.remove());
+      ) : K.remove());
     });
-  }, { elements: d = [], files: R = {}, appState: j = {}, previewSVG: _ } = m, k = F(() => {
+  }, { elements: d = [], files: j = {}, appState: R = {}, previewSVG: S } = m, k = F(() => {
     h(!1), w(!1), O.current = !1, (d == null ? void 0 : d.length) === 0 && s.update(() => {
-      const t = V(i);
+      const t = $(a);
       t && t.remove();
     });
-  }, [s, i, d == null ? void 0 : d.length]), o = F(() => {
+  }, [s, a, d == null ? void 0 : d.length]), o = F(() => {
     O.current ? w(!0) : k();
   }, [k]);
   return /* @__PURE__ */ y(le, { children: [
     /* @__PURE__ */ n(
-      Ve,
+      $e,
       {
         isCloseModal: G,
         confirmClose: k,
@@ -539,13 +539,13 @@ function st({
       {
         initialElements: d,
         isEdited: O,
-        initialFiles: R,
-        initialAppState: j,
+        initialFiles: j,
+        initialAppState: R,
         isShown: M,
-        onDelete: x,
+        onDelete: C,
         onClose: o,
-        onSave: async (t, f, T, S) => {
-          await l(t, f, T, S), h(!1);
+        onSave: async (t, f, T, B) => {
+          await l(t, f, T, B), h(!1);
         },
         closeOnClickOutside: !1
       }
@@ -558,17 +558,17 @@ function st({
           justifyContent: u
         },
         children: /* @__PURE__ */ n(
-          $e,
+          qe,
           {
             imageContainerRef: D,
             className: "image",
             width: p,
-            height: C,
+            height: x,
             editor: s,
-            nodeKey: i,
+            nodeKey: a,
             alignment: u,
             setModalOpen: h,
-            previewSVG: _,
+            previewSVG: S,
             isModalOpen: M
           }
         )

package/dist/{layers.DKRgfZDf.js → layers.B2MNzoK5.js}

@@ -1,9 +1,9 @@
-import { N as gt, O as ft, P as mt, g as xt, l as E, d as G, G as _t, Q as bt, r as kt } from "./layers.Dja1aJ7h.js";
+import { N as gt, O as ft, P as mt, g as xt, l as E, d as G, G as _t, Q as bt, r as kt } from "./layers.BKbi7VzA.js";
 import "./layers.Bg7BQcmt.js";
 import "lodash-es/memoize.js";
 import "lodash-es/merge.js";
 import "lodash-es/isEmpty.js";
-import { a as D } from "./layers.C3EKrjs1.js";
+import { a as D } from "./layers.BEeuugk0.js";
 var J = (function() {
   var n = function(f, i, r, c) {
     for (r = r || {}, c = f.length; c--; r[f[c]] = i)