@layers-app/editor 0.7.76 → 0.7.77

package/dist/layers.CsrLvgX4.js

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

package/dist/layers.P_gm5rWf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),T=require("react-dom"),u=require("./layers.Cl2HiRZ8.js"),$=require("@lexical/react/LexicalComposerContext"),R=require("@lexical/react/LexicalErrorBoundary"),H=require("@lexical/react/useLexicalEditable"),h=require("@mantine/core"),b=require("lexical"),F=require("./layers.R8mPlCA0.js");function P({equation:s,inline:a,onDoubleClick:c}){const r=o.useRef(null);return o.useEffect(()=>{const d=r.current;d!==null&&F.default.render(s,d,{displayMode:!a,errorColor:"#cc0000",output:"html",strict:"warn",throwOnError:!1,trust:!1})},[s,a]),n.jsxs(n.Fragment,{children:[n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""}),n.jsx("span",{role:"button",tabIndex:-1,onDoubleClick:c,ref:r}),n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""})]})}let I=!1;const N=new Map;function z(s){I||(I=!0,s.registerCommand(u.OPEN_EQUATION_POPUP_COMMAND,a=>{const c=N.get(a);return c?(c(),!0):!1},b.COMMAND_PRIORITY_EDITOR))}function G({equation:s,inline:a,nodeKey:c}){const[r]=$.useLexicalComposerContext(),d=H.useLexicalEditable(),p=o.useRef(null),_=o.useRef(null),[A,C]=o.useState(s),[l,f]=o.useState(!1),[v,L]=o.useState({top:0,left:0}),[S,y]=o.useState(!1),E=o.useCallback(()=>{const e=p.current;if(!e)return;const i=(e.closest(".editor-equation")||e).getBoundingClientRect();L({top:i.bottom+18,left:i.left}),y(!0)},[]);o.useEffect(()=>{z(r)},[r]),o.useEffect(()=>{const e=()=>{d&&f(!0)};return N.set(c,e),()=>{N.delete(c)}},[d,c]);const m=o.useCallback(()=>{if(d){if(l){f(!1);return}E(),f(!0)}},[d,l,E]),q=o.useCallback(()=>{const e=A.trim();r.update(()=>{const t=b.$getNodeByKey(c);if(u.$isEquationNode(t)){if(t.isInline&&t.isInline()&&e===""){t.remove();return}t.setEquation(e)}}),f(!1)},[r,c,A]),j=o.useCallback(()=>{if(!s&&a){r.update(()=>{const e=b.$getNodeByKey(c);u.$isEquationNode(e)&&e.remove()}),f(!1);return}C(s),s&&f(!1)},[r,s,a,c]);o.useEffect(()=>{l||C(s)},[s,l]),o.useEffect(()=>{if(!l){u.unblockScroll(r.getRootElement()),y(!1);return}u.blockScroll(r.getRootElement()),E();const e=window.requestAnimationFrame(()=>{const t=_.current;if(!t)return;const i=t.value.length;t.focus(),t.setSelectionRange(i,i)});return()=>{window.cancelAnimationFrame(e),u.unblockScroll(r.getRootElement())}},[l,E]),o.useEffect(()=>{if(!l)return;const e=t=>{const i=t.target,g=p.current,w=document.querySelector(".equation-block__popup");i&&(g!=null&&g.contains(i)||w instanceof HTMLElement&&w.contains(i))||(a&&!A.trim()&&r.update(()=>{const B=b.$getNodeByKey(c);u.$isEquationNode(B)&&B.remove()}),f(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,a,l,c,A]);const x=(l?A:s).trim(),k=x.length>0;o.useEffect(()=>{const e=p.current;if(!e)return;const t=e.closest(".editor-equation"),i=x;if(t){if(!i){t.removeAttribute("data-lexical-equation");return}try{const g=btoa(unescape(encodeURIComponent(i)));t.setAttribute("data-lexical-equation",g)}catch{t.setAttribute("data-lexical-equation",i)}}},[x]);const O=a&&!d?n.jsx("span",{className:"equation-inline-trigger",children:n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(P,{equation:s,inline:a,onDoubleClick:m})})}):a?n.jsx("span",{className:`equation-inline-trigger${k?"":" equation-inline-trigger--empty"}`,onClick:m,ref:p,children:k?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(P,{equation:x,inline:a,onDoubleClick:m})}):n.jsxs("span",{className:"equation-inline-placeholder",children:[n.jsx(u.HugeiconsIcon,{icon:u.c4,size:24}),n.jsx("span",{children:"New equation"})]})}):n.jsx("div",{className:"equation-block",ref:p,children:n.jsx("div",{className:"equation-block__container",onClick:m,style:{cursor:d?"pointer":"default"},children:k?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(P,{equation:x,inline:a,onDoubleClick:m})}):n.jsx("div",{className:"equation-block__placeholder",children:"Add a TeX equation"})})}),D=o.useCallback(e=>{e.stopPropagation(),C(e.currentTarget.value)},[]),M=o.useCallback(u.createPopupKeyDownHandler({onConfirm:q,onCancel:j}),[q,j]);return n.jsxs(n.Fragment,{children:[O,l&&S&&T.createPortal(n.jsx("div",{className:"equation-block__popup",style:{position:"fixed",top:v.top,left:v.left,zIndex:400},children:n.jsxs("div",{className:"equation-block__editor",children:[n.jsx(h.Textarea,{autosize:!0,minRows:2,variant:"unstyled",value:A,onChange:D,onKeyDown:M,placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper"},autoFocus:!0,ref:_}),n.jsxs(h.Group,{justify:"flex-end",gap:"sm",children:[n.jsx(h.Button,{variant:"subtle",color:"gray",onClick:j,children:"Cancel"}),n.jsx(h.Button,{onClick:q,children:"Save"})]})]})}),document.body)]})}exports.default=G;

package/dist/layers.fV5NT3eO.js

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