@layers-app/editor 2.2.20 → 2.2.22

package/dist/layers.BNj2VdZj.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),U=require("react-i18next"),A=require("@lexical/react/LexicalComposerContext"),x=require("@mantine/core"),L=require("lexical"),n=require("./layers.B-n0tzE6.js"),_=require("@layers-app/shared"),re=require("@lexical/react/useLexicalEditable"),P=require("@mantine/hooks");require("@lexical/react/LexicalDecoratorBlockNode");require("@lexical/utils");require("@lexical/mark");require("@lexical/code");require("@lexical/selection");require("@lexical/react/LexicalBlockWithAlignableContents");require("@mantine/notifications");function ae(t,i){const o=document.createElement("a");o.href=t,o.download=i,o.rel="noopener",document.body.appendChild(o),o.click(),o.remove()}function q(t){try{const o=new URL(t,window.location.origin).pathname.split("/").pop()||"image";return o.includes(".")?o:`${o}.png`}catch{return"image"}}async function F(t,i){const o=await fetch(t);if(!o.ok)throw new Error("fetch failed");const a=await o.blob(),s=URL.createObjectURL(a);try{ae(s,i)}finally{setTimeout(()=>URL.revokeObjectURL(s),0)}}function se({editor:t,nodeKey:i,href:o,onClose:a}){const[s,d]=r.useState(()=>n.getLinkTypeFromUrl(o)),[c,g]=r.useState(()=>n.removeProtocol(o)),[f,w]=r.useState(!1),p=r.useCallback(m=>{d(m),w(!1)},[]),b=r.useCallback(m=>{g(m),w(!1)},[]),k=r.useCallback(()=>{const m=n.addProtocolIfNeeded(c.trim(),s);if(!m||!n.isValidUrl(m,s)){w(!0);return}n.$writeImageLinkToNode(t,i,n.sanitizeUrl(m)),a()},[t,i,c,s,a]),v=r.useCallback(()=>{n.$writeImageLinkToNode(t,i,""),a()},[t,i,a]),h=r.useCallback(m=>{m.key==="Enter"?(m.preventDefault(),k()):m.key==="Escape"&&(m.preventDefault(),a())},[k,a]);return{linkType:s,linkUrl:c,error:f,onLinkTypeChange:p,onUrlInputChange:b,onUrlInputKeyDown:h,onSave:k,onRemove:v}}function W({editor:t,nodeKey:i,href:o,onClose:a,mobile:s}){const d=r.useRef(null),c=se({editor:t,nodeKey:i,href:o,onClose:a});return r.useEffect(()=>{var g;(g=d.current)==null||g.focus({preventScroll:!0})},[]),e.jsx(n.CreateMode,{inputRef:d,linkUrl:c.linkUrl,linkType:c.linkType,error:c.error,mobile:s,onLinkTypeChange:c.onLinkTypeChange,onUrlInputChange:c.onUrlInputChange,onUrlInputKeyDown:c.onUrlInputKeyDown,onCancel:a,onSave:c.onSave,onRemove:o?c.onRemove:void 0})}function J({opened:t,onOpenChange:i,t:o,onDownload:a,onDelete:s,hasLink:d,onLinkAction:c}){return e.jsxs(x.Menu,{opened:t,onChange:i,transitionProps:n.animationMenu,shadow:"md",position:"bottom-start",offset:4,withinPortal:!0,closeOnItemClick:!0,children:[e.jsx(x.Menu.Target,{children:e.jsx(n.ActionIcon,{label:o("editor.toolbar.more"),icon:n.K1,iconColor:"var(--mantine-color-gray-text)","aria-label":o("editor.toolbar.more")})}),e.jsxs(x.Menu.Dropdown,{p:4,miw:164,w:"max-content",onMouseDown:g=>g.preventDefault(),children:[c&&e.jsx(x.Menu.Item,{leftSection:e.jsx(x.Flex,{align:"center",justify:"center",c:"gray.6",children:e.jsx(n.Icon,{name:"link",size:16})}),onClick:g=>{g.stopPropagation(),c()},children:o(d?"editor.link.editLink":"editor.link.addLink")}),e.jsx(x.Menu.Item,{leftSection:e.jsx(x.Flex,{align:"center",justify:"center",c:"gray.6",children:e.jsx(n.HugeiconsIcon,{icon:n.Tm,size:16})}),onClick:g=>{g.stopPropagation(),a()},children:o("editor.gallery.download")}),e.jsx(x.Menu.Item,{color:"red",leftSection:e.jsx(x.Flex,{align:"center",justify:"center",c:"red.6",children:e.jsx(n.HugeiconsIcon,{icon:n.lg,size:16})}),onClick:g=>{g.stopPropagation(),s()},children:o("editor.contextMenu.delete")})]})]})}const Q=({t,src:i,setShown:o,id:a})=>{const[s,{open:d,close:c}]=P.useDisclosure(!1),g=r.useMemo(()=>[{id:!a||a==="0"?"":a,Url:i??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[i,a]),f=w=>{w?d():c()};return e.jsxs(e.Fragment,{children:[e.jsx(_.AttachmentsGalleryModal,{opened:s,onOpenChange:f,attachments:g}),e.jsx(n.ActionIcon,{label:t("editor.image.preview"),icon:n.gn,iconColor:"var(--mantine-color-gray-text)","aria-label":t("editor.image.preview"),onClick:()=>{o(!1),d()}})]})},le=({nodeKey:t,src:i,href:o})=>{const[a]=A.useLexicalComposerContext(),s=re.useLexicalEditable(),[d,c]=r.useState(!1),[g,f]=r.useState(!1),[w,p]=r.useState(!1),{t:b}=U.useTranslation();r.useEffect(()=>{if(!w)return;const h=m=>{const u=m.target;u!=null&&u.closest(".floating-link-dropdown")||u!=null&&u.closest(".floating-link-type-combobox-dropdown")||p(!1)};return document.addEventListener("pointerdown",h,!0),()=>document.removeEventListener("pointerdown",h,!0)},[w]);const k=r.useCallback(()=>{a.update(()=>{const h=L.$getNodeByKey(t);n.$isImageNode(h)&&h.remove()})},[a,t]),v=r.useCallback(async()=>{if(i)try{await F(i,q(i))}catch{}},[i]);return e.jsxs(x.Popover,{opened:w,onChange:p,position:"bottom-end",offset:4,shadow:"md",radius:"md",withinPortal:!0,closeOnClickOutside:!1,children:[e.jsx(x.Popover.Target,{children:e.jsxs("div",{className:`media-actions ${s?"":"media-actions--readonly"}`,children:[e.jsx(Q,{t:b,src:i,setShown:()=>{}}),s&&e.jsxs(e.Fragment,{children:[e.jsx(n.NodeAlignmentMenu,{opened:d,setOpened:c,t:b,editor:a,nodeKey:t,setShown:()=>{}}),e.jsx(J,{opened:g,onOpenChange:f,t:b,onDownload:()=>void v(),onDelete:k,hasLink:!!o,onLinkAction:()=>p(!0)})]})]})}),e.jsx(x.Popover.Dropdown,{className:`floating-link-dropdown floating-link-dropdown--${o?"edit":"create"}-mode`,"data-test-id":"floating-link-dropdown",children:e.jsx(W,{editor:a,nodeKey:t,href:o,onClose:()=>p(!1)})})]})},ce=()=>{};function de({nodeKey:t,src:i,id:o,href:a}){const{t:s}=U.useTranslation(),[d]=A.useLexicalComposerContext(),[c,g]=r.useState(!1),[f,w]=r.useState(!1),[p,b]=r.useState(!1);r.useEffect(()=>{if(!p)return;const h=m=>{const u=m.target;u!=null&&u.closest(".floating-link-dropdown")||u!=null&&u.closest(".floating-link-type-combobox-dropdown")||b(!1)};return document.addEventListener("pointerdown",h,!0),()=>document.removeEventListener("pointerdown",h,!0)},[p]);const k=r.useCallback(()=>{w(!1),d.update(()=>{const h=L.$getNodeByKey(t);if(!n.$isImageNode(h))return;const m=h.getParent();n.$isImageOverlayWrapperNode(m)?m.remove():h.remove()})},[d,t]),v=r.useCallback(async()=>{if(i)try{await F(i,q(i))}catch{}},[i]);return e.jsxs(x.Popover,{opened:p,onChange:b,position:"bottom-end",offset:4,shadow:"md",radius:"md",withinPortal:!0,closeOnClickOutside:!1,children:[e.jsx(x.Popover.Target,{children:e.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:h=>h.stopPropagation(),children:[e.jsx(Q,{t:s,src:i,setShown:ce,id:o}),e.jsx(n.NodeAlignmentMenu,{opened:c,setOpened:g,t:s,editor:d,nodeKey:t}),e.jsx(J,{opened:f,onOpenChange:w,t:s,onDownload:()=>void v(),onDelete:k,hasLink:!!a,onLinkAction:()=>b(!0)})]})}),e.jsx(x.Popover.Dropdown,{className:`floating-link-dropdown floating-link-dropdown--${a?"edit":"create"}-mode`,"data-test-id":"floating-link-dropdown",children:e.jsx(W,{editor:d,nodeKey:t,href:a,onClose:()=>b(!1)})})]})}function ue({nodeKey:t,src:i,id:o,href:a}){const{t:s}=U.useTranslation(),[d]=A.useLexicalComposerContext(),[c,{open:g,close:f}]=P.useDisclosure(!1),[w,{open:p,close:b}]=P.useDisclosure(!1),[k,{open:v,close:h}]=P.useDisclosure(!1),m=()=>{f(),v()},u=r.useMemo(()=>[{id:!o||o==="0"?"":o,Url:i??"",contentType:"",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[i,o]),S=()=>{f(),p()},N=r.useCallback(async()=>{if(f(),!!i)try{await F(i,q(i))}catch{}},[i,f]),y=r.useCallback(()=>{f(),d.update(()=>{const D=L.$getNodeByKey(t);n.$isImageNode(D)&&D.remove()})},[d,t,f]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:D=>D.stopPropagation(),children:e.jsx(n.ActionIcon,{label:s("editor.toolbar.more"),icon:n.O1,iconColor:"var(--mantine-color-gray-text)","aria-label":s("editor.toolbar.more"),onClick:g})}),e.jsx(_.AttachmentsGalleryModal,{opened:w,onOpenChange:D=>D?p():b(),attachments:u}),e.jsx(n.MobileDrawer,{opened:c,onClose:f,title:s("editor.image.mobileActions"),children:e.jsxs(x.Stack,{gap:4,p:0,children:[e.jsx(x.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:S,leftSection:e.jsx(n.HugeiconsIcon,{icon:n.gn,size:16,color:"var(--mantine-color-dimmed)"}),children:s("editor.image.previewFullScreen")}),e.jsx(x.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:m,leftSection:e.jsx(n.HugeiconsIcon,{icon:n.zz,size:16,color:"var(--mantine-color-dimmed)"}),children:s(a?"editor.link.editLink":"editor.link.addLink")}),e.jsx(x.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:()=>void N(),leftSection:e.jsx(n.HugeiconsIcon,{icon:n.Tm,size:16,color:"var(--mantine-color-dimmed)"}),children:s("editor.gallery.download")}),e.jsx(x.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:y,leftSection:e.jsx(n.HugeiconsIcon,{icon:n.lg,size:16,color:"var(--mantine-color-red-6)"}),children:s("editor.actions.delete")})]})}),e.jsx(n.MobileDrawer,{opened:k,onClose:h,title:s(a?"editor.link.editLink":"editor.link.addLink"),children:e.jsx(W,{editor:d,nodeKey:t,href:a,onClose:h,mobile:!0})})]})}const Z=t=>{const{width:i,height:o,isLoading:a,isError:s,src:d,id:c,altText:g,imageRef:f,maxWidth:w,href:p}=t,b=r.useRef(null);return e.jsxs("div",{className:"media-wrapper",style:{width:i,height:o,display:"inline-flex",position:"relative"},children:[e.jsx(x.LoadingOverlay,{visible:a,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),e.jsx("a",{className:"editor-image-link","data-link":p?"true":void 0,"data-href":p?n.sanitizeUrl(p):void 0,role:p?"link":void 0,rel:p?"noopener noreferrer":void 0,draggable:!1,onMouseDown:p?k=>{b.current={x:k.clientX,y:k.clientY}}:void 0,onClick:p?k=>{k.preventDefault();const v=b.current;b.current=null,!(v&&Math.hypot(k.clientX-v.x,k.clientY-v.y)>5)&&window.open(n.sanitizeUrl(p),"_blank","noopener,noreferrer")}:void 0,children:e.jsx(ge,{className:null,src:d,altText:g,imageRef:f,width:"inherit",height:"inherit",maxWidth:w||"auto",id:c})}),n.IS_TOUCH_DEVICE&&e.jsx(ue,{nodeKey:t.nodeKey,src:d,id:c,href:p}),n.IS_TOUCH_TABLET&&e.jsx(de,{nodeKey:t.nodeKey,src:d,id:c,href:p}),n.IS_HOVER_CAPABLE&&!n.IS_TOUCH_DEVICE&&!n.IS_TOUCH_TABLET&&e.jsx(le,{nodeKey:t.nodeKey,src:d,href:p})]})};function ge({altText:t,className:i,imageRef:o,src:a,width:s,height:d,maxWidth:c,id:g}){const[f,w]=r.useState(!1);return e.jsx("img",{className:`${i||void 0} ${f?"":"loading"}`,src:a,alt:t,ref:o,style:{height:d,maxWidth:c,width:s},onLoad:()=>{a.includes("splash")?setTimeout(()=>{w(!0)},100):w(!0)},draggable:"false","data-id":g})}function pe(t){const{disable:i}=r.useContext(n.Context);return i&&n.ImageNode.isPlaceholderSrc(t.src)?null:e.jsx(me,{...t})}function me({src:t,altText:i,nodeKey:o,width:a,height:s,maxWidth:d,showCaption:c,caption:g,id:f,create:w,alignment:p,imagePickerTab:b,href:k}){var X,Y;const v=r.useRef(null),[h,m]=r.useState(!0),[u]=A.useLexicalComposerContext(),[S,N]=r.useState(!0),[y,D]=r.useState({width:0,height:0}),{start:H}=n.useCancelUpload(),[fe,z]=r.useState(0),{fetchUploadMedia:T,fetchDeleteMedia:B,maxFileSize:he,imperativeHandleRef:E,disable:K}=r.useContext(n.Context),O=n.mediaMap.has(t)&&(((X=n.mediaMap.get(t))==null?void 0:X.mediaNodeKeys.length)===0||((Y=n.mediaMap.get(t))==null?void 0:Y.mediaNodeKeys.length)===void 0||t.trim()===""),{t:M}=U.useTranslation(),[xe,ee]=r.useState(0);r.useEffect(()=>u.registerDecoratorListener(()=>{ee(l=>l+1)}),[O]),r.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){m(!1);return}const l=new Image;l.src=t,l.onload=()=>m(!1),l.onerror=()=>{m(!1)}},[t,O]);const te=(l,I)=>{u.update(()=>{L.$setSelection(null);const C=L.$getNodeByKey(o);n.$isImageNode(C)&&C.setWidthAndHeight(l,I)})},{historyState:V}=n.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:G}}=n.useSettings();function ne(l){return l.endsWith(".svg")||l.includes("image/svg+xml")}function oe(l){return new Promise((I,C)=>{if(ne(l)){I(0);return}const j=new Image;j.src=l,j.onload=()=>{I(j.width)},j.onerror=()=>{C(new Error("Failed to load image"))}})}r.useEffect(()=>{let l=a,I=s,C=100;(t.includes("unsplash")?t.trim():!O&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&oe(t).then(j=>{typeof l=="number"&&l<C&&j<C?(N(!0),D({width:l,height:I})):j<C?(N(!0),D({width:"auto",height:"auto"})):(D({width:j,height:j}),N(!1))}).catch(j=>{console.warn("Ошибка при загрузке изображения:",j.message)})},[t,O]),r.useEffect(()=>{y.width&&y.height&&S&&u.update(()=>{const l=L.$getNodeByKey(o);n.$isImageNode(l)&&l.setWidthAndHeight(y.width,y.height)})},[y.width,y.height,S]);const ie=r.useCallback(l=>n.$writeImagePickerTabToNode(u,o,l),[u,o]),R=r.useCallback((l,I)=>{m(!1),u.update(()=>{const C=L.$getNodeByKey(o);n.$isImageNode(C)&&(C.setSrc(l),C.setId(I))})},[u,o]),$=r.useCallback(l=>{m(!0);const I=H();T&&T(l[0],(C,j)=>{R(C,j),z(0)},C=>{C&&_.showErrorNotification({message:M("editor.gallery.errorFile")}),z(0),R("","")},I,C=>{z(C)})},[T,H,M,R]);return r.useEffect(()=>u.registerCommand(n.UPLOAD_IMAGE_COMMAND,l=>t!=="upload"||l.targetNodeKey!==o?!1:($(l.files),!0),L.COMMAND_PRIORITY_LOW),[u,$,o,t]),!t||t==="upload"?e.jsx(x.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:e.jsx(n.ImagePicker,{inline:!0,nodeKey:o,defaultTabValue:b,onWriteTabToNode:ie,uploading:!1,onUpload:l=>{!T||!l.length||$(l)},popoverProps:{opened:!0,position:"bottom",zIndex:n.EDITOR_UI_MIN_Z_INDEX},onChange:l=>{u.update(()=>{const I=L.$getNodeByKey(o);n.$isImageNode(I)&&I.setSrc(l)})}})}):S?e.jsx(Z,{width:y.width,height:y.height,isLoading:h,isError:!1,isIcon:S,src:t,id:f,editor:u,nodeKey:o,fetchDeleteMedia:B,altText:i,imageRef:v,maxWidth:d,showCaption:c,caption:g,isCollabActive:!1,historyState:V,showNestedEditorTreeView:G,t:M,href:k}):e.jsx(n.ResizableContainer,{editor:u,isIcon:S,width:n.parseContainerSize(a),height:n.parseContainerSize(s),initialWidth:y.width||"",initialHeight:y.height||"",onResizeEnd:te,alignment:p,disable:K,onRegisterDecoratorEnter:l=>{E!=null&&E.current&&(E.current.decoratorEnterAction=l)},onActivate:()=>u.dispatchCommand(n.ON_CHANGE_COMMAND,"show_menu"),children:e.jsx(Z,{width:"inherit",height:"inherit",isLoading:h,isError:!1,isIcon:S,src:t,id:f,editor:u,nodeKey:o,fetchDeleteMedia:B,altText:i,imageRef:v,maxWidth:d,showCaption:c,caption:g,isCollabActive:!1,historyState:V,showNestedEditorTreeView:G,t:M,href:k})})}exports.default=pe;

package/dist/layers.CzjOVTJE.js

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