@layers-app/editor 0.3.10 → 0.3.11

package/dist/{layers.B1OkrScy.js → layers.VK3NB7Nd.js}

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