@layers-app/editor 0.7.83 → 0.7.84

package/dist/layers.C8TQ_Dv4.js

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

package/dist/layers.CB75UiZo.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"),d=require("./layers.Bv1lCF-z.js"),$=require("@lexical/react/LexicalComposerContext"),R=require("@lexical/react/LexicalErrorBoundary"),H=require("@lexical/react/useLexicalEditable"),E=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 l=r.current;l!==null&&F.default.render(s,l,{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(d.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(),l=H.useLexicalEditable(),p=o.useRef(null),_=o.useRef(null),[A,C]=o.useState(s),[u,f]=o.useState(!1),[v,L]=o.useState({top:0,left:0}),[O,y]=o.useState(!1),g=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=()=>{l&&f(!0)};return N.set(c,e),()=>{N.delete(c)}},[l,c]);const m=o.useCallback(()=>{if(l){if(u){f(!1);return}g(),f(!0)}},[l,u,g]),q=o.useCallback(()=>{const e=A.trim();r.update(()=>{const t=b.$getNodeByKey(c);if(d.$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);d.$isEquationNode(e)&&e.remove()}),f(!1);return}C(s),s&&f(!1)},[r,s,a,c]);o.useEffect(()=>{u||C(s)},[s,u]),o.useEffect(()=>{if(!u){y(!1);return}d.blockScroll(),g();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),d.unblockScroll()}},[u,g]),o.useEffect(()=>{if(!u)return;const e=t=>{const i=t.target,h=p.current,w=document.querySelector(".equation-block__popup");i&&(h!=null&&h.contains(i)||w instanceof HTMLElement&&w.contains(i))||(a&&!A.trim()&&r.update(()=>{const B=b.$getNodeByKey(c);d.$isEquationNode(B)&&B.remove()}),f(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,a,u,c,A]);const x=(u?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 h=btoa(unescape(encodeURIComponent(i)));t.setAttribute("data-lexical-equation",h)}catch{t.setAttribute("data-lexical-equation",i)}}},[x]);const S=a&&!l?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(d.HugeiconsIcon,{icon:d.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:l?"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(d.createPopupKeyDownHandler({onConfirm:q,onCancel:j}),[q,j]);return n.jsxs(n.Fragment,{children:[S,u&&O&&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(E.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(E.Group,{justify:"flex-end",gap:"sm",children:[n.jsx(E.Button,{variant:"subtle",color:"gray",onClick:j,children:"Cancel"}),n.jsx(E.Button,{onClick:q,children:"Save"})]})]})}),document.body)]})}exports.default=G;

package/dist/layers.C_Lk-uQl.js

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

package/dist/layers.CeDMoJEe.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.Bb8Jgj7K.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

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

