@layers-app/editor 2.2.36 → 2.2.38

package/dist/layers.CKuU8C7I.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),A=require("react-i18next"),E=require("@lexical/react/LexicalComposerContext"),C=require("@mantine/core"),I=require("lexical"),n=require("./layers.CfDfI_mb.js"),z=require("@layers-app/shared"),ie=require("@lexical/react/useLexicalEditable"),_=require("@mantine/hooks");require("@lexical/react/LexicalDecoratorBlockNode");require("@lexical/utils");require("@lexical/mark");require("@lexical/code");require("@lexical/selection");require("react-dom");require("@lexical/react/LexicalErrorBoundary");require("@lexical/react/LexicalBlockWithAlignableContents");require("@mantine/notifications");const Y=[["path",{d:"M8.00001 3.09779C8.00001 3.09779 4.03375 2.74194 3.38784 3.38785C2.74192 4.03375 3.09784 8 3.09784 8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"0"}],["path",{d:"M8.00001 20.9022C8.00001 20.9022 4.03375 21.2581 3.38784 20.6122C2.74192 19.9662 3.09784 16 3.09784 16",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"1"}],["path",{d:"M16 3.09779C16 3.09779 19.9663 2.74194 20.6122 3.38785C21.2581 4.03375 20.9022 8 20.9022 8",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"2"}],["path",{d:"M16 20.9022C16 20.9022 19.9663 21.2581 20.6122 20.6122C21.2581 19.9662 20.9022 16 20.9022 16",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"3"}],["path",{d:"M14.0107 9.99847L20.0625 3.94678",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"4"}],["path",{d:"M9.99696 14.0024L3.63966 20.3807",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"5"}],["path",{d:"M9.99732 10.0024L3.84571 3.85889",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"6"}],["path",{d:"M13.9795 14.0024L20.5279 20.4983",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"7"}]];function re(e,i){const o=document.createElement("a");o.href=e,o.download=i,o.rel="noopener",document.body.appendChild(o),o.click(),o.remove()}function $(e){try{const o=new URL(e,window.location.origin).pathname.split("/").pop()||"image";return o.includes(".")?o:`${o}.png`}catch{return"image"}}async function q(e,i){const o=await fetch(e);if(!o.ok)throw new Error("fetch failed");const a=await o.blob(),d=URL.createObjectURL(a);try{re(d,i)}finally{setTimeout(()=>URL.revokeObjectURL(d),0)}}function Z({opened:e,onOpenChange:i,t:o,onDownload:a,onDelete:d}){return t.jsxs(C.Menu,{opened:e,onChange:i,transitionProps:n.animationMenu,shadow:"md",position:"bottom-start",offset:4,withinPortal:!0,closeOnItemClick:!0,children:[t.jsx(C.Menu.Target,{children:t.jsx(n.ActionIcon,{label:o("editor.toolbar.more"),icon:n.MoreHorizontalIcon,iconColor:"var(--mantine-color-gray-text)","aria-label":o("editor.toolbar.more")})}),t.jsxs(C.Menu.Dropdown,{p:4,w:164,onMouseDown:l=>l.preventDefault(),children:[t.jsx(C.Menu.Item,{leftSection:t.jsx(C.Flex,{align:"center",justify:"center",c:"gray.6",children:t.jsx(n.HugeiconsIcon,{icon:n.Download01Icon,size:16})}),onClick:l=>{l.stopPropagation(),a()},children:o("editor.gallery.download")}),t.jsx(C.Menu.Item,{color:"red",leftSection:t.jsx(C.Flex,{align:"center",justify:"center",c:"red.6",children:t.jsx(n.HugeiconsIcon,{icon:n.Delete03Icon,size:16})}),onClick:l=>{l.stopPropagation(),d()},children:o("editor.contextMenu.delete")})]})]})}const J=({t:e,src:i,setShown:o,id:a})=>{const[d,{open:l,close:p}]=_.useDisclosure(!1),u=s.useMemo(()=>[{id:!a||a==="0"?"":a,Url:i??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[i,a]),h=m=>{m?l():p()};return t.jsxs(t.Fragment,{children:[t.jsx(z.AttachmentsGalleryModal,{opened:d,onOpenChange:h,attachments:u}),t.jsx(n.ActionIcon,{label:e("editor.image.preview"),icon:Y,iconColor:"var(--mantine-color-gray-text)","aria-label":e("editor.image.preview"),onClick:()=>{o(!1),l()}})]})},ae=({nodeKey:e,src:i})=>{const[o]=E.useLexicalComposerContext(),a=ie.useLexicalEditable(),[d,l]=s.useState(!1),[p,u]=s.useState(!1),{t:h}=A.useTranslation(),m=s.useCallback(()=>{o.update(()=>{const w=I.$getNodeByKey(e);n.$isImageNode(w)&&w.remove()})},[o,e]),k=s.useCallback(async()=>{if(i)try{await q(i,$(i))}catch{}},[i]);return t.jsxs("div",{className:`media-actions ${a?"":"media-actions--readonly"}`,children:[t.jsx(J,{t:h,src:i,setShown:()=>{}}),a&&t.jsxs(t.Fragment,{children:[t.jsx(n.NodeAlignmentMenu,{opened:d,setOpened:l,t:h,editor:o,nodeKey:e,setShown:()=>{}}),t.jsx(Z,{opened:p,onOpenChange:u,t:h,onDownload:()=>void k(),onDelete:m})]})]})},se=()=>{};function le({nodeKey:e,src:i,id:o}){const{t:a}=A.useTranslation(),[d]=E.useLexicalComposerContext(),[l,p]=s.useState(!1),[u,h]=s.useState(!1),m=s.useCallback(()=>{h(!1),d.update(()=>{const w=I.$getNodeByKey(e);if(!n.$isImageNode(w))return;const y=w.getParent();n.$isImageOverlayWrapperNode(y)?y.remove():w.remove()})},[d,e]),k=s.useCallback(async()=>{if(i)try{await q(i,$(i))}catch{}},[i]);return t.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:w=>w.stopPropagation(),children:[t.jsx(J,{t:a,src:i,setShown:se,id:o}),t.jsx(n.NodeAlignmentMenu,{opened:l,setOpened:p,t:a,editor:d,nodeKey:e}),t.jsx(Z,{opened:u,onOpenChange:h,t:a,onDownload:()=>void k(),onDelete:m})]})}function de({nodeKey:e,src:i,id:o}){const{t:a}=A.useTranslation(),[d]=E.useLexicalComposerContext(),[l,{open:p,close:u}]=_.useDisclosure(!1),[h,{open:m,close:k}]=_.useDisclosure(!1),w=s.useMemo(()=>[{id:!o||o==="0"?"":o,Url:i??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[i,o]),y=()=>{u(),m()},L=s.useCallback(async()=>{if(u(),!!i)try{await q(i,$(i))}catch{}},[i,u]),j=s.useCallback(()=>{u(),d.update(()=>{const c=I.$getNodeByKey(e);n.$isImageNode(c)&&c.remove()})},[d,e,u]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:c=>c.stopPropagation(),children:t.jsx(n.ActionIcon,{label:a("editor.toolbar.more"),icon:n.MoreHorizontalCircle01Icon,iconColor:"var(--mantine-color-gray-text)","aria-label":a("editor.toolbar.more"),onClick:p})}),t.jsx(z.AttachmentsGalleryModal,{opened:h,onOpenChange:c=>c?m():k(),attachments:w}),t.jsx(n.MobileDrawer,{opened:l,onClose:u,title:a("editor.image.mobileActions"),children:t.jsxs(C.Stack,{gap:4,p:0,children:[t.jsx(C.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:y,leftSection:t.jsx(n.HugeiconsIcon,{icon:Y,size:16,color:"var(--mantine-color-dimmed)"}),children:a("editor.image.previewFullScreen")}),t.jsx(C.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:()=>void L(),leftSection:t.jsx(n.HugeiconsIcon,{icon:n.Download01Icon,size:16,color:"var(--mantine-color-dimmed)"}),children:a("editor.gallery.download")}),t.jsx(C.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:j,leftSection:t.jsx(n.HugeiconsIcon,{icon:n.Delete03Icon,size:16,color:"var(--mantine-color-red-6)"}),children:a("editor.actions.delete")})]})})]})}const X=e=>{const{width:i,height:o,isLoading:a,isError:d,src:l,id:p,altText:u,imageRef:h,maxWidth:m}=e;return t.jsxs("div",{className:"media-wrapper",style:{width:i,height:o,display:"inline-flex",position:"relative"},children:[t.jsx(C.LoadingOverlay,{visible:a,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),t.jsx(ce,{className:null,src:l,altText:u,imageRef:h,width:"inherit",height:"inherit",maxWidth:m||"auto",id:p}),n.IS_TOUCH_DEVICE&&t.jsx(de,{nodeKey:e.nodeKey,src:l,id:p}),n.IS_TOUCH_TABLET&&t.jsx(le,{nodeKey:e.nodeKey,src:l,id:p}),n.IS_HOVER_CAPABLE&&!n.IS_TOUCH_DEVICE&&!n.IS_TOUCH_TABLET&&t.jsx(ae,{nodeKey:e.nodeKey,src:l})]})};function ce({altText:e,className:i,imageRef:o,src:a,width:d,height:l,maxWidth:p,id:u}){const[h,m]=s.useState(!1);return t.jsx("img",{className:`${i||void 0} ${h?"":"loading"}`,src:a,alt:e,ref:o,style:{height:l,maxWidth:p,width:d},onLoad:()=>{a.includes("splash")?setTimeout(()=>{m(!0)},100):m(!0)},draggable:"false","data-id":u})}function ue(e){const{disable:i}=s.useContext(n.Context);return i&&n.ImageNode.isPlaceholderSrc(e.src)?null:t.jsx(ge,{...e})}function ge({src:e,altText:i,nodeKey:o,width:a,height:d,maxWidth:l,showCaption:p,caption:u,id:h,create:m,alignment:k,imagePickerTab:w}){var V,G;const y=s.useRef(null),[L,j]=s.useState(!0),[c]=E.useLexicalComposerContext(),[v,T]=s.useState(!0),[b,O]=s.useState({width:0,height:0}),{start:R}=n.useCancelUpload(),[he,P]=s.useState(0),{fetchUploadMedia:M,fetchDeleteMedia:H,maxFileSize:pe,imperativeHandleRef:N,disable:K}=s.useContext(n.Context),D=n.mediaMap.has(e)&&(((V=n.mediaMap.get(e))==null?void 0:V.mediaNodeKeys.length)===0||((G=n.mediaMap.get(e))==null?void 0:G.mediaNodeKeys.length)===void 0||e.trim()===""),{t:S}=A.useTranslation(),[me,Q]=s.useState(0);s.useEffect(()=>c.registerDecoratorListener(()=>{Q(r=>r+1)}),[D]),s.useEffect(()=>{if(!e||e.startsWith("data:image/")||!e.trim()){j(!1);return}const r=new Image;r.src=e,r.onload=()=>j(!1),r.onerror=()=>{j(!1)}},[e,D]);const ee=(r,f)=>{c.update(()=>{I.$setSelection(null);const g=I.$getNodeByKey(o);n.$isImageNode(g)&&g.setWidthAndHeight(r,f)})},{historyState:B}=n.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:F}}=n.useSettings();function te(r){return r.endsWith(".svg")||r.includes("image/svg+xml")}function oe(r){return new Promise((f,g)=>{if(te(r)){f(0);return}const x=new Image;x.src=r,x.onload=()=>{f(x.width)},x.onerror=()=>{g(new Error("Failed to load image"))}})}s.useEffect(()=>{let r=a,f=d,g=100;(e.includes("unsplash")?e.trim():!D&&e.trim()||e.includes("upload-src-editor"))&&e!=="upload"&&oe(e).then(x=>{typeof r=="number"&&r<g&&x<g?(T(!0),O({width:r,height:f})):x<g?(T(!0),O({width:"auto",height:"auto"})):(O({width:x,height:x}),T(!1))}).catch(x=>{console.warn("Ошибка при загрузке изображения:",x.message)})},[e,D]),s.useEffect(()=>{b.width&&b.height&&v&&c.update(()=>{const r=I.$getNodeByKey(o);n.$isImageNode(r)&&r.setWidthAndHeight(b.width,b.height)})},[b.width,b.height,v]);const ne=s.useCallback(r=>n.$writeImagePickerTabToNode(c,o,r),[c,o]),W=s.useCallback((r,f)=>{j(!1),c.update(()=>{const g=I.$getNodeByKey(o);n.$isImageNode(g)&&(g.setSrc(r),g.setId(f))})},[c,o]),U=s.useCallback(r=>{j(!0);const f=R();M&&M(r[0],(g,x)=>{W(g,x),P(0)},g=>{g&&z.showErrorNotification({message:S("editor.gallery.errorFile")}),P(0),W(e.startsWith("blob:")?"upload":"","")},f,g=>{P(g)})},[M,R,S,W,e]);return s.useEffect(()=>c.registerCommand(n.UPLOAD_IMAGE_COMMAND,r=>!e.startsWith("blob:")&&e!=="upload"||r.targetNodeKey!==o?!1:(U(r.files),!0),I.COMMAND_PRIORITY_LOW),[c,U,o,e]),!e||e==="upload"?t.jsx(C.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:t.jsx(n.ImagePicker,{inline:!0,nodeKey:o,defaultTabValue:w,onWriteTabToNode:ne,uploading:!1,onUpload:r=>{!M||!r.length||U(r)},popoverProps:{opened:!0,position:"bottom",zIndex:n.EDITOR_UI_MIN_Z_INDEX},onChange:r=>{c.update(()=>{const f=I.$getNodeByKey(o);n.$isImageNode(f)&&f.setSrc(r)})}})}):v?t.jsx(X,{width:b.width,height:b.height,isLoading:L,isError:!1,isIcon:v,src:e,id:h,editor:c,nodeKey:o,fetchDeleteMedia:H,altText:i,imageRef:y,maxWidth:l,showCaption:p,caption:u,isCollabActive:!1,historyState:B,showNestedEditorTreeView:F,t:S}):t.jsx(n.ResizableContainer,{editor:c,isIcon:v,width:n.parseContainerSize(a),height:n.parseContainerSize(d),initialWidth:b.width||"",initialHeight:b.height||"",onResizeEnd:ee,alignment:k,disable:K,onRegisterDecoratorEnter:r=>{N!=null&&N.current&&(N.current.decoratorEnterAction=r)},onActivate:()=>c.dispatchCommand(n.ON_CHANGE_COMMAND,"show_menu"),children:t.jsx(X,{width:"inherit",height:"inherit",isLoading:L,isError:!1,isIcon:v,src:e,id:h,editor:c,nodeKey:o,fetchDeleteMedia:H,altText:i,imageRef:y,maxWidth:l,showCaption:p,caption:u,isCollabActive:!1,historyState:B,showNestedEditorTreeView:F,t:S})})}exports.default=ue;