@layers-app/editor 2.0.2 → 2.1.1

package/dist/layers.Dbe1Lv4b.js

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

package/dist/layers.MKXFM1jl.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),_=require("react-i18next"),$=require("@lexical/react/LexicalComposerContext"),y=require("@mantine/core"),w=require("lexical"),e=require("./layers.DVqVxTox.js"),G=require("@layers-app/shared"),H=require("@mantine/hooks"),K=()=>{};function ee({nodeKey:t,src:r,id:a}){const{t:l}=_.useTranslation(),[h]=$.useLexicalComposerContext(),[m,f]=i.useState(!1),[c,p]=i.useState(!1),x=i.useCallback(()=>{h.update(()=>{const C=w.$getNodeByKey(t);e.$isImageNode(C)&&C.remove()})},[h,t]),N=i.useCallback(async()=>{if(r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r]);return n.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:C=>C.stopPropagation(),children:[n.jsx(e.PreviewImage,{t:l,src:r,setShown:K,id:a}),n.jsx(e.NodeAlignmentMenu,{opened:m,setOpened:f,t:l,editor:h,nodeKey:t}),n.jsx(e.MediaActionMenu,{opened:c,onOpenChange:p,t:l,onDownload:()=>void N(),onDelete:x})]})}function te({nodeKey:t,src:r,id:a}){const{t:l}=_.useTranslation(),[h]=$.useLexicalComposerContext(),[m,{open:f,close:c}]=H.useDisclosure(!1),[p,{open:x,close:N}]=H.useDisclosure(!1),C=i.useMemo(()=>[{id:!a||a==="0"?"":a,Url:r??"",contentType:"",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[r,a]),j=()=>{c(),x()},S=i.useCallback(async()=>{if(c(),!!r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r,c]),v=i.useCallback(()=>{c(),h.update(()=>{const s=w.$getNodeByKey(t);e.$isImageNode(s)&&s.remove()})},[h,t,c]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:s=>s.stopPropagation(),children:n.jsx(e.ActionIcon,{label:l("editor.toolbar.more"),icon:e.O1,iconColor:"var(--mantine-color-gray-text)","aria-label":l("editor.toolbar.more"),onClick:f})}),n.jsx(G.AttachmentsGalleryModal,{opened:p,onOpenChange:s=>s?x():N(),attachments:C}),n.jsx(e.MobileDrawer,{opened:m,onClose:c,title:l("editor.image.mobileActions"),children:n.jsxs(y.Stack,{gap:4,p:0,children:[n.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:j,leftSection:n.jsx(e.HugeiconsIcon,{icon:e.gn,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.image.previewFullScreen")}),n.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:()=>void S(),leftSection:n.jsx(e.HugeiconsIcon,{icon:e.Tm,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.gallery.download")}),n.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:v,leftSection:n.jsx(e.HugeiconsIcon,{icon:e.lg,size:16,color:"var(--mantine-color-red-6)"}),children:l("editor.actions.delete")})]})})]})}const q=t=>{const{width:r,height:a,isLoading:l,isError:h,src:m,id:f,altText:c,imageRef:p,maxWidth:x}=t;return n.jsxs("div",{className:"media-wrapper",style:{width:r,height:a,display:"inline-flex",position:"relative"},children:[n.jsx(y.LoadingOverlay,{visible:l,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),n.jsx(oe,{className:null,src:m,altText:c,imageRef:p,width:"inherit",height:"inherit",maxWidth:x||"auto",id:f}),e.IS_TOUCH_DEVICE&&n.jsx(te,{nodeKey:t.nodeKey,src:m,id:f}),e.IS_TOUCH_TABLET&&n.jsx(ee,{nodeKey:t.nodeKey,src:m,id:f})]})};function oe({altText:t,className:r,imageRef:a,src:l,width:h,height:m,maxWidth:f,id:c}){const[p,x]=i.useState(!1);return n.jsx("img",{className:`${r||void 0} ${p?"":"loading"}`,src:l,alt:t,ref:a,style:{height:m,maxWidth:f,width:h},onLoad:()=>{l.includes("splash")?setTimeout(()=>{x(!0)},100):x(!0)},draggable:"false","data-id":c})}function ne(t){const{disable:r}=i.useContext(e.Context);return r&&e.ImageNode.isPlaceholderSrc(t.src)?null:n.jsx(ie,{...t})}function ie({src:t,altText:r,nodeKey:a,width:l,height:h,maxWidth:m,showCaption:f,caption:c,id:p,create:x,alignment:N,imagePickerTab:C}){var B,R;const j=i.useRef(null),[S,v]=i.useState(!0),[s]=$.useLexicalComposerContext(),[b,k]=i.useState(!0),[I,M]=i.useState({width:0,height:0}),{start:L}=e.useCancelUpload(),[ae,O]=i.useState(0),{fetchUploadMedia:A,fetchDeleteMedia:W,maxFileSize:re,imperativeHandleRef:D,disable:V}=i.useContext(e.Context),E=e.mediaMap.has(t)&&(((B=e.mediaMap.get(t))==null?void 0:B.mediaNodeKeys.length)===0||((R=e.mediaMap.get(t))==null?void 0:R.mediaNodeKeys.length)===void 0||t.trim()===""),{t:T}=_.useTranslation(),[se,X]=i.useState(0);i.useEffect(()=>s.registerDecoratorListener(()=>{X(o=>o+1)}),[E]),i.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){v(!1);return}const o=new Image;o.src=t,o.onload=()=>v(!1),o.onerror=()=>{v(!1)}},[t,E]);const Y=(o,u)=>{s.update(()=>{w.$setSelection(null);const d=w.$getNodeByKey(a);e.$isImageNode(d)&&d.setWidthAndHeight(o,u)})},{historyState:U}=e.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:F}}=e.useSettings();function Z(o){return o.endsWith(".svg")||o.includes("image/svg+xml")}function J(o){return new Promise((u,d)=>{if(Z(o)){u(0);return}const g=new Image;g.src=o,g.onload=()=>{u(g.width)},g.onerror=()=>{d(new Error("Failed to load image"))}})}i.useEffect(()=>{let o=l,u=h,d=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&J(t).then(g=>{typeof o=="number"&&o<d&&g<d?(k(!0),M({width:o,height:u})):g<d?(k(!0),M({width:"auto",height:"auto"})):(M({width:g,height:g}),k(!1))}).catch(g=>{console.warn("Ошибка при загрузке изображения:",g.message)})},[t,E]),i.useEffect(()=>{I.width&&I.height&&b&&s.update(()=>{const o=w.$getNodeByKey(a);e.$isImageNode(o)&&o.setWidthAndHeight(I.width,I.height)})},[I.width,I.height,b]);const Q=i.useCallback(o=>e.$writeImagePickerTabToNode(s,a,o),[s,a]),P=i.useCallback((o,u)=>{v(!1),s.update(()=>{const d=w.$getNodeByKey(a);e.$isImageNode(d)&&(d.setSrc(o),d.setId(u))})},[s,a]),z=i.useCallback(o=>{v(!0);const u=L();A&&A(o[0],(d,g)=>{P(d,g),O(0)},d=>{d&&G.showErrorNotification({message:T("editor.gallery.errorFile")}),O(0),P("","")},u,d=>{O(d)})},[A,L,T,P]);return i.useEffect(()=>s.registerCommand(e.UPLOAD_IMAGE_COMMAND,o=>t!=="upload"||o.targetNodeKey!==a?!1:(z(o.files),!0),w.COMMAND_PRIORITY_LOW),[s,z,a,t]),!t||t==="upload"?n.jsx(y.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:n.jsx(e.ImagePicker,{inline:!0,nodeKey:a,defaultTabValue:C,onWriteTabToNode:Q,uploading:!1,onUpload:o=>{!A||!o.length||z(o)},popoverProps:{opened:!0,position:"bottom",zIndex:e.EDITOR_UI_MIN_Z_INDEX},onChange:o=>{s.update(()=>{const u=w.$getNodeByKey(a);e.$isImageNode(u)&&u.setSrc(o)})}})}):b?n.jsx(q,{width:I.width,height:I.height,isLoading:S,isError:!1,isIcon:b,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:W,altText:r,imageRef:j,maxWidth:m,showCaption:f,caption:c,isCollabActive:!1,historyState:U,showNestedEditorTreeView:F,t:T}):n.jsx(e.ResizableContainer,{editor:s,isIcon:b,width:e.parseContainerSize(l),height:e.parseContainerSize(h),initialWidth:I.width||"",initialHeight:I.height||"",onResizeEnd:Y,alignment:N,disable:V,onRegisterDecoratorEnter:o=>{D!=null&&D.current&&(D.current.decoratorEnterAction=o)},onActivate:()=>s.dispatchCommand(e.ON_CHANGE_COMMAND,"show_menu"),children:n.jsx(q,{width:"inherit",height:"inherit",isLoading:S,isError:!1,isIcon:b,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:W,altText:r,imageRef:j,maxWidth:m,showCaption:f,caption:c,isCollabActive:!1,historyState:U,showNestedEditorTreeView:F,t:T})})}exports.default=ne;