package/dist/layers.Ctt-_Ctv.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),B=require("@lexical/react/LexicalComposerContext"),P=require("@lexical/react/useLexicalEditable"),Y=require("@lexical/react/useLexicalNodeSelection"),W=require("@lexical/utils"),a=require("lexical"),c=require("./layers.Bv1lCF-z.js"),v=require("./layers.B0ERvBXd.js"),F=require("react-i18next"),C=require("@mantine/core"),G=require("@tabler/icons-react");function H({imageContainerRef:n,editor:u,rootClassName:S=null,width:N="inherit",height:h="inherit",nodeKey:e,alignment:E,setModalOpen:d,previewSVG:M}){const O=i.useMemo(()=>M??"",[M]),[f,j]=i.useState(!1),{t:x}=F.useTranslation(),b=(r,m)=>{u.update(()=>{a.$setSelection(null);const g=a.$getNodeByKey(e);return c.$isExcalidrawNode(g)&&g.setWidthAndHeight(r,m),!0})},I=()=>{c.deleteNode(u,e)};return s.jsx(c.ResizableContainer,{editor:u,isIcon:!1,isEmbed:!0,width:c.parseContainerSize(N),height:c.parseContainerSize(h),onResizeEnd:b,alignment:E,children:s.jsxs(C.Box,{className:"media-wrapper excaildraw",children:[s.jsxs("div",{className:"media-actions",children:[s.jsx(C.Tooltip,{label:x("editor.link.edit"),children:s.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:()=>{d(!0)},children:s.jsx(G.IconEdit,{size:14})})}),s.jsx(c.AlignmentImage,{opened:f,setOpened:j,t:x,editor:u,nodeKey:e}),s.jsx(C.Tooltip,{label:x("editor.actions.delete"),children:s.jsx(C.ActionIcon,{color:"gray","aria-label":"Settings",className:"media-action",variant:"default",size:24,onClick:I,children:s.jsx(c.Icon,{name:"trash",size:"14"})})})]}),s.jsx(C.Box,{w:"100%",ref:r=>{r&&n&&(n.current=r)},className:S??"",dangerouslySetInnerHTML:{__html:O}})]})})}function V({nodeKey:n,data:u,width:S,height:N,alignment:h}){var q;const[e]=B.useLexicalComposerContext(),E=P.useLexicalEditable(),d=i.useMemo(()=>v.parseExcalidrawData(u),[u]),M=((q=d==null?void 0:d.elements)==null?void 0:q.length)===0&&!d.previewSVG,[O,f]=i.useState(M&&e.isEditable()),[j,x]=i.useState(!1),b=i.useRef(null),I=i.useRef(null),r=i.useRef(null),[m,g,R]=Y.useLexicalNodeSelection(n),w=i.useCallback(t=>(m&&(t.preventDefault(),e.update(()=>{const o=a.$getNodeByKey(n);o&&o.remove()})),!1),[e,m,n]);i.useEffect(()=>{if(!E){m&&R();return}return W.mergeRegister(e.registerCommand(a.CLICK_COMMAND,t=>{const o=I.current,p=t.target;return o!==null&&o.contains(p)?(t.shiftKey||R(),g(!m),t.detail>1&&f(!0),!0):!1},a.COMMAND_PRIORITY_LOW),e.registerCommand(a.KEY_DELETE_COMMAND,w,a.COMMAND_PRIORITY_LOW),e.registerCommand(a.KEY_BACKSPACE_COMMAND,w,a.COMMAND_PRIORITY_LOW))},[R,e,m,w,g,E]);const y=i.useCallback(()=>(f(!1),e.update(()=>{const t=a.$getNodeByKey(n);t&&t.remove()})),[e,n]),L=(t,o,p,A)=>e.update(()=>{const D=a.$getNodeByKey(n);c.$isExcalidrawNode(D)&&(t&&t.length>0||Object.keys(p).length>0?D.setData(JSON.stringify({appState:o,elements:t,files:p,previewSVG:A})):D.remove())}),{elements:l=[],files:k={},appState:T={},previewSVG:$}=d,_=i.useCallback(()=>{f(!1),x(!1),r.current=!1,(l==null?void 0:l.length)===0&&e.update(()=>{const t=a.$getNodeByKey(n);t&&t.remove()})},[e,n,l==null?void 0:l.length]),z=i.useCallback(()=>{r.current?x(!0):_()},[]);return s.jsxs(s.Fragment,{children:[s.jsx(v.ConfirmModal,{isCloseModal:j,confirmClose:_,setCloseModalOpen:x}),s.jsx(v.ExcalidrawModal,{initialElements:l,isEdited:r,initialFiles:k,initialAppState:T,isShown:O,onDelete:y,onClose:z,onSave:(t,o,p,A)=>{L(t,o,p,A),f(!1)},closeOnClickOutside:!1}),(l==null?void 0:l.length)&&s.jsx("div",{style:{display:"flex",justifyContent:h},children:s.jsx(H,{imageContainerRef:b,className:"image",width:S,height:N,editor:e,nodeKey:n,alignment:h,setModalOpen:f,previewSVG:$})})]})}exports.default=V;

package/dist/layers.D2OO7X53.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.EZcPBpsu.js";
-import "./layers.CPwsy2AR.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.DFyvC6U-.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),P=require("@lexical/react/LexicalComposerContext"),v=require("@lexical/react/LexicalErrorBoundary"),y=require("@lexical/react/LexicalNestedComposer"),$=require("@lexical/react/LexicalRichTextPlugin"),k=require("@lexical/react/useLexicalNodeSelection"),q=require("@lexical/utils"),t=require("lexical"),x=require("./layers.Bv1lCF-z.js"),Y=require("@mantine/core");function w({children:n,className:l}){return e.jsx("div",{className:l||"Placeholder__root",children:n})}function B({label:n,value:l,onChange:o,placeholder:C="","data-test-id":i,type:d="text"}){return e.jsx(Y.TextInput,{type:d,placeholder:C,value:l,onChange:c=>{o(c.target.value)},label:n,"data-test-id":i,mb:10})}const b=new Set;function W(n){if(!b.has(n))throw new Promise(l=>{const o=new Image;o.src=n,o.onload=()=>{b.add(n),l(null)}})}function F({altText:n,className:l,imageRef:o,src:C,width:i,height:d,position:c}){return W(C),e.jsx("img",{className:l||void 0,src:C,alt:n,ref:o,"data-position":c,style:{display:"block",height:d,width:i},draggable:"false"})}function A({activeEditor:n,nodeKey:l,onClose:o}){const i=n.getEditorState().read(()=>t.$getNodeByKey(l)),[d,c]=s.useState(i.getAltText()),[h,S]=s.useState(i.getShowCaption()),[_,N]=s.useState(i.getPosition()),p=m=>{S(m.target.checked)},g=()=>{const m={altText:d,position:_,showCaption:h};i&&n.update(()=>{i.update(m)}),o()};return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{marginBottom:"1em"},children:e.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:c,value:d,"data-test-id":"image-modal-alt-text-input"})}),e.jsxs("div",{className:"Input__wrapper",children:[e.jsx("input",{id:"caption",type:"checkbox",checked:h,onChange:p}),e.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),e.jsx(x.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>g(),children:"Применить"})]})}function K({src:n,altText:l,nodeKey:o,width:C,height:i,showCaption:d,caption:c,position:h}){const[S,_]=x.useModal(),N=s.useRef(null),p=s.useRef(null),[g,m,M]=k.useLexicalNodeSelection(o),[a]=P.useLexicalComposerContext(),[D,L]=s.useState(null),O=s.useRef(null),E=s.useCallback(u=>{if(g&&t.$isNodeSelection(t.$getSelection())){u.preventDefault();const r=t.$getNodeByKey(o);x.$isInlineImageNode(r)&&r.remove()}return!1},[g,o]),R=s.useCallback(u=>{const f=t.$getSelection(),r=p.current;if(g&&t.$isNodeSelection(f)&&f.getNodes().length===1){if(d)return t.$setSelection(null),u.preventDefault(),c.focus(),!0;if(r!==null&&r!==document.activeElement)return u.preventDefault(),r.focus(),!0}return!1},[c,g,d]),j=s.useCallback(u=>O.current===c||p.current===u.target?(t.$setSelection(null),a.update(()=>{m(!0);const f=a.getRootElement();f!==null&&f.focus()}),!0):!1,[c,a,m]);s.useEffect(()=>{let u=!0;const f=q.mergeRegister(a.registerUpdateListener(({editorState:r})=>{u&&L(r.read(()=>t.$getSelection()))}),a.registerCommand(t.SELECTION_CHANGE_COMMAND,(r,I)=>(O.current=I,!1),t.COMMAND_PRIORITY_LOW),a.registerCommand(t.CLICK_COMMAND,r=>{const I=r;return I.target===N.current?(I.shiftKey?m(!g):(M(),m(!0)),!0):!1},t.COMMAND_PRIORITY_LOW),a.registerCommand(t.DRAGSTART_COMMAND,r=>r.target===N.current?(r.preventDefault(),!0):!1,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_DELETE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_BACKSPACE_COMMAND,E,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ENTER_COMMAND,R,t.COMMAND_PRIORITY_LOW),a.registerCommand(t.KEY_ESCAPE_COMMAND,j,t.COMMAND_PRIORITY_LOW));return()=>{u=!1,f()}},[M,a,g,o,E,R,j,m]);const T=g;return e.jsxs(s.Suspense,{fallback:null,children:[e.jsxs(e.Fragment,{children:[e.jsxs("div",{draggable:!1,children:[e.jsx("button",{className:"image-edit-button",ref:p,onClick:()=>{_("Update Inline Image",u=>e.jsx(A,{activeEditor:a,nodeKey:o,onClose:u}))},children:"Edit"}),e.jsx(F,{className:T?`focused ${t.$isNodeSelection(D)?"draggable":""}`:null,src:n,altText:l,imageRef:N,width:C,height:i,position:h})]}),d&&e.jsx("div",{className:"image-caption-container",children:e.jsxs(y.LexicalNestedComposer,{initialEditor:c,children:[e.jsx(x.LinkPlugin,{}),e.jsx(x.FloatingTextFormatToolbarPlugin,{}),e.jsx($.RichTextPlugin,{contentEditable:e.jsx(x.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:e.jsx(w,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:v.LexicalErrorBoundary})]})})]}),S]})}exports.UpdateInlineImageDialog=A;exports.default=K;

package/dist/layers.WstL4TGY.js

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

package/dist/layers.bX0Yr8Xh.js

@@ -1,271 +0,0 @@
-import { jsx as e, jsxs as p, Fragment as k } from "react/jsx-runtime";
-import { useRef as b, useState as S, useCallback as M, useEffect as F, Suspense as $ } from "react";
-import { useLexicalComposerContext as Y } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as K } from "@lexical/react/LexicalErrorBoundary";
-import { LexicalNestedComposer as U } from "@lexical/react/LexicalNestedComposer";
-import { RichTextPlugin as j } from "@lexical/react/LexicalRichTextPlugin";
-import { useLexicalNodeSelection as G } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as z } from "@lexical/utils";
-import { $isNodeSelection as A, $getSelection as v, $getNodeByKey as w, $setSelection as O, SELECTION_CHANGE_COMMAND as H, COMMAND_PRIORITY_LOW as g, CLICK_COMMAND as W, DRAGSTART_COMMAND as q, KEY_DELETE_COMMAND as J, KEY_BACKSPACE_COMMAND as Q, KEY_ENTER_COMMAND as V, KEY_ESCAPE_COMMAND as X } from "lexical";
-import { r as Z, s as ee, L as te, F as ne, t as oe, B as re } from "./layers.1yxNCo9-.js";
-import { TextInput as ae } from "@mantine/core";
-function le({
-  children: t,
-  className: a
-}) {
-  return /* @__PURE__ */ e("div", { className: a || "Placeholder__root", children: t });
-}
-function ie({
-  label: t,
-  value: a,
-  onChange: n,
-  placeholder: f = "",
-  "data-test-id": l,
-  type: c = "text"
-}) {
-  return /* @__PURE__ */ e(
-    ae,
-    {
-      type: c,
-      placeholder: f,
-      value: a,
-      onChange: (i) => {
-        n(i.target.value);
-      },
-      label: t,
-      "data-test-id": l,
-      mb: 10
-    }
-  );
-}
-const P = /* @__PURE__ */ new Set();
-function se(t) {
-  if (!P.has(t))
-    throw new Promise((a) => {
-      const n = new Image();
-      n.src = t, n.onload = () => {
-        P.add(t), a(null);
-      };
-    });
-}
-function ce({
-  altText: t,
-  className: a,
-  imageRef: n,
-  src: f,
-  width: l,
-  height: c,
-  position: i
-}) {
-  return se(f), /* @__PURE__ */ e(
-    "img",
-    {
-      className: a || void 0,
-      src: f,
-      alt: t,
-      ref: n,
-      "data-position": i,
-      style: {
-        display: "block",
-        height: c,
-        width: l
-      },
-      draggable: "false"
-    }
-  );
-}
-function ue({
-  activeEditor: t,
-  nodeKey: a,
-  onClose: n
-}) {
-  const l = t.getEditorState().read(
-    () => w(a)
-  ), [c, i] = S(l.getAltText()), [h, I] = S(l.getShowCaption()), [_, E] = S(l.getPosition()), C = (d) => {
-    I(d.target.checked);
-  }, u = () => {
-    const d = { altText: c, position: _, showCaption: h };
-    l && t.update(() => {
-      l.update(d);
-    }), n();
-  };
-  return /* @__PURE__ */ p(k, { children: [
-    /* @__PURE__ */ e("div", { style: { marginBottom: "1em" }, children: /* @__PURE__ */ e(
-      ie,
-      {
-        label: "Alt-текст",
-        placeholder: "Альтернативный текст",
-        onChange: i,
-        value: c,
-        "data-test-id": "image-modal-alt-text-input"
-      }
-    ) }),
-    /* @__PURE__ */ p("div", { className: "Input__wrapper", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          id: "caption",
-          type: "checkbox",
-          checked: h,
-          onChange: C
-        }
-      ),
-      /* @__PURE__ */ e("label", { htmlFor: "caption", children: "Show Caption" })
-    ] }),
-    /* @__PURE__ */ e(
-      re,
-      {
-        "data-test-id": "image-modal-file-upload-btn",
-        onClick: () => u(),
-        children: "Применить"
-      }
-    )
-  ] });
-}
-function xe({
-  src: t,
-  altText: a,
-  nodeKey: n,
-  width: f,
-  height: l,
-  showCaption: c,
-  caption: i,
-  position: h
-}) {
-  const [I, _] = Z(), E = b(null), C = b(null), [u, d, D] = G(n), [r] = Y(), [y, B] = S(null), T = b(null), x = M(
-    (s) => {
-      if (u && A(v())) {
-        s.preventDefault();
-        const o = w(n);
-        ee(o) && o.remove();
-      }
-      return !1;
-    },
-    [u, n]
-  ), L = M(
-    (s) => {
-      const m = v(), o = C.current;
-      if (u && A(m) && m.getNodes().length === 1) {
-        if (c)
-          return O(null), s.preventDefault(), i.focus(), !0;
-        if (o !== null && o !== document.activeElement)
-          return s.preventDefault(), o.focus(), !0;
-      }
-      return !1;
-    },
-    [i, u, c]
-  ), R = M(
-    (s) => T.current === i || C.current === s.target ? (O(null), r.update(() => {
-      d(!0);
-      const m = r.getRootElement();
-      m !== null && m.focus();
-    }), !0) : !1,
-    [i, r, d]
-  );
-  return F(() => {
-    let s = !0;
-    const m = z(
-      r.registerUpdateListener(({ editorState: o }) => {
-        s && B(o.read(() => v()));
-      }),
-      r.registerCommand(
-        H,
-        (o, N) => (T.current = N, !1),
-        g
-      ),
-      r.registerCommand(
-        W,
-        (o) => {
-          const N = o;
-          return N.target === E.current ? (N.shiftKey ? d(!u) : (D(), d(!0)), !0) : !1;
-        },
-        g
-      ),
-      r.registerCommand(
-        q,
-        (o) => o.target === E.current ? (o.preventDefault(), !0) : !1,
-        g
-      ),
-      r.registerCommand(
-        J,
-        x,
-        g
-      ),
-      r.registerCommand(
-        Q,
-        x,
-        g
-      ),
-      r.registerCommand(V, L, g),
-      r.registerCommand(
-        X,
-        R,
-        g
-      )
-    );
-    return () => {
-      s = !1, m();
-    };
-  }, [
-    D,
-    r,
-    u,
-    n,
-    x,
-    L,
-    R,
-    d
-  ]), /* @__PURE__ */ p($, { fallback: null, children: [
-    /* @__PURE__ */ p(k, { children: [
-      /* @__PURE__ */ p("div", { draggable: !1, children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "image-edit-button",
-            ref: C,
-            onClick: () => {
-              _("Update Inline Image", (s) => /* @__PURE__ */ e(
-                ue,
-                {
-                  activeEditor: r,
-                  nodeKey: n,
-                  onClose: s
-                }
-              ));
-            },
-            children: "Edit"
-          }
-        ),
-        /* @__PURE__ */ e(
-          ce,
-          {
-            className: u ? `focused ${A(y) ? "draggable" : ""}` : null,
-            src: t,
-            altText: a,
-            imageRef: E,
-            width: f,
-            height: l,
-            position: h
-          }
-        )
-      ] }),
-      c && /* @__PURE__ */ e("div", { className: "image-caption-container", children: /* @__PURE__ */ p(U, { initialEditor: i, children: [
-        /* @__PURE__ */ e(te, {}),
-        /* @__PURE__ */ e(ne, {}),
-        /* @__PURE__ */ e(
-          j,
-          {
-            contentEditable: /* @__PURE__ */ e(oe, { className: "InlineImageNode__contentEditable" }),
-            placeholder: /* @__PURE__ */ e(le, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),
-            ErrorBoundary: K
-          }
-        )
-      ] }) })
-    ] }),
-    I
-  ] });
-}
-export {
-  ue as UpdateInlineImageDialog,
-  xe as default
-};

package/dist/layers.m2j8Vtrg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),p=require("@lexical/react/LexicalComposerContext"),C=require("lexical"),l=require("./layers.Bv1lCF-z.js"),u=require("./layers.B0ERvBXd.js"),f=C.createCommand("INSERT_EXCALIDRAW_COMMAND");function A(){const[s]=p.useLexicalComposerContext(),[x,n]=t.useState(!1),[e,E]=t.useState(null),r=t.useRef(null),[M,i]=t.useState(!1);t.useEffect(()=>{if(!s.hasNodes([l.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return s.registerCommand(f,()=>{n(!0);const a=l.getCurrentElement();return E(a),!0},C.COMMAND_PRIORITY_EDITOR)},[s]);const c=()=>{n(!1),i(!1),r.current=!1},m=()=>{r.current?i(!0):c()},O=()=>{n(!1)},N=(a,S,R,g)=>{s.update(()=>{const d=l.$createExcalidrawNode();d.setData(JSON.stringify({appState:S,elements:a,files:R,previewSVG:g})),e&&e.getParent()&&(e==null||e.replace(d))}),n(!1)};return o.jsxs(o.Fragment,{children:[o.jsx(u.ConfirmModal,{isCloseModal:M,confirmClose:c,setCloseModalOpen:i}),o.jsx(u.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:x,onDelete:O,onClose:m,onSave:N,closeOnClickOutside:!1,isEdited:r})]})}exports.INSERT_EXCALIDRAW_COMMAND=f;exports.default=A;