@layers-app/editor 0.3.0 → 0.3.1

package/dist/layers.xKmy9hl8.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.BEKEkSeG.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.xSKkAVrl.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),e=require("./layers.Dz3X0MlG.js"),R=require("./layers.u7Ns5vGH.js"),y=require("react-i18next"),x=require("@mantine/core"),B=require("@tabler/icons-react"),H=t=>{var f;const r=(f=t==null?void 0:t.firstElementChild)==null?void 0:f.firstElementChild,d=t.getAttribute("viewBox");if(d!=null){const o=d.split(" ");t.setAttribute("width",o[2]),t.setAttribute("height",o[3])}r&&r.tagName==="style"&&r.remove()};function $({elements:t,files:r,imageContainerRef:d,appState:f,editor:o,rootClassName:n=null,width:E="inherit",height:M="inherit",nodeKey:c,alignment:N,setModalOpen:C}){const[b,O]=a.useState(null),[S,m]=a.useState(!1);x.useMantineTheme();const{t:p}=y.useTranslation();a.useEffect(()=>{(async()=>{const l=await R.r9({appState:f,elements:t,files:r});H(l),l.setAttribute("width","100%"),l.setAttribute("height","100%"),l.setAttribute("display","block"),l.classList.add("excalidraw-svg"),O(l)})()},[t,r,f]);const j=(h,l)=>{o.update(()=>{e.ms(null);const I=e.us(c);return e.$isExcalidrawNode(I)&&I.setWidthAndHeight(h,l),!0})},A=h=>{e.deleteNode(o,c)};return i.jsx(e.ResizableContainer,{editor:o,isIcon:!1,isEmbed:!0,width:e.parseContainerSize(E),height:e.parseContainerSize(M),onResizeEnd:j,alignment:N,children:i.jsxs(x.Box,{className:"media-wrapper excaildraw",children:[i.jsxs("div",{className:"media-actions",children:[i.jsx(x.Tooltip,{label:p("editor.link.edit"),children:i.jsx(x.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:()=>{C(!0)},children:i.jsx(B.IconEdit,{size:14})})}),i.jsx(e.AlignmentImage,{opened:S,setOpened:m,t:p,editor:o,nodeKey:c}),i.jsx(x.Tooltip,{label:p("editor.actions.delete"),children:i.jsx(x.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:A,children:i.jsx(e.Icon,{name:"trash",size:"14"})})})]}),i.jsx(x.Box,{w:"100%",ref:h=>{h&&d&&(d.current=h)},className:n??"",dangerouslySetInnerHTML:{__html:(b==null?void 0:b.outerHTML)??""}})]})})}function F({nodeKey:t,data:r,width:d,height:f,alignment:o}){const[n]=e.o(),E=e.a(),[M,c]=a.useState(r==="[]"&&n.isEditable()),[N,C]=a.useState(!1),b=a.useRef(null),O=a.useRef(null),S=a.useRef(null),[m,p,j]=e.u(t),[A,h]=a.useState(!1),l=a.useCallback(s=>(m&&(s.preventDefault(),n.update(()=>{const u=e.us(t);u&&u.remove()})),!1),[n,m,t]);a.useEffect(()=>{if(!E){m&&j();return}return e.j(n.registerCommand(e.ae,s=>{const u=O.current,g=s.target;return A?!0:u!==null&&u.contains(g)?(s.shiftKey||j(),p(!m),s.detail>1&&c(!0),!0):!1},e.Ii),n.registerCommand(e.De,l,e.Ii),n.registerCommand(e.Ae,l,e.Ii))},[j,n,m,A,l,p,E]);const I=a.useCallback(()=>(c(!1),n.update(()=>{const s=e.us(t);s&&s.remove()})),[n,t]),D=(s,u,g)=>n.update(()=>{const v=e.us(t);e.$isExcalidrawNode(v)&&(s&&s.length>0||Object.keys(g).length>0?v.setData(JSON.stringify({appState:u,elements:s,files:g})):v.remove())}),{elements:w=[],files:k={},appState:z={}}=a.useMemo(()=>JSON.parse(r),[r]),T=a.useCallback(()=>{c(!1),C(!1),S.current=!1,w.length===0&&n.update(()=>{const s=e.us(t);s&&s.remove()})},[n,t,w.length]),q=a.useCallback(()=>{S.current?C(!0):T()},[]);return i.jsxs(i.Fragment,{children:[i.jsx(R.ConfirmModal,{isCloseModal:N,confirmClose:T,setCloseModalOpen:C}),i.jsx(R.ExcalidrawModal,{initialElements:w,isEdited:S,initialFiles:k,initialAppState:z,isShown:M,onDelete:I,onClose:q,onSave:(s,u,g)=>{D(s,u,g),c(!1)},closeOnClickOutside:!1}),w.length>0&&i.jsx("div",{style:{display:"flex",justifyContent:o},children:i.jsx($,{imageContainerRef:b,className:"image",elements:w,files:k,appState:z,width:d,height:f,editor:n,nodeKey:t,alignment:o,setModalOpen:c})})]})}exports.default=F;