@layers-app/editor 0.7.93 → 0.7.95

package/dist/layers.Brbunzgb.js

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