@layers-app/editor 2.2.40 → 2.2.42

package/dist/layers.zLW-oi1n.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),J=require("@lexical/react/LexicalComposerContext"),K=require("@lexical/react/useLexicalEditable"),P=require("@lexical/react/useLexicalNodeSelection"),Q=require("@lexical/utils"),y=require("lexical"),o=require("./layers.fphv_FjF.js"),G=require("react-i18next"),g=require("@mantine/core"),Z=require("@mantine/hooks");require("@lexical/mark");require("@lexical/code");const ee=require("@layers-app/shared"),te=({isCloseModal:l,setCloseModalOpen:a,confirmClose:v})=>{const{t:E}=G.useTranslation();return t.jsx(g.Modal,{opened:l,onClose:()=>{a(!1)},centered:!0,withCloseButton:!1,closeOnClickOutside:!0,closeOnEscape:!0,size:440,radius:"lg",zIndex:999,children:t.jsxs(g.Stack,{gap:24,pt:"md",children:[t.jsxs(g.Stack,{gap:"xs",align:"center",children:[t.jsx(o.HugeiconsIcon,{icon:o.$o,size:20,color:"var(--mantine-color-dimmed)"}),t.jsxs(g.Stack,{gap:6,align:"center",children:[t.jsx(g.Text,{fw:700,size:"md",ta:"center",children:E("editor.unsavedChanges.title")}),t.jsx(g.Text,{c:"dimmed",size:"sm",ta:"center",children:E("editor.unsavedChanges.message")})]})]}),t.jsxs(g.Group,{gap:"xs",grow:!0,wrap:"nowrap",children:[t.jsx(g.Button,{variant:"default",radius:"md",onClick:()=>{a(!1)},children:E("editor.unsavedChanges.cancel")}),t.jsx(g.Button,{color:"indigo.8",radius:"md",onClick:v,children:E("editor.unsavedChanges.closeWithoutSaving")})]})]})})};function oe({imageContainerRef:l,editor:a,rootClassName:v=null,width:E="inherit",height:m="inherit",nodeKey:u,alignment:z,setModalOpen:R,previewSVG:i,isModalOpen:h}){const{disable:C,imperativeHandleRef:j}=r.useContext(o.Context),F=r.useMemo(()=>i??"",[i]),[D,b]=r.useState(!1),[W,{open:k,close:O}]=Z.useDisclosure(!1),{t:w}=G.useTranslation();r.useEffect(()=>{h&&b(!1)},[h]);const N=(e,p)=>{a.update(()=>{y.$setSelection(null);const c=y.$getNodeByKey(u);return o.$isExcalidrawNode(c)&&c.setWidthAndHeight(e,p),!0})},T=()=>{o.deleteNode(a,u)},I=()=>{O(),R(!0)},_=()=>{O(),o.deleteNode(a,u)};return t.jsxs(o.ResizableContainer,{editor:a,isIcon:!1,isEmbed:!0,width:o.parseContainerSize(E),height:o.parseContainerSize(m),onResizeEnd:N,alignment:z,disable:C,onRegisterDecoratorEnter:e=>{j!=null&&j.current&&(j.current.decoratorEnterAction=e)},onActivate:()=>a.dispatchCommand(o.ON_CHANGE_COMMAND,"show_menu"),children:[t.jsxs(g.Box,{className:"media-wrapper excaildraw",children:[t.jsx("div",{className:`media-actions${o.IS_TOUCH_DEVICE||!o.IS_HOVER_CAPABLE?" visible":""}`,children:o.IS_TOUCH_DEVICE?t.jsx(o.ActionIcon,{"aria-label":w("editor.toolbar.more"),label:w("editor.toolbar.more"),flexBorder:!0,onClick:k,icon:o.K1,iconColor:"var(--mantine-color-gray-text)"}):t.jsxs(t.Fragment,{children:[t.jsx(o.ActionIcon,{"aria-label":"Settings",label:w("editor.link.edit"),flexBorder:!0,onClick:()=>{R(!0)},icon:o.tf,iconColor:"var(--mantine-color-gray-text)"}),t.jsx(o.NodeAlignmentMenu,{opened:D,setOpened:b,t:w,editor:a,nodeKey:u,flexBorder:!0}),t.jsx(o.ActionIcon,{"aria-label":"Delete",label:w("editor.actions.delete"),flexBorder:!0,onClick:T,icon:o.lg,iconColor:"var(--mantine-color-red-outline)"})]})}),t.jsx(g.Box,{w:"100%",ref:e=>{e&&l&&(l.current=e)},className:v??"",dangerouslySetInnerHTML:{__html:F}})]}),o.IS_TOUCH_DEVICE&&t.jsx(o.MobileDrawer,{opened:W,onClose:O,title:w("editor.image.mobileActions"),children:t.jsxs(g.Stack,{gap:4,p:0,children:[t.jsx(g.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:I,leftSection:t.jsx(o.HugeiconsIcon,{icon:o.tf,size:16,color:"var(--mantine-color-dimmed)"}),children:w("editor.link.edit")}),t.jsx(g.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:_,leftSection:t.jsx(o.HugeiconsIcon,{icon:o.lg,size:16,color:"var(--mantine-color-red-6)"}),children:w("editor.actions.delete")})]})})]})}let $=null;const ne=r.lazy(async()=>{var a;const l=await Promise.resolve().then(()=>require("./layers.DRv4qEa3.js")).then(v=>v.index);return!$&&l&&($=l.exportToSvg||((a=l.default)==null?void 0:a.exportToSvg)||l.default),{default:l.Excalidraw}}),re=()=>{const[l,a]=r.useState(null),v=r.useCallback(E=>a(E),[]);return[l,v]};function se({onSave:l,initialElements:a,initialAppState:v,initialFiles:E,isShown:m=!1,onDelete:u,onClose:z,isEdited:R}){const[i,h]=re(),{i18n:C,t:j}=G.useTranslation(),{colorScheme:F}=g.useMantineColorScheme(),D=r.useRef(!1),[b,W]=r.useState(a),[k,O]=r.useState(E),[w,N]=r.useState(m);r.useEffect(()=>{m&&N(!0)},[m]),r.useEffect(()=>{!m||D.current||(D.current=!0,Promise.resolve().then(()=>require("./layers.Dyvby5gX.js")))},[m]),r.useEffect(()=>{m&&setTimeout(()=>{var e,p;(e=i==null?void 0:i.refresh)==null||e.call(i),(p=i==null?void 0:i.scrollToContent)==null||p.call(i)},500)},[m,i]),r.useEffect(()=>{if(!m)return;const e=(s,d)=>{const n=j(s);return n.startsWith("editor.menu")?d:n},p=e("editor.menu.excalidraw.tools.frameTool",C.language==="ru"?"Инструмент рамки":C.language==="es"?"Herramienta de marco":"Frame tool"),c=e("editor.menu.excalidraw.tools.webEmbed",C.language==="ru"?"Веб-встраивание":C.language==="es"?"Incrustación web":"Web Embed"),f=e("editor.menu.excalidraw.tools.generate",C.language==="ru"?"Генерировать":C.language==="es"?"Generar":"Generate"),L={"Frame tool":p,"Web Embed":c,"Web embeded":c,Generate:f},q=()=>{const s=document.querySelector(".App-toolbar__extra-tools-dropdown");if(!s)return;const d=document.createTreeWalker(s,NodeFilter.SHOW_TEXT,null);let n;for(;n=d.nextNode();)if(n.nodeType===Node.TEXT_NODE&&n.textContent){const x=n.textContent.trim();for(const[S,A]of Object.entries(L))if(x===S&&A&&!x.includes(A)){n.textContent=n.textContent.replace(S,A);break}}},B=()=>{setTimeout(()=>{q()},0)},M=setTimeout(()=>{const s=document.querySelector(".excalidraw-container");if(s){const d=s.querySelector(".App-toolbar__extra-tools-trigger");d&&d.addEventListener("click",B)}},300);return()=>{clearTimeout(M);const s=document.querySelector(".excalidraw-container");if(s){const d=s.querySelector(".App-toolbar__extra-tools-trigger");d&&d.removeEventListener("click",B)}}},[m,C.language,j]);const T=r.useCallback(async()=>{var q,B,M;let e=$;if(!e||typeof e!="function"){const s=await Promise.resolve().then(()=>require("./layers.DRv4qEa3.js")).then(d=>d.index);e=s.exportToSvg||((q=s.default)==null?void 0:q.exportToSvg)||s.default,e&&typeof e=="function"&&($=e)}if(!e||typeof e!="function"){const s=await Promise.resolve().then(()=>require("./layers.DRv4qEa3.js")).then(n=>n.index),d=s?Object.keys(s):[];throw console.error("Excalidraw module structure:",{keys:d,hasExportToSvg:s&&"exportToSvg"in s,hasDefault:s&&"default"in s,moduleType:typeof s,module:s}),new Error(`exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${d.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`)}const p=((B=i==null?void 0:i.getAppState)==null?void 0:B.call(i))??v,c=await e({appState:p,elements:b,files:k}),f=(M=c==null?void 0:c.firstElementChild)==null?void 0:M.firstElementChild,L=c.getAttribute("viewBox");if(L!=null){const s=L.split(" ");c.setAttribute("width",s[2]),c.setAttribute("height",s[3])}return f&&f.tagName==="style"&&f.remove(),c.setAttribute("width","100%"),c.setAttribute("height","100%"),c.setAttribute("display","block"),c.classList.add("excalidraw-svg"),c.outerHTML},[b,k,i,v]),I=()=>{if(b&&b.filter(e=>!e.isDeleted).length>0){const e=i==null?void 0:i.getAppState(),p={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 c=await T();l(b,p,k,c)})()}else u()},_=(e,p,c)=>{(e==null?void 0:e.length)!==(a==null?void 0:a.length)&&(R.current=!0),W(e),O(c)};return t.jsx(ee.BottomDrawerWithoutHeader,{opened:m,onClose:z,onSave:I,className:"excaildraw-modal",closeOnEscape:!1,children:w&&t.jsx(r.Suspense,{fallback:t.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",minHeight:"400px"},children:t.jsx(g.Loader,{size:"sm"})}),children:t.jsx(ne,{langCode:o.languageToLocaleMap[C.language],theme:F,onChange:_,excalidrawAPI:h,initialData:{appState:{...v||{isLoading:!1}},elements:a,files:E,scrollToContent:!0}})})})}function ie({nodeKey:l,data:a,width:v,height:E,alignment:m}){var d;const[u]=J.useLexicalComposerContext(),{fetchUploadMedia:z,fetchDeleteMedia:R}=r.useContext(o.Context),i=K.useLexicalEditable(),h=r.useMemo(()=>o.parseExcalidrawData(a),[a]),C=r.useRef(o.extractAttachmentIdsFromFiles(h.files??{})),j=r.useRef(Object.keys(h.files??{}));r.useEffect(()=>{const n=o.extractAttachmentIdsFromFiles(h.files??{});for(const x of Object.keys(n))C.current[x]=n[x]},[h.files]);const F=((d=h==null?void 0:h.elements)==null?void 0:d.length)===0&&!h.previewSVG,[D,b]=r.useState(F&&u.isEditable()),[W,k]=r.useState(!1),O=r.useRef(null),w=r.useRef(null),N=r.useRef(null),[T,I,_]=P.useLexicalNodeSelection(l),e=r.useCallback(n=>(T&&(n.preventDefault(),u.update(()=>{const x=y.$getNodeByKey(l);x&&x.remove()})),!1),[u,T,l]);r.useEffect(()=>{if(!i){T&&_();return}return Q.mergeRegister(u.registerCommand(y.CLICK_COMMAND,n=>{const x=w.current,S=n.target;return x!==null&&x.contains(S)?(n.shiftKey||_(),I(!T),n.detail>1&&b(!0),!0):!1},y.COMMAND_PRIORITY_LOW),u.registerCommand(y.KEY_DELETE_COMMAND,e,y.COMMAND_PRIORITY_LOW),u.registerCommand(y.KEY_BACKSPACE_COMMAND,e,y.COMMAND_PRIORITY_LOW))},[_,u,T,e,I,i]);const p=r.useCallback(()=>(b(!1),u.update(()=>{const n=y.$getNodeByKey(l);n&&n.remove()})),[u,l]),c=async(n,x,S,A)=>{const{files:H,urlByDataUrl:U,attachmentIdByFileId:Y}=await o.uploadInlineFiles(S,z,C.current);C.current=o.deleteRemovedAttachments(j.current,H,Y,R),j.current=Object.keys(H);const X=o.rewriteSvgDataUrls(A,U);u.update(()=>{const V=y.$getNodeByKey(l);o.$isExcalidrawNode(V)&&(n&&n.length>0||Object.keys(H).length>0?V.setData(JSON.stringify({appState:x,elements:n,files:H,previewSVG:X})):V.remove())})},{elements:f=[],files:L={},appState:q={},previewSVG:B}=h,M=r.useCallback(()=>{b(!1),k(!1),N.current=!1,(f==null?void 0:f.length)===0&&u.update(()=>{const n=y.$getNodeByKey(l);n&&n.remove()})},[u,l,f==null?void 0:f.length]),s=r.useCallback(()=>{N.current?k(!0):M()},[M]);return t.jsxs(t.Fragment,{children:[t.jsx(te,{isCloseModal:W,confirmClose:M,setCloseModalOpen:k}),t.jsx(se,{initialElements:f,isEdited:N,initialFiles:L,initialAppState:q,isShown:D,onDelete:p,onClose:s,onSave:async(n,x,S,A)=>{await c(n,x,S,A),b(!1)},closeOnClickOutside:!1}),(f==null?void 0:f.length)&&t.jsx("div",{style:{display:"flex",justifyContent:m},children:t.jsx(oe,{imageContainerRef:O,className:"image",width:v,height:E,editor:u,nodeKey:l,alignment:m,setModalOpen:b,previewSVG:B,isModalOpen:D})})]})}exports.default=ie;