@layers-app/editor 0.7.44 → 0.7.46

package/dist/{layers.D5EnJuSD.js → layers.NW1lST7i.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),V=require("react-i18next"),Y=require("@lexical/react/LexicalComposerContext"),J=require("@mantine/core"),S=require("lexical"),Q=require("@layers-app/shared"),o=require("./layers.DN58BT2N.js"),_=t=>{const{width:c,height:r,isLoading:g,isError:w,src:f,id:m,altText:p,imageRef:x,maxWidth:h}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:c,height:r,display:"inline-flex",position:"relative"},children:[u.jsx(J.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(X,{className:null,src:f,altText:p,imageRef:x,width:"inherit",height:"inherit",maxWidth:h||"auto",id:m})]})};function X({altText:t,className:c,imageRef:r,src:g,width:w,height:f,maxWidth:m,id:p}){const[x,h]=n.useState(!1);return u.jsx("img",{className:`${c||void 0} ${x?"":"loading"}`,src:g,alt:t,ref:r,style:{height:f,maxWidth:m,width:w},onLoad:()=>{g.includes("splash")?setTimeout(()=>{h(!0)},100):h(!0)},draggable:"false","data-id":p})}function Z({src:t,altText:c,nodeKey:r,width:g,height:w,maxWidth:f,showCaption:m,caption:p,id:x,create:h,alignment:k}){var q,U;const $=n.useRef(null),[N,I]=n.useState(!0),[l]=Y.useLexicalComposerContext(),[C,L]=n.useState(!0),[d,M]=n.useState({width:0,height:0}),{start:B,cancel:D}=o.useCancelUpload(),[H,j]=n.useState(0),{fetchUploadMedia:W,fetchDeleteMedia:O,maxFileSize:ee}=n.useContext(o.Context),E=o.mediaMap.has(t)&&(((q=o.mediaMap.get(t))==null?void 0:q.mediaNodeKeys.length)===0||((U=o.mediaMap.get(t))==null?void 0:U.mediaNodeKeys.length)===void 0||t.trim()===""),{t:v}=V.useTranslation(),[te,T]=n.useState(0);n.useEffect(()=>l.registerDecoratorListener(()=>{T(e=>e+1)}),[E]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){I(!1);return}const e=new Image;e.src=t,e.onload=()=>I(!1),e.onerror=()=>{I(!1)}},[t,E]);const F=(e,s)=>{l.update(()=>{S.$setSelection(null);const i=S.$getNodeByKey(r);o.$isImageNode(i)&&i.setWidthAndHeight(e,s)})},{historyState:P}=o.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:R}}=o.useSettings(),[b,y]=n.useState(!1);function G(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function K(e){return new Promise((s,i)=>{if(G(e)){s(0);return}const a=new Image;a.src=e,a.onload=()=>{s(a.width)},a.onerror=()=>{i(new Error("Failed to load image"))}})}n.useEffect(()=>{h&&y(!0)},[h]),n.useEffect(()=>{let e=g,s=w,i=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&K(t).then(a=>{typeof e=="number"&&e<i&&a<i?(L(!0),M({width:e,height:s})):a<i?(L(!0),M({width:"auto",height:"auto"})):(M({width:a,height:a}),L(!1))}).catch(a=>{console.warn("Ошибка при загрузке изображения:",a.message)})},[t,E]),n.useEffect(()=>{d.width&&d.height&&C&&l.update(()=>{const e=S.$getNodeByKey(r);o.$isImageNode(e)&&e.setWidthAndHeight(d.width,d.height)})},[d.width,d.height,C]),n.useEffect(()=>{const e=document.documentElement;o.toggleLockScroll(b,e)},[b]),n.useEffect(()=>l.registerCommand(o.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&A(e),!1),S.COMMAND_PRIORITY_LOW),[t,N]);const z=(e,s)=>{I(!1),l.update(()=>{const i=S.$getNodeByKey(r);o.$isImageNode(i)&&(i.setSrc(e),i.setId(s))})},A=e=>{I(!0);const s=B();W&&W(e[0],(i,a)=>{z(i,a),j(0)},i=>{i&&Q.showErrorNotification({message:v("editor.gallery.errorFile")}),j(0),z("","")},s,i=>{j(i)})};return!t||t==="upload"?u.jsx(o.ImagePicker,{uploading:!1,onUpload:e=>{!W||!e.length||(A(e),y(!1))},popoverProps:{opened:b,position:"bottom",onChange:y},onChange:e=>{y(!1),l.update(()=>{const s=S.$getNodeByKey(r);o.$isImageNode(s)&&s.setSrc(e)})},children:u.jsx(o.EmptyNodeButton,{title:v("editor.image.add_photo"),icon:"photo",onClick:()=>y(!b),isLoading:N,progress:H,onAfterCancel:()=>{D(),I(!1)}})}):C?u.jsx(_,{width:d.width,height:d.height,isLoading:N,isError:!1,isIcon:C,src:t,id:x,editor:l,nodeKey:r,fetchDeleteMedia:O,altText:c,imageRef:$,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:P,showNestedEditorTreeView:R,t:v}):u.jsx(o.ResizableContainer,{editor:l,isIcon:C,width:o.parseContainerSize(g),height:o.parseContainerSize(w),initialWidth:d.width||"",initialHeight:d.height||"",onResizeEnd:F,alignment:k,children:u.jsx(_,{width:"inherit",height:"inherit",isLoading:N,isError:!1,isIcon:C,src:t,id:x,editor:l,nodeKey:r,fetchDeleteMedia:O,altText:c,imageRef:$,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:P,showNestedEditorTreeView:R,t:v})})}exports.default=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),V=require("react-i18next"),Y=require("@lexical/react/LexicalComposerContext"),J=require("@mantine/core"),S=require("lexical"),Q=require("@layers-app/shared"),o=require("./layers.JT_kEFH5.js"),_=t=>{const{width:c,height:r,isLoading:g,isError:w,src:f,id:m,altText:p,imageRef:x,maxWidth:h}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:c,height:r,display:"inline-flex",position:"relative"},children:[u.jsx(J.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(X,{className:null,src:f,altText:p,imageRef:x,width:"inherit",height:"inherit",maxWidth:h||"auto",id:m})]})};function X({altText:t,className:c,imageRef:r,src:g,width:w,height:f,maxWidth:m,id:p}){const[x,h]=n.useState(!1);return u.jsx("img",{className:`${c||void 0} ${x?"":"loading"}`,src:g,alt:t,ref:r,style:{height:f,maxWidth:m,width:w},onLoad:()=>{g.includes("splash")?setTimeout(()=>{h(!0)},100):h(!0)},draggable:"false","data-id":p})}function Z({src:t,altText:c,nodeKey:r,width:g,height:w,maxWidth:f,showCaption:m,caption:p,id:x,create:h,alignment:k}){var q,U;const $=n.useRef(null),[N,I]=n.useState(!0),[l]=Y.useLexicalComposerContext(),[C,L]=n.useState(!0),[d,M]=n.useState({width:0,height:0}),{start:B,cancel:D}=o.useCancelUpload(),[H,j]=n.useState(0),{fetchUploadMedia:W,fetchDeleteMedia:O,maxFileSize:ee}=n.useContext(o.Context),E=o.mediaMap.has(t)&&(((q=o.mediaMap.get(t))==null?void 0:q.mediaNodeKeys.length)===0||((U=o.mediaMap.get(t))==null?void 0:U.mediaNodeKeys.length)===void 0||t.trim()===""),{t:v}=V.useTranslation(),[te,T]=n.useState(0);n.useEffect(()=>l.registerDecoratorListener(()=>{T(e=>e+1)}),[E]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){I(!1);return}const e=new Image;e.src=t,e.onload=()=>I(!1),e.onerror=()=>{I(!1)}},[t,E]);const F=(e,s)=>{l.update(()=>{S.$setSelection(null);const i=S.$getNodeByKey(r);o.$isImageNode(i)&&i.setWidthAndHeight(e,s)})},{historyState:P}=o.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:R}}=o.useSettings(),[b,y]=n.useState(!1);function G(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function K(e){return new Promise((s,i)=>{if(G(e)){s(0);return}const a=new Image;a.src=e,a.onload=()=>{s(a.width)},a.onerror=()=>{i(new Error("Failed to load image"))}})}n.useEffect(()=>{h&&y(!0)},[h]),n.useEffect(()=>{let e=g,s=w,i=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&K(t).then(a=>{typeof e=="number"&&e<i&&a<i?(L(!0),M({width:e,height:s})):a<i?(L(!0),M({width:"auto",height:"auto"})):(M({width:a,height:a}),L(!1))}).catch(a=>{console.warn("Ошибка при загрузке изображения:",a.message)})},[t,E]),n.useEffect(()=>{d.width&&d.height&&C&&l.update(()=>{const e=S.$getNodeByKey(r);o.$isImageNode(e)&&e.setWidthAndHeight(d.width,d.height)})},[d.width,d.height,C]),n.useEffect(()=>{const e=document.documentElement;o.toggleLockScroll(b,e)},[b]),n.useEffect(()=>l.registerCommand(o.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&A(e),!1),S.COMMAND_PRIORITY_LOW),[t,N]);const z=(e,s)=>{I(!1),l.update(()=>{const i=S.$getNodeByKey(r);o.$isImageNode(i)&&(i.setSrc(e),i.setId(s))})},A=e=>{I(!0);const s=B();W&&W(e[0],(i,a)=>{z(i,a),j(0)},i=>{i&&Q.showErrorNotification({message:v("editor.gallery.errorFile")}),j(0),z("","")},s,i=>{j(i)})};return!t||t==="upload"?u.jsx(o.ImagePicker,{uploading:!1,onUpload:e=>{!W||!e.length||(A(e),y(!1))},popoverProps:{opened:b,position:"bottom",onChange:y},onChange:e=>{y(!1),l.update(()=>{const s=S.$getNodeByKey(r);o.$isImageNode(s)&&s.setSrc(e)})},children:u.jsx(o.EmptyNodeButton,{title:v("editor.image.add_photo"),icon:"photo",onClick:()=>y(!b),isLoading:N,progress:H,onAfterCancel:()=>{D(),I(!1)}})}):C?u.jsx(_,{width:d.width,height:d.height,isLoading:N,isError:!1,isIcon:C,src:t,id:x,editor:l,nodeKey:r,fetchDeleteMedia:O,altText:c,imageRef:$,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:P,showNestedEditorTreeView:R,t:v}):u.jsx(o.ResizableContainer,{editor:l,isIcon:C,width:o.parseContainerSize(g),height:o.parseContainerSize(w),initialWidth:d.width||"",initialHeight:d.height||"",onResizeEnd:F,alignment:k,children:u.jsx(_,{width:"inherit",height:"inherit",isLoading:N,isError:!1,isIcon:C,src:t,id:x,editor:l,nodeKey:r,fetchDeleteMedia:O,altText:c,imageRef:$,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:P,showNestedEditorTreeView:R,t:v})})}exports.default=Z;