@layers-app/editor 0.1.11 → 0.1.13

package/dist/layers.B5IwVcRk.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.Dbbm6JQn.js");require("./layers.Cnebch-O.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;

package/dist/layers.CBNU2UPM.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react"),B=require("react-i18next"),t=require("./layers.B4x6UszA.js"),j=require("@mantine/core"),V=require("@tabler/icons-react"),q=s=>{const{width:f,height:a,isLoading:c,isError:h,src:p,id:m,altText:x,imageRef:v,maxWidth:C}=s;return l.jsxs("div",{className:"media-wrapper",style:{width:f,height:a,display:"inline-flex",position:"relative"},children:[l.jsx(j.LoadingOverlay,{visible:c,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),l.jsx(j.LoadingOverlay,{visible:h,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{children:l.jsx(j.Flex,{bg:"white",maw:300,justify:"center",children:l.jsx(j.Alert,{variant:"light",color:"red",title:"Ошибка загрузки",icon:l.jsx(V.IconInfoCircle,{}),children:"Попробуйте загрузить заново."})})}}),l.jsx(J,{className:null,src:p,altText:x,imageRef:v,width:"inherit",height:"inherit",maxWidth:C||"auto",id:m})]})};function J({altText:s,className:f,imageRef:a,src:c,width:h,height:p,maxWidth:m,id:x}){return l.jsx("img",{className:f||void 0,src:c,alt:s,ref:a,style:{height:p,maxWidth:m,width:h},draggable:"false","data-id":x})}function Q({src:s,altText:f,nodeKey:a,width:c,height:h,maxWidth:p,showCaption:m,caption:x,id:v,create:C,alignment:F}){const A=d.useRef(null),[H,g]=d.useState(!1),{isCollabActive:L}=t.l(),[r]=t.o(),[I,N]=d.useState(!0),[u,w]=d.useState({width:0,height:0}),{start:T,cancel:U}=t.useCancelUpload(),{fetchUploadMedia:S,fetchDeleteMedia:O,maxFileSize:X}=d.useContext(t.Context),{t:M}=B.useTranslation(),_=(e,n)=>{r.update(()=>{t.ms(null);const i=t.us(a);t.$isImageNode(i)&&i.setWidthAndHeight(e,n)})},{historyState:P}=t.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:R}}=t.useSettings(),[E,b]=d.useState(!1);function $(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function G(e){return new Promise((n,i)=>{if($(e)){n(0);return}const o=new Image;o.src=e,o.onload=()=>{n(o.width)},o.onerror=()=>{i(new Error("Failed to load image"))}})}d.useEffect(()=>{C&&b(!0)},[C]);const W=d.useCallback(e=>{!s||!s.includes("upload-src-editor")||(g(!0),r.update(()=>{S&&S(e,(n,i)=>{z(n,i)},()=>{z("","")})}))},[r,s,a,S,g]);d.useEffect(()=>{const e=r.registerCommand(t.UPLOAD_IMAGE_COMMAND,n=>(s==="upload-src-editor"&&W(n),!1),t.Ii);return()=>{e()}},[r,s,W]),d.useEffect(()=>{let e=c,n=h,i=100;!s||s.includes("upload-src-editor")||G(s).then(o=>{typeof e=="number"&&e<i&&o<i?(N(!0),w({width:e,height:n})):o<i?(N(!0),w({width:"auto",height:"auto"})):(w({width:o,height:o}),N(!1))})},[s]),d.useEffect(()=>{u.width&&u.height&&I&&r.update(()=>{const e=t.us(a);t.$isImageNode(e)&&e.setWidthAndHeight(u.width,u.height)})},[u.width,u.height,I]);const z=(e,n)=>{g(!1),r.update(()=>{const i=t.us(a);if(!i)return;t.$isImageNode(i)&&(i.setSrc(e),i.setId(n));const o=i.getNextSibling();o&&t.ms(o.selectNext())})};return d.useEffect(()=>{const e=document.documentElement;t.toggleLockScroll(E,e)},[E]),!s||s.includes("upload-src-editor")?l.jsx(t.ImagePicker,{uploading:!1,onUpload:e=>{if(!S||!e.length)return;g(!0);const n=T();e.forEach((i,o)=>{S(i,(k,D)=>{o===0?r.update(()=>{const y=t.us(a);t.$isImageNode(y)&&(y.setSrc(k),y.setId(D))}):r.dispatchCommand(t.INSERT_IMAGE_COMMAND,{altText:"",src:k,id:D}),g(!1)},()=>{g(!1)},n)}),b(!1)},popoverProps:{opened:E,position:"bottom",onChange:b},onChange:e=>{b(!1),r.update(()=>{const n=t.us(a);t.$isImageNode(n)&&n.setSrc(e)})},children:l.jsx(t.EmptyNodeButton,{title:M("editor.image.add_photo"),icon:"photo",onClick:()=>b(!E),nodeKey:a,isLoading:H,onAfterCancel:()=>{U(),g(!1)}})}):I?l.jsx(q,{width:u.width,height:u.height,isLoading:!1,isError:!1,isIcon:I,src:s,id:v,editor:r,nodeKey:a,fetchDeleteMedia:O,altText:f,imageRef:A,maxWidth:p,showCaption:m,caption:x,isCollabActive:L,historyState:P,showNestedEditorTreeView:R,t:M}):l.jsx(t.ResizableContainer,{editor:r,isIcon:I,width:typeof c=="string"&&c.includes("%")?parseFloat(c):c,height:typeof h=="string"&&h.includes("%")?parseFloat(h):c,initialWidth:u.width||"",initialHeight:u.height||"",onResizeEnd:_,alignment:F,children:l.jsx(q,{width:"inherit",height:"inherit",isLoading:!1,isError:!1,isIcon:I,src:s,id:v,editor:r,nodeKey:a,fetchDeleteMedia:O,altText:f,imageRef:A,maxWidth:p,showCaption:m,caption:x,isCollabActive:L,historyState:P,showNestedEditorTreeView:R,t:M})})}exports.default=Q;