@layers-app/editor 0.7.91 → 0.7.92

package/dist/layers.3wlp4P9d.js

@@ -1,215 +0,0 @@
-import { jsx as i, jsxs as R, Fragment as J } from "react/jsx-runtime";
-import { useMemo as Y, useState as k, useRef as I, useCallback as M, useEffect as q } from "react";
-import { useLexicalComposerContext as Q } from "@lexical/react/LexicalComposerContext";
-import { useLexicalEditable as U } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as X } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as Z } from "@lexical/utils";
-import { $setSelection as K, $getNodeByKey as p, CLICK_COMMAND as ee, COMMAND_PRIORITY_LOW as _, KEY_DELETE_COMMAND as te, KEY_BACKSPACE_COMMAND as ie } from "lexical";
-import { R as ae, p as T, A as ne, l as se, n as y, o as le } from "./layers.BdLFy1LQ.js";
-import { p as oe, C as re, E as ce } from "./layers.DR5BxOug.js";
-import { useTranslation as de } from "react-i18next";
-import { Box as j, Tooltip as $, ActionIcon as B } from "@mantine/core";
-import { IconEdit as me } from "@tabler/icons-react";
-function fe({
-  imageContainerRef: a,
-  editor: o,
-  rootClassName: S = null,
-  width: x = "inherit",
-  height: g = "inherit",
-  nodeKey: e,
-  alignment: C,
-  setModalOpen: r,
-  previewSVG: h
-}) {
-  const N = Y(() => h ?? "", [h]), [c, E] = k(!1), { t: d } = de(), O = (l, m) => {
-    o.update(() => {
-      K(null);
-      const u = p(e);
-      return y(u) && u.setWidthAndHeight(l, m), !0;
-    });
-  }, w = () => {
-    le(o, e);
-  };
-  return /* @__PURE__ */ i(
-    ae,
-    {
-      editor: o,
-      isIcon: !1,
-      isEmbed: !0,
-      width: T(x),
-      height: T(g),
-      onResizeEnd: O,
-      alignment: C,
-      children: /* @__PURE__ */ R(j, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ R("div", { className: "media-actions", children: [
-          /* @__PURE__ */ i($, { label: d("editor.link.edit"), children: /* @__PURE__ */ i(
-            B,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 32,
-              radius: 8,
-              onClick: () => {
-                E(!1), r(!0);
-              },
-              children: /* @__PURE__ */ i(me, { size: 16 })
-            }
-          ) }),
-          /* @__PURE__ */ i(
-            ne,
-            {
-              opened: c,
-              setOpened: E,
-              t: d,
-              editor: o,
-              nodeKey: e
-            }
-          ),
-          /* @__PURE__ */ i($, { label: d("editor.actions.delete"), children: /* @__PURE__ */ i(
-            B,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 32,
-              radius: 8,
-              onClick: w,
-              children: /* @__PURE__ */ i(se, { name: "trash", size: "16" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ i(
-          j,
-          {
-            w: "100%",
-            ref: (l) => {
-              l && a && (a.current = l);
-            },
-            className: S ?? "",
-            dangerouslySetInnerHTML: { __html: N }
-          }
-        )
-      ] })
-    }
-  );
-}
-function be({
-  nodeKey: a,
-  data: o,
-  width: S,
-  height: x,
-  alignment: g
-}) {
-  var L;
-  const [e] = Q(), C = U(), r = Y(() => oe(o), [o]), h = ((L = r == null ? void 0 : r.elements) == null ? void 0 : L.length) === 0 && !r.previewSVG, [N, c] = k(
-    h && e.isEditable()
-  ), [E, d] = k(!1), O = I(null), w = I(null), l = I(null), [m, u, b] = X(a), A = M(
-    (t) => (m && (t.preventDefault(), e.update(() => {
-      const s = p(a);
-      s && s.remove();
-    })), !1),
-    [e, m, a]
-  );
-  q(() => {
-    if (!C) {
-      m && b();
-      return;
-    }
-    return Z(
-      e.registerCommand(
-        ee,
-        (t) => {
-          const s = w.current, f = t.target;
-          return s !== null && s.contains(f) ? (t.shiftKey || b(), u(!m), t.detail > 1 && c(!0), !0) : !1;
-        },
-        _
-      ),
-      e.registerCommand(
-        te,
-        A,
-        _
-      ),
-      e.registerCommand(
-        ie,
-        A,
-        _
-      )
-    );
-  }, [b, e, m, A, u, C]);
-  const F = M(() => (c(!1), e.update(() => {
-    const t = p(a);
-    t && t.remove();
-  })), [e, a]), G = (t, s, f, v) => e.update(() => {
-    const D = p(a);
-    y(D) && (t && t.length > 0 || Object.keys(f).length > 0 ? D.setData(
-      JSON.stringify({
-        appState: s,
-        elements: t,
-        files: f,
-        previewSVG: v
-      })
-    ) : D.remove());
-  }), { elements: n = [], files: H = {}, appState: P = {}, previewSVG: V } = r, z = M(() => {
-    c(!1), d(!1), l.current = !1, (n == null ? void 0 : n.length) === 0 && e.update(() => {
-      const t = p(a);
-      t && t.remove();
-    });
-  }, [e, a, n == null ? void 0 : n.length]), W = M(() => {
-    l.current ? d(!0) : z();
-  }, []);
-  return /* @__PURE__ */ R(J, { children: [
-    /* @__PURE__ */ i(
-      re,
-      {
-        isCloseModal: E,
-        confirmClose: z,
-        setCloseModalOpen: d
-      }
-    ),
-    /* @__PURE__ */ i(
-      ce,
-      {
-        initialElements: n,
-        isEdited: l,
-        initialFiles: H,
-        initialAppState: P,
-        isShown: N,
-        onDelete: F,
-        onClose: W,
-        onSave: (t, s, f, v) => {
-          G(t, s, f, v), c(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (n == null ? void 0 : n.length) && /* @__PURE__ */ i(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: g
-        },
-        children: /* @__PURE__ */ i(
-          fe,
-          {
-            imageContainerRef: O,
-            className: "image",
-            width: S,
-            height: x,
-            editor: e,
-            nodeKey: a,
-            alignment: g,
-            setModalOpen: c,
-            previewSVG: V
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  be as default
-};

package/dist/layers.B7J5CFj0.js

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