@layers-app/editor 0.0.14 → 0.0.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "scripts": {
     "start": "vite --mode full",
@@ -25,7 +25,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@layers-app/shared": "^0.0.23",
+    "@layers-app/shared": "^0.0.24",
     "@lexical/headless": "0.21.0",
     "@lexical/markdown": "0.21.0",
     "@lexical/react": "0.21.0",
@@ -40,11 +40,11 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",
-    "@mantine/core": "^7.16.2",
-    "@mantine/dropzone": "^7.16.2",
-    "@mantine/form": "^7.16.2",
-    "@mantine/hooks": "^7.16.2",
-    "@mantine/modals": "^7.16.2",
+    "@mantine/core": "^7.17.2",
+    "@mantine/dropzone": "^7.17.2",
+    "@mantine/form": "^7.17.2",
+    "@mantine/hooks": "^7.17.2",
+    "@mantine/modals": "^7.17.2",
     "@rollup/plugin-typescript": "^11.1.6",
     "@tabler/icons-react": "^3.7.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",
@@ -84,15 +84,16 @@
     "vite-plugin-commonjs": "^0.10.1",
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-dts": "^4.0.0-beta.1",
+    "vite-plugin-static-copy": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0",
     "zustand": "^4.5.4"
   },
   "peerDependencies": {
-    "@mantine/core": ">=7.16.2",
-    "@mantine/dropzone": ">=7.16.2",
-    "@mantine/form": ">=7.16.2",
-    "@mantine/hooks": ">=7.16.2",
-    "@mantine/modals": ">=7.16.2",
+    "@mantine/core": ">=7.17.2",
+    "@mantine/dropzone": ">=7.17.2",
+    "@mantine/form": ">=7.17.2",
+    "@mantine/hooks": ">=7.17.2",
+    "@mantine/modals": ">=7.17.2",
     "@tabler/icons-react": ">=3.7.0",
     "i18next": "^23.11.5",
     "lodash-es": ">=4.17.21",

package/dist/layers.B9CNbJKD.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),m=require("react"),e=require("./layers.Dyb1dHPy.js"),b=require("./layers.C0b1Opuc.js"),S=require("react-dom"),h=typeof window<"u"&&window.document!==void 0&&window.document.createElement!==void 0,B=h&&"documentMode"in document?document.documentMode:null,_=!(!h||!("InputEvent"in window)||B)&&"getTargetRanges"in new window.InputEvent("input"),A=h&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent),N=h&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,W=h&&/^(?=.*Chrome).*/i.test(navigator.userAgent),M=h&&/AppleWebKit\/[\d.]+/.test(navigator.userAgent)&&!W;function j(r,n){n.update(()=>{if(r!==null){const t=e.ue(r,KeyboardEvent)?null:r.clipboardData,s=e.Ri();if(s!==null&&t!=null){r.preventDefault();const c=e.v(n);c!==null&&t.setData("text/html",c),t.setData("text/plain",s.getTextContent())}}})}function O(r){return e.N(r.registerCommand(e.i,n=>{const t=e.Ri();return!!e.ki(t)&&(t.deleteCharacter(n),!0)},e.Rs),r.registerCommand(e.u$2,n=>{const t=e.Ri();return!!e.ki(t)&&(t.deleteWord(n),!0)},e.Rs),r.registerCommand(e.f,n=>{const t=e.Ri();return!!e.ki(t)&&(t.deleteLine(n),!0)},e.Rs),r.registerCommand(e.l$1,n=>{const t=e.Ri();if(!e.ki(t))return!1;if(typeof n=="string")t.insertText(n);else{const s=n.dataTransfer;if(s!=null)e.D$1(s,t);else{const c=n.data;c&&t.insertText(c)}}return!0},e.Rs),r.registerCommand(e.a$1,()=>{const n=e.Ri();return!!e.ki(n)&&(n.removeText(),!0)},e.Rs),r.registerCommand(e.s,n=>{const t=e.Ri();return!!e.ki(t)&&(t.insertLineBreak(n),!0)},e.Rs),r.registerCommand(e.o,()=>{const n=e.Ri();return!!e.ki(n)&&(n.insertLineBreak(),!0)},e.Rs),r.registerCommand(e.m,n=>{const t=e.Ri();if(!e.ki(t))return!1;const s=n,c=s.shiftKey;return!!e.L$1(t,!0)&&(s.preventDefault(),e.$(t,c,!0),!0)},e.Rs),r.registerCommand(e.p,n=>{const t=e.Ri();if(!e.ki(t))return!1;const s=n,c=s.shiftKey;return!!e.L$1(t,!1)&&(s.preventDefault(),e.$(t,c,!1),!0)},e.Rs),r.registerCommand(e.k,n=>{const t=e.Ri();return!!e.ki(t)&&(!N||navigator.language!=="ko-KR")&&(n.preventDefault(),r.dispatchCommand(e.i,!0))},e.Rs),r.registerCommand(e.w,n=>{const t=e.Ri();return!!e.ki(t)&&(n.preventDefault(),r.dispatchCommand(e.i,!1))},e.Rs),r.registerCommand(e.C,n=>{const t=e.Ri();if(!e.ki(t))return!1;if(n!==null){if((N||A||M)&&_)return!1;n.preventDefault()}return r.dispatchCommand(e.s,!1)},e.Rs),r.registerCommand(e.z,()=>(e.Ht(),!0),e.Rs),r.registerCommand(e.A,n=>{const t=e.Ri();return!!e.ki(t)&&(j(n,r),!0)},e.Rs),r.registerCommand(e.B,n=>{const t=e.Ri();return!!e.ki(t)&&(function(s,c){j(s,c),c.update(()=>{const i=e.Ri();e.ki(i)&&i.removeText()})}(n,r),!0)},e.Rs),r.registerCommand(e.c,n=>{const t=e.Ri();return!!e.ki(t)&&(function(s,c){s.preventDefault(),c.update(()=>{const i=e.Ri(),{clipboardData:u}=s;u!=null&&e.ki(i)&&e.D$1(u,i)},{tag:"paste"})}(n,r),!0)},e.Rs),r.registerCommand(e.L,n=>{const t=e.Ri();return!!e.ki(t)&&(n.preventDefault(),!0)},e.Rs),r.registerCommand(e.D,n=>{const t=e.Ri();return!!e.ki(t)&&(n.preventDefault(),!0)},e.Rs))}const D=typeof window<"u"&&window.document!==void 0&&window.document.createElement!==void 0?m.useLayoutEffect:m.useEffect;function P(r){return r.getEditorState().read(e.g(r.isComposing()))}function z({contentEditable:r,placeholder:n=null,ErrorBoundary:t}){const[s]=e.u(),c=function(i,u){const[f,k]=m.useState(()=>i.getDecorators());return D(()=>i.registerDecoratorListener(C=>{S.flushSync(()=>{k(C)})}),[i]),m.useEffect(()=>{k(i.getDecorators())},[i]),m.useMemo(()=>{const C=[],y=Object.keys(f);for(let E=0;E<y.length;E++){const v=y[E],x=d.jsx(u,{onError:a=>i._onError(a),children:d.jsx(m.Suspense,{fallback:null,children:f[v]})}),o=i.getElementByKey(v);o!==null&&C.push(S.createPortal(x,o,v))}return C},[u,f,i])}(s,t);return function(i){D(()=>e.N(O(i),e.o$1(i)),[i])}(s),d.jsxs(d.Fragment,{children:[r,d.jsx(K,{content:n}),c]})}function K({content:r}){const[n]=e.u(),t=function(c){const[i,u]=m.useState(()=>P(c));return D(()=>{function f(){const k=P(c);u(k)}return f(),e.N(c.registerUpdateListener(()=>{f()}),c.registerEditableListener(()=>{f()}))},[c]),i}(n),s=e.a$2();return t?typeof r=="function"?r(s):r:null}const X=new URL(window.location.href);new URLSearchParams(X.search);const q="https://wss.dudoc.io";function I(r,n){let t=n.get(r);return t===void 0?(t=new e.Doc,n.set(r,t)):t.load(),new e.WebsocketProvider(q,"/"+r,t,{connect:!1})}const U=e.CAN_USE_DOM?m.useLayoutEffect:m.useEffect,Y={...e.theme,paragraph:"StickyEditorTheme__paragraph"};function w(r,n){const t=r.style,s=n.rootElementRect,c=s!==null?s.left:0,i=s!==null?s.top:0;t.top=i+n.y+"px",t.left=c+n.x+"px"}function H({x:r,y:n,nodeKey:t,color:s,caption:c}){const[i]=e.u(),u=m.useRef(null),f=m.useRef({isDragging:!1,offsetX:0,offsetY:0,rootElementRect:null,x:0,y:0}),{isCollabActive:k}=e.l();m.useEffect(()=>{const o=f.current;o.x=r,o.y=n;const a=u.current;a!==null&&w(a,o)},[r,n]),U(()=>{const o=f.current,a=new ResizeObserver(R=>{for(let g=0;g<R.length;g++){const $=R[g],{target:T}=$;o.rootElementRect=T.getBoundingClientRect();const L=u.current;L!==null&&w(L,o)}}),l=i.registerRootListener((R,g)=>{g!==null&&a.unobserve(g),R!==null&&a.observe(R)}),p=()=>{const R=i.getRootElement(),g=u.current;R!==null&&g!==null&&(o.rootElementRect=R.getBoundingClientRect(),w(g,o))};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p),l()}},[i]),m.useEffect(()=>{const o=u.current;o!==null&&setTimeout(()=>{o.style.setProperty("transition","top 0.3s ease 0s, left 0.3s ease 0s")},500)},[]);const C=o=>{const a=u.current,l=f.current,p=l.rootElementRect;a!==null&&l.isDragging&&p!==null&&(l.x=o.pageX-l.offsetX-p.left,l.y=o.pageY-l.offsetY-p.top,w(a,l))},y=()=>{const o=u.current,a=f.current;o!==null&&(a.isDragging=!1,o.classList.remove("dragging"),i.update(()=>{const l=e.Ct(t);e.$isStickyNode(l)&&l.setPosition(a.x,a.y)})),document.removeEventListener("pointermove",C),document.removeEventListener("pointerup",y)},E=()=>{i.update(()=>{const o=e.Ct(t);e.$isStickyNode(o)&&o.remove()})},v=()=>{i.update(()=>{const o=e.Ct(t);e.$isStickyNode(o)&&o.toggleColor()})},{historyState:x}=e.useSharedHistoryContext();return d.jsx("div",{ref:u,className:"sticky-note-container",children:d.jsxs("div",{className:`sticky-note ${s}`,onPointerDown:o=>{const a=u.current;if(a==null||o.button===2||o.target!==a.firstChild)return;const l=a,p=f.current;if(l!==null){const{top:R,left:g}=l.getBoundingClientRect();p.offsetX=o.clientX-g,p.offsetY=o.clientY-R,p.isDragging=!0,l.classList.add("dragging"),document.addEventListener("pointermove",C),document.addEventListener("pointerup",y),o.preventDefault()}},children:[d.jsx("button",{onClick:E,className:"delete","aria-label":"Delete sticky note",title:"Delete",children:"X"}),d.jsx("button",{onClick:v,className:"color","aria-label":"Change sticky note color",title:"Color",children:d.jsx("i",{className:"bucket"})}),d.jsxs(b.d,{initialEditor:c,initialTheme:Y,children:[k?d.jsx(e._,{id:c.getKey(),providerFactory:I,shouldBootstrap:!0}):d.jsx(e.a$3,{externalHistoryState:x}),d.jsx(z,{contentEditable:d.jsx(e.LexicalContentEditable,{className:"StickyNode__contentEditable"}),placeholder:d.jsx(b.Placeholder,{className:"StickyNode__placeholder",children:"What's up?"}),ErrorBoundary:e.a})]})]})})}exports.default=H;

package/dist/layers.BuTH_4Q9.js

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

package/dist/layers.C0b1Opuc.js

@@ -1 +0,0 @@
-"use strict";const c=require("./layers.Dyb1dHPy.js"),i=require("react"),_=require("react/jsx-runtime");function E(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var k=E(function(e){const t=new URLSearchParams;t.append("code",e);for(let o=1;o<arguments.length;o++)t.append("v",arguments[o]);throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)});function m(e){const t=e.transform();return t!==null?new Set([t]):new Set}function O({initialEditor:e,children:t,initialNodes:o,initialTheme:g,skipCollabChecks:x}){const p=i.useRef(!1),u=i.useContext(c.l$2);u==null&&k(9);const[l,{getTheme:v}]=u,w=i.useMemo(()=>{const s=g||v()||void 0,y=c.o$2(u,s);if(s!==void 0&&(e._config.theme=s),e._parentEditor=l,o)for(let n of o){let a=null,r=null;if(typeof n!="function"){const f=n;n=f.replace,a=f.with,r=f.withKlass||null}const h=e._nodes.get(n.getType());e._nodes.set(n.getType(),{exportDOM:h?h.exportDOM:void 0,klass:n,replace:a,replaceWithKlass:r,transforms:m(n)})}else{const n=e._nodes=new Map(l._nodes);for(const[a,r]of n)e._nodes.set(a,{exportDOM:r.exportDOM,klass:r.klass,replace:r.replace,replaceWithKlass:r.replaceWithKlass,transforms:m(r.klass)})}return e._config.namespace=l._config.namespace,e._editable=l._editable,[e,y]},[]),{isCollabActive:M,yjsDocMap:b}=c.l(),d=x||p.current||b.has(e.getKey());return i.useEffect(()=>{d&&(p.current=!0)},[d]),i.useEffect(()=>l.registerEditableListener(s=>{e.setEditable(s)}),[e,l]),_.jsx(c.l$2.Provider,{value:w,children:!M||d?t:null})}function P({children:e,className:t}){return _.jsx("div",{className:t||"Placeholder__root",children:e})}exports.Placeholder=P;exports.d=O;

package/dist/layers.C0ddic19.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),e=require("./layers.Dyb1dHPy.js"),R=require("./layers.C0b1Opuc.js"),y=require("@mantine/core");function D({children:a,label:r,className:n,...m}){return t.jsxs("div",{className:"Input__wrapper",children:[t.jsx("label",{style:{marginTop:"-1em"},className:"Input__label",children:r}),t.jsx("select",{...m,className:n||"select",children:a})]})}function q({label:a,value:r,onChange:n,placeholder:m="","data-test-id":o,type:d="text"}){return t.jsx(y.TextInput,{type:d,placeholder:m,value:r,onChange:c=>{n(c.target.value)},label:a,"data-test-id":o,mb:10})}const k=new Set;function L(a){if(!k.has(a))throw new Promise(r=>{const n=new Image;n.src=a,n.onload=()=>{k.add(a),r(null)}})}function B({altText:a,className:r,imageRef:n,src:m,width:o,height:d,position:c}){return L(m),t.jsx("img",{className:r||void 0,src:m,alt:a,ref:n,"data-position":c,style:{display:"block",height:d,width:o},draggable:"false"})}function _({activeEditor:a,nodeKey:r,onClose:n}){const o=a.getEditorState().read(()=>e.Ct(r)),[d,c]=i.useState(o.getAltText()),[C,S]=i.useState(o.getShowCaption()),[b,x]=i.useState(o.getPosition()),j=f=>{S(f.target.checked)},g=f=>{x(f.target.value)},p=()=>{const f={altText:d,position:b,showCaption:C};o&&a.update(()=>{o.update(f)}),n()};return t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{marginBottom:"1em"},children:t.jsx(q,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:c,value:d,"data-test-id":"image-modal-alt-text-input"})}),t.jsxs(D,{style:{marginBottom:"1em",width:"208px"},value:b,label:"Position",name:"position",id:"position-select",onChange:g,children:[t.jsx("option",{value:"left",children:"Left"}),t.jsx("option",{value:"right",children:"Right"}),t.jsx("option",{value:"full",children:"Full Width"})]}),t.jsxs("div",{className:"Input__wrapper",children:[t.jsx("input",{id:"caption",type:"checkbox",checked:C,onChange:j}),t.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),t.jsx(e.Button,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>p(),children:"Применить"})]})}function K({src:a,altText:r,nodeKey:n,width:m,height:o,showCaption:d,caption:c,position:C}){const[S,b]=e.useModal(),x=i.useRef(null),j=i.useRef(null),[g,p,f]=e.u$1(n),[l]=e.u(),[P,F]=i.useState(null),E=i.useRef(null),v=i.useCallback(u=>{if(g&&e.wi(e.Ri())){u.preventDefault();const s=e.Ct(n);e.$isInlineImageNode(s)&&s.remove()}return!1},[g,n]),w=i.useCallback(u=>{const h=e.Ri(),s=j.current;if(g&&e.wi(h)&&h.getNodes().length===1){if(d)return e.Ft(null),u.preventDefault(),c.focus(),!0;if(s!==null&&s!==document.activeElement)return u.preventDefault(),s.focus(),!0}return!1},[c,g,d]),N=i.useCallback(u=>E.current===c||j.current===u.target?(e.Ft(null),l.update(()=>{p(!0);const h=l.getRootElement();h!==null&&h.focus()}),!0):!1,[c,l,p]);i.useEffect(()=>{let u=!0;const h=e.N(l.registerUpdateListener(({editorState:s})=>{u&&F(s.read(()=>e.Ri()))}),l.registerCommand(e.t,(s,I)=>(E.current=I,!1),e.Ks),l.registerCommand(e.r,s=>{const I=s;return I.target===x.current?(I.shiftKey?p(!g):(f(),p(!0)),!0):!1},e.Ks),l.registerCommand(e.D,s=>s.target===x.current?(s.preventDefault(),!0):!1,e.Ks),l.registerCommand(e.w,v,e.Ks),l.registerCommand(e.k,v,e.Ks),l.registerCommand(e.C,w,e.Ks),l.registerCommand(e.b,N,e.Ks));return()=>{u=!1,h()}},[f,l,g,n,v,w,N,p]);const T=g;return t.jsxs(i.Suspense,{fallback:null,children:[t.jsxs(t.Fragment,{children:[t.jsxs("div",{draggable:!1,children:[t.jsx("button",{className:"image-edit-button",ref:j,onClick:()=>{b("Update Inline Image",u=>t.jsx(_,{activeEditor:l,nodeKey:n,onClose:u}))},children:"Edit"}),t.jsx(B,{className:T?`focused ${e.wi(P)?"draggable":""}`:null,src:a,altText:r,imageRef:x,width:m,height:o,position:C})]}),d&&t.jsx("div",{className:"image-caption-container",children:t.jsxs(R.d,{initialEditor:c,children:[t.jsx(e.LinkPlugin,{}),t.jsx(e.FloatingTextFormatToolbarPlugin,{}),t.jsx(e.h,{contentEditable:t.jsx(e.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:t.jsx(R.Placeholder,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:e.a})]})})]}),S]})}exports.UpdateInlineImageDialog=_;exports.default=K;

package/dist/layers.C5oAiCeN.js

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

package/dist/layers.CovbS90x.js

@@ -1,52 +0,0 @@
-import { ad as p, ae as k, l as E } from "./layers.B3PKFuLO.js";
-import { useRef as O, useContext as P, useMemo as D, useEffect as h } from "react";
-import { jsx as _ } from "react/jsx-runtime";
-function K(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var C = K(function(e) {
-  const t = new URLSearchParams();
-  t.append("code", e);
-  for (let o = 1; o < arguments.length; o++) t.append("v", arguments[o]);
-  throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-});
-function m(e) {
-  const t = e.transform();
-  return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
-}
-function S({ initialEditor: e, children: t, initialNodes: o, initialTheme: g, skipCollabChecks: v }) {
-  const f = O(!1), i = P(p);
-  i == null && C(9);
-  const [l, { getTheme: w }] = i, x = D(() => {
-    const a = g || w() || void 0, y = k(i, a);
-    if (a !== void 0 && (e._config.theme = a), e._parentEditor = l, o) for (let r of o) {
-      let s = null, n = null;
-      if (typeof r != "function") {
-        const d = r;
-        r = d.replace, s = d.with, n = d.withKlass || null;
-      }
-      const u = e._nodes.get(r.getType());
-      e._nodes.set(r.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: r, replace: s, replaceWithKlass: n, transforms: m(r) });
-    }
-    else {
-      const r = e._nodes = new Map(l._nodes);
-      for (const [s, n] of r) e._nodes.set(s, { exportDOM: n.exportDOM, klass: n.klass, replace: n.replace, replaceWithKlass: n.replaceWithKlass, transforms: m(n.klass) });
-    }
-    return e._config.namespace = l._config.namespace, e._editable = l._editable, [e, y];
-  }, []), { isCollabActive: M, yjsDocMap: b } = E(), c = v || f.current || b.has(e.getKey());
-  return h(() => {
-    c && (f.current = !0);
-  }, [c]), h(() => l.registerEditableListener((a) => {
-    e.setEditable(a);
-  }), [e, l]), _(p.Provider, { value: x, children: !M || c ? t : null });
-}
-function W({
-  children: e,
-  className: t
-}) {
-  return /* @__PURE__ */ _("div", { className: t || "Placeholder__root", children: e });
-}
-export {
-  W as P,
-  S as d
-};

package/dist/layers.CsuN1Q94.js

@@ -1,170 +0,0 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as V } from "react";
-import { u as j, f as E, w as P, g as x, c as k, v as b, N as R, k as w, K as v, m as B, r as y, B as A, x as T, l as W } from "./layers.B3PKFuLO.js";
-function O(...t) {
-  return t.filter(Boolean).join(" ");
-}
-function F(t) {
-  return t.reduce((c, n) => c + n.votes.length, 0);
-}
-function L({
-  option: t,
-  index: c,
-  options: n,
-  totalVotes: a,
-  withPollNode: p
-}) {
-  const { clientID: r } = W(), h = S(null), m = t.votes, _ = m.indexOf(r) !== -1, i = m.length, f = t.text;
-  return /* @__PURE__ */ g("div", { className: "PollNode__optionContainer", children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: O(
-          "PollNode__optionCheckboxWrapper",
-          _ && "PollNode__optionCheckboxChecked"
-        ),
-        children: /* @__PURE__ */ o(
-          "input",
-          {
-            ref: h,
-            className: "PollNode__optionCheckbox",
-            type: "checkbox",
-            onChange: () => {
-              p((d) => {
-                d.toggleVote(t, r);
-              });
-            },
-            checked: _
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ g("div", { className: "PollNode__optionInputWrapper", children: [
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: "PollNode__optionInputVotes",
-          style: { width: `${i === 0 ? 0 : i / a * 100}%` }
-        }
-      ),
-      /* @__PURE__ */ o("span", { className: "PollNode__optionInputVotesCount", children: i > 0 && (i === 1 ? "1 vote" : `${i} votes`) }),
-      /* @__PURE__ */ o(
-        "input",
-        {
-          className: "PollNode__optionInput",
-          type: "text",
-          value: f,
-          onChange: (d) => {
-            const u = d.target, N = u.value, e = u.selectionStart, l = u.selectionEnd;
-            p(
-              (s) => {
-                s.setOptionText(t, N);
-              },
-              () => {
-                u.selectionStart = e, u.selectionEnd = l;
-              }
-            );
-          },
-          placeholder: `Option ${c + 1}`
-        }
-      )
-    ] }),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        disabled: n.length < 3,
-        className: O(
-          "PollNode__optionDelete",
-          n.length < 3 && "PollNode__optionDeleteDisabled"
-        ),
-        "aria-label": "Remove",
-        onClick: () => {
-          p((d) => {
-            d.deleteOption(t);
-          });
-        }
-      }
-    )
-  ] });
-}
-function z({
-  question: t,
-  options: c,
-  nodeKey: n
-}) {
-  const [a] = j(), p = I(() => F(c), [c]), [r, h, m] = E(n), [C, _] = D(null), i = S(null), f = $(
-    (e) => {
-      if (r && P(x())) {
-        e.preventDefault();
-        const s = k(n);
-        b(s) && s.remove();
-      }
-      return !1;
-    },
-    [r, n]
-  );
-  V(() => R(
-    a.registerUpdateListener(({ editorState: e }) => {
-      _(e.read(() => x()));
-    }),
-    a.registerCommand(
-      y,
-      (e) => {
-        const l = e;
-        return l.target === i.current ? (l.shiftKey || m(), h(!r), !0) : !1;
-      },
-      v
-    ),
-    a.registerCommand(
-      B,
-      f,
-      v
-    ),
-    a.registerCommand(
-      w,
-      f,
-      v
-    )
-  ), [m, a, r, n, f, h]);
-  const d = (e, l) => {
-    a.update(
-      () => {
-        const s = k(n);
-        b(s) && e(s);
-      },
-      { onUpdate: l }
-    );
-  }, u = () => {
-    d((e) => {
-      e.addOption(T());
-    });
-  }, N = P(C) && r;
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: `PollNode__container ${N ? "focused" : ""}`,
-      ref: i,
-      children: /* @__PURE__ */ g("div", { className: "PollNode__inner", children: [
-        /* @__PURE__ */ o("h2", { className: "PollNode__heading", children: t }),
-        c.map((e, l) => {
-          const s = e.uid;
-          return /* @__PURE__ */ o(
-            L,
-            {
-              withPollNode: d,
-              option: e,
-              index: l,
-              options: c,
-              totalVotes: p
-            },
-            s
-          );
-        }),
-        /* @__PURE__ */ o("div", { className: "PollNode__footer", children: /* @__PURE__ */ o(A, { onClick: u, small: !0, children: "Add Option" }) })
-      ] })
-    }
-  );
-}
-export {
-  z as default
-};

package/dist/layers.DBwkDa74.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),x=require("react"),e=require("./layers.Dyb1dHPy.js");function C(...n){return n.filter(Boolean).join(" ")}function P(n){return n.reduce((i,s)=>i+s.votes.length,0)}function j({option:n,index:i,options:s,totalVotes:r,withPollNode:h}){const{clientID:a}=e.l(),m=x.useRef(null),N=n.votes,f=N.indexOf(a)!==-1,d=N.length,_=n.text;return o.jsxs("div",{className:"PollNode__optionContainer",children:[o.jsx("div",{className:C("PollNode__optionCheckboxWrapper",f&&"PollNode__optionCheckboxChecked"),children:o.jsx("input",{ref:m,className:"PollNode__optionCheckbox",type:"checkbox",onChange:()=>{h(u=>{u.toggleVote(n,a)})},checked:f})}),o.jsxs("div",{className:"PollNode__optionInputWrapper",children:[o.jsx("div",{className:"PollNode__optionInputVotes",style:{width:`${d===0?0:d/r*100}%`}}),o.jsx("span",{className:"PollNode__optionInputVotesCount",children:d>0&&(d===1?"1 vote":`${d} votes`)}),o.jsx("input",{className:"PollNode__optionInput",type:"text",value:_,onChange:u=>{const p=u.target,v=p.value,t=p.selectionStart,l=p.selectionEnd;h(c=>{c.setOptionText(n,v)},()=>{p.selectionStart=t,p.selectionEnd=l})},placeholder:`Option ${i+1}`})]}),o.jsx("button",{disabled:s.length<3,className:C("PollNode__optionDelete",s.length<3&&"PollNode__optionDeleteDisabled"),"aria-label":"Remove",onClick:()=>{h(u=>{u.deleteOption(n)})}})]})}function k({question:n,options:i,nodeKey:s}){const[r]=e.u(),h=x.useMemo(()=>P(i),[i]),[a,m,N]=e.u$1(s),[g,f]=x.useState(null),d=x.useRef(null),_=x.useCallback(t=>{if(a&&e.wi(e.Ri())){t.preventDefault();const c=e.Ct(s);e.$isPollNode(c)&&c.remove()}return!1},[a,s]);x.useEffect(()=>e.N(r.registerUpdateListener(({editorState:t})=>{f(t.read(()=>e.Ri()))}),r.registerCommand(e.r,t=>{const l=t;return l.target===d.current?(l.shiftKey||N(),m(!a),!0):!1},e.Ks),r.registerCommand(e.w,_,e.Ks),r.registerCommand(e.k,_,e.Ks)),[N,r,a,s,_,m]);const u=(t,l)=>{r.update(()=>{const c=e.Ct(s);e.$isPollNode(c)&&t(c)},{onUpdate:l})},p=()=>{u(t=>{t.addOption(e.createPollOption())})},v=e.wi(g)&&a;return o.jsx("div",{className:`PollNode__container ${v?"focused":""}`,ref:d,children:o.jsxs("div",{className:"PollNode__inner",children:[o.jsx("h2",{className:"PollNode__heading",children:n}),i.map((t,l)=>{const c=t.uid;return o.jsx(j,{withPollNode:u,option:t,index:l,options:i,totalVotes:h},c)}),o.jsx("div",{className:"PollNode__footer",children:o.jsx(e.Button,{onClick:p,small:!0,children:"Add Option"})})]})})}exports.default=k;