@payloadcms/richtext-lexical 4.0.0-internal.e7d4ebc → 4.0.0-internal.f11981a

package/dist/exports/client/Field-F22V5L4V.js

@@ -0,0 +1,2 @@
+"use client";import{b as Be,c as Oe,e as $,f as K,h as Ie,i as Fe,j as $e,k as Ke,l as Se,m as Pe,n as ze}from"./chunk-LN6VX25I.js";import{a as Ae,b as P}from"./chunk-RJ5MAOKZ.js";import{jsx as D,jsxs as le}from"react/jsx-runtime";import{BulkUploadProvider as rn,FieldDescription as nn,FieldError as sn,FieldLabel as ln,isFieldRTL as an,RenderCustomComponent as At,useConfig as cn,useEditDepth as un,useEffectEvent as dn,useField as fn,useLocale as mn}from"@payloadcms/ui";import{mergeFieldStyles as pn}from"@payloadcms/ui/shared";import{dequal as gn}from"dequal/lite";import Bt,{useCallback as Ot,useEffect as It,useMemo as hn,useState as Ft}from"react";import{ErrorBoundary as yn}from"react-error-boundary";import"./bundled.css";import{jsx as z}from"react/jsx-runtime";import{LexicalComposer as Ur}from"@lexical/react/LexicalComposer.js";import{useEditDepth as Jr}from"@payloadcms/ui";import*as _t from"react";import{useMemo as qr}from"react";import{c as Lr}from"react/compiler-runtime";import{jsx as E,jsxs as se}from"react/jsx-runtime";import{useLexicalComposerContext as Mr}from"@lexical/react/LexicalComposerContext.js";import{LexicalErrorBoundary as Ar}from"@lexical/react/LexicalErrorBoundary.js";import{HistoryPlugin as Br}from"@lexical/react/LexicalHistoryPlugin.js";import{OnChangePlugin as Or}from"@lexical/react/LexicalOnChangePlugin.js";import{RichTextPlugin as Ir}from"@lexical/react/LexicalRichTextPlugin.js";import{useLexicalEditable as Fr}from"@lexical/react/useLexicalEditable";import{BLUR_COMMAND as $r,COMMAND_PRIORITY_LOW as Rt,FOCUS_COMMAND as Kr}from"lexical";import*as Q from"react";import{useEffect as zr,useState as jr}from"react";import{jsx as je}from"react/jsx-runtime";import"react";var j=({anchorElem:e,clientProps:t,plugin:o})=>o.position==="floatingAnchorElem"&&e?o.Component&&je(o.Component,{anchorElem:e,clientProps:t}):o.Component&&je(o.Component,{clientProps:t});import{c as jt}from"react/compiler-runtime";import{copyToClipboard as He}from"@lexical/clipboard";import{useLexicalComposerContext as Ht}from"@lexical/react/LexicalComposerContext.js";import{objectKlassEquals as Vt}from"@lexical/utils";import Ve from"bson-objectid";import{$getSelection as Wt,$isNodeSelection as Yt,COMMAND_PRIORITY_LOW as Gt,COPY_COMMAND as Ut}from"lexical";import{useEffect as Jt}from"react";var Te=e=>{if("fields"in e&&typeof e.fields=="object"&&e.fields!==null&&"id"in e.fields?e.fields.id=new Ve.default().toHexString():"id"in e&&(e.id=new Ve.default().toHexString()),e.children)for(let t of e.children)Te(t)};function We(){let e=jt(3),[t]=Ht(),o,n;return e[0]!==t?(o=()=>t.registerCommand(Ut,r=>{let a=Wt();if(Yt(a)){let l=a.getNodes()[0]?.exportJSON(),u=JSON.parse(JSON.stringify(l));Te(u);let d={namespace:t._config.namespace,nodes:[u]},m=JSON.stringify(d);return He(t,null,{"application/x-lexical-editor":m,"text/plain":""}).catch(qt),!0}return He(t,Vt(r,ClipboardEvent)?r:null).then(()=>{if(!(r instanceof ClipboardEvent)||!r.clipboardData)throw new Error("No clipboard event");let s=r.clipboardData.getData("application/x-lexical-editor");if(!s)return!0;let l=JSON.parse(s);for(let d of l.nodes)Te(d);let u=JSON.stringify(l);r.clipboardData.setData("application/x-lexical-editor",u)}).catch(s=>{throw r instanceof ClipboardEvent&&r.clipboardData?.setData("application/x-lexical-editor",""),s}),!0},Gt),n=[t],e[0]=t,e[1]=o,e[2]=n):(o=e[1],n=e[2]),Jt(o,n),null}function qt(e){throw e}import{c as Qt}from"react/compiler-runtime";import{useLexicalComposerContext as Xt}from"@lexical/react/LexicalComposerContext";import{$findMatchingParent as fe,mergeRegister as Zt}from"@lexical/utils";import{$createNodeSelection as eo,$getEditor as oe,$getNearestNodeFromDOMNode as to,$getSelection as me,$isDecoratorNode as H,$isElementNode as Re,$isLineBreakNode as oo,$isNodeSelection as pe,$isRangeSelection as Ye,$isRootOrShadowRoot as ro,$isTextNode as no,$setSelection as Ge,CLICK_COMMAND as io,COMMAND_PRIORITY_LOW as Y,KEY_ARROW_DOWN_COMMAND as so,KEY_ARROW_UP_COMMAND as lo,KEY_BACKSPACE_COMMAND as ao,KEY_DELETE_COMMAND as co,SELECTION_CHANGE_COMMAND as uo}from"lexical";import{useEffect as fo}from"react";function Ue(){let e=Qt(3),[t]=Xt(),o=Co,n,r;return e[0]!==t?(n=()=>Zt(t.registerCommand(io,xo,Y),t.registerCommand(co,o,Y),t.registerCommand(ao,o,Y),t.registerCommand(uo,yo,Y),t.registerCommand(lo,go,Y),t.registerCommand(so,mo,Y)),r=[t],e[0]=t,e[1]=n,e[2]=r):(n=e[1],r=e[2]),fo(n,r),null}function mo(e){let t=me();if(pe(t)){e.preventDefault();let s=t.getNodes()[0]?.getNextSibling();if(H(s)){let d=oe().getElementByKey(s.getKey());return d&&re({element:d,node:s}),!0}if(!Re(s))return!0;let l=s.getFirstDescendant()??s;return l&&(fe(l,ge)?.selectEnd(),e.preventDefault()),!0}if(!Ye(t))return!1;let n=(t.isBackward()?t.anchor:t.focus).getNode(),r=fe(n,po),a=r?.getNextSibling();if(!r||a!==Je(r))return!1;if(H(a)){let s=oe().getElementByKey(a.getKey());if(s)return re({element:s,node:a}),e.preventDefault(),!0}return!1}function po(e){return Je(e)!==null}function go(e){let t=me();if(pe(t)){let s=t.getNodes()[0]?.getPreviousSibling();if(H(s)){let d=oe().getElementByKey(s.getKey());return d?(re({element:d,node:s}),e.preventDefault(),!0):!1}if(!Re(s))return!1;let l=s.getLastDescendant()??s;return l?(fe(l,ge)?.selectStart(),e.preventDefault(),!0):!1}if(!Ye(t))return!1;let n=(t.isBackward()?t.anchor:t.focus).getNode(),r=fe(n,ho),a=r?.getPreviousSibling();if(!r||a!==qe(r))return!1;if(H(a)){let s=oe().getElementByKey(a.getKey());if(s)return re({element:s,node:a}),e.preventDefault(),!0}return!1}function ho(e){return qe(e)!==null}function yo(){let e=No();return document.querySelector(".decorator-selected")?.classList.remove("decorator-selected"),e?(e.element?.classList.add("decorator-selected"),!0):!1}function xo(e){document.querySelector(".decorator-selected")?.classList.remove("decorator-selected");let t=bo(e);if(!t)return!0;let{target:o}=e;return!(o instanceof HTMLElement)||o.isContentEditable||o.closest('button, textarea, input, .react-select, .code-editor, .no-select-decorator, [role="button"]')?Ge(null):re(t),!0}function Co(e){let t=me();return pe(t)?(e.preventDefault(),t.getNodes().forEach(Eo),!0):!1}function Eo(e){e.remove()}function bo(e){if(!(e.target instanceof HTMLElement))return;let t=e.target.closest('[data-lexical-decorator="true"]');if(!(t instanceof HTMLElement))return;let o=to(t);return H(o)?{element:t,node:o}:void 0}function No(){let e=me();if(!pe(e))return;let t=e.getNodes();if(t.length!==1)return;let o=t[0];return H(o)?{decorator:o,element:oe().getElementByKey(o.getKey())}:void 0}function re({element:e,node:t}){document.querySelector(".decorator-selected")?.classList.remove("decorator-selected");let o=eo();o.add(t.getKey()),Ge(o),e.scrollIntoView({behavior:"smooth",block:"nearest"}),e.classList.add("decorator-selected")}function ge(e){if(H(e)&&!e.isInline())return!0;if(!Re(e)||ro(e))return!1;let t=e.getFirstChild(),o=t===null||oo(t)||no(t)||t.isInline();return!e.isInline()&&e.canBeEmpty()!==!1&&o}function Je(e){let t=e.getNextSibling();for(;t!==null;){if(ge(t))return t;t=t.getNextSibling()}return null}function qe(e){let t=e.getPreviousSibling();for(;t!==null;){if(ge(t))return t;t=t.getPreviousSibling()}return null}import{jsx as ke}from"react/jsx-runtime";import{useLexicalComposerContext as ko}from"@lexical/react/LexicalComposerContext.js";import{$createParagraphNode as _o,isHTMLElement as vo}from"lexical";import*as et from"react";import{useCallback as Do,useEffect as Ze,useRef as Lo,useState as Mo}from"react";import{createPortal as Ao}from"react-dom";var G=(e,t,o,n,r=50,a=25)=>{let s=0;if(e&&!e.contains(n)){let{bottom:l,left:u,right:d,top:m}=e.getBoundingClientRect(),c=m+window.scrollY,i=l+window.scrollY;if(o<c-a||o>i+a||t<u-r||t>d+r)return-1;(t<u||t>d)&&(s=t<u?t-u:t-d)}return s};import{$getNodeByKey as ye}from"lexical";function U(e){let t=e.getBoundingClientRect(),o=getComputedStyle(e).getPropertyValue("transform");if(!o||o==="none")return t;let n=o.split(",").pop();return t.y=t.y-Number(n?.replace(")","")),t}function he(e){let t=(u,d)=>u?parseFloat(window.getComputedStyle(u)[d]):0,{marginBottom:o,marginTop:n}=window.getComputedStyle(e),r=t(e.previousElementSibling,"marginBottom"),a=t(e.nextElementSibling,"marginTop"),s=Math.max(parseFloat(n),r);return{marginBottom:Math.max(parseFloat(o),a),marginTop:s}}import{$getRoot as wo}from"lexical";function V(e){return e.getEditorState().read(()=>wo().getChildrenKeys())}var So=1,Po=-1,Qe=0,B={props:null,result:null};function To(e,t,o=20){let n=e.x-t.x,r=e.y-t.y;return n*n+r*r<=o*o}function J(e){let{anchorElem:t,cache_threshold:o=20,editor:n,fuzzy:r=!1,horizontalOffset:a=0,point:{x:s,y:l},startIndex:u=0,useEdgeAsDefault:d=!1}=e;if(o>0&&B.props&&B.result&&B.props.fuzzy===e.fuzzy&&B.props.horizontalOffset===e.horizontalOffset&&B.props.useEdgeAsDefault===e.useEdgeAsDefault&&To(B.props.point,e.point,o))return B.result;let m=t.getBoundingClientRect(),c=V(n),i={blockElem:null,blockNode:null,distance:1/0,foundAtIndex:-1,isFoundNodeEmptyParagraph:!1};return n.getEditorState().read(()=>{if(d){let p=n.getElementByKey(c[0]),g=n.getElementByKey(c[c.length-1]);if(p&&g){let[f,C]=[U(p),U(g)];if(l<f.top?(i.blockElem=p,i.distance=f.top-l,i.blockNode=ye(c[0]),i.foundAtIndex=0):l>C.bottom&&(i.distance=l-C.bottom,i.blockNode=ye(c[c.length-1]),i.blockElem=g,i.foundAtIndex=c.length-1),i?.blockElem)return{blockElem:null,isFoundNodeEmptyParagraph:!1}}}let x=u,y=Qe;for(;x>=0&&x<c.length;){let p=c[x],g=n.getElementByKey(p);if(g===null)break;let f=new K(s+a,l),C=Ke.fromDOMRect(U(g)),{marginBottom:h,marginTop:b}=he(g),_=C.generateNewRect({bottom:C.bottom+h,left:m.left,right:m.right,top:C.top-b}),{distance:w,isOnBottomSide:k,isOnTopSide:L}=_.distanceFromPoint(f);if(w===0){i.blockElem=g,i.blockNode=ye(p),i.foundAtIndex=x,i.distance=w,i.blockNode&&i.blockNode.getType()==="paragraph"&&i.blockNode.getTextContent()===""&&(!r&&!e.returnEmptyParagraphs&&(i.blockElem=null,i.blockNode=null),i.isFoundNodeEmptyParagraph=!0);break}else r&&w<i.distance&&(i.blockElem=g,i.blockNode=ye(p),i.distance=w,i.foundAtIndex=x);y===Qe&&(L?y=Po:k?y=So:y=1/0),x+=y}}),B.props=e,B.result={blockElem:i.blockElem,blockNode:i.blockNode,foundAtIndex:i.foundAtIndex,isFoundNodeEmptyParagraph:i.isFoundNodeEmptyParagraph},{blockElem:i.blockElem,blockNode:i.blockNode,foundAtIndex:i.foundAtIndex,isFoundNodeEmptyParagraph:i.isFoundNodeEmptyParagraph}}function xe(e,t){return!!e.closest(`.${t}`)}var Ro=["IMG","INPUT","TEXTAREA","SELECT","BUTTON","VIDEO","OBJECT","EMBED","IFRAME","HR"];function Xe(e){if(!e||Ro.includes(e.tagName)||e.offsetHeight===0||e.offsetWidth===0)return!1;let t=window.getComputedStyle(e);return!(t.display==="table-cell"||t.position==="absolute"||t.visibility==="hidden"||t.opacity==="0")}function Ce(e,t,o,n=0){if(!e){t.style.opacity="0",t.style.transform="translate(-10000px, -10000px)";return}let r=e.getBoundingClientRect(),a=window.getComputedStyle(e),s=t.getBoundingClientRect(),l=o.getBoundingClientRect(),u;if(["LexicalEditorTheme__block","LexicalEditorTheme__upload","LexicalEditorTheme__relationship"].some(c=>e.classList.contains(c)||e.firstElementChild?.classList.contains(c)))u=r.top+8-l.top;else{let c=Xe(e)?parseInt(a.lineHeight,10):0;u=r.top+(c-s.height)/2-l.top}let m=n;t.style.opacity="1",t.style.transform=`translate(${m}px, ${u}px)`}var Bo="add-block-menu",Ee=1/0;function Oo(e){return e===0?1/0:Ee>=0&&Ee<e?Ee:Math.floor(e/2)}function Io(e,t,o){let n=t.parentElement,{editorConfig:r}=P(),a=r?.admin?.hideGutter?-24:12,s=Lo(null),[l,u]=Mo(null);Ze(()=>{function m(c){let i=c.target;if(!vo(i))return;let x=G(n,c.pageX,c.pageY,i);if(x===-1){u(null);return}if(xe(i,Bo))return;let y=V(e),{blockElem:p,blockNode:g,foundAtIndex:f}=J({anchorElem:t,cache_threshold:0,editor:e,horizontalOffset:-x,point:new K(c.x,c.y),returnEmptyParagraphs:!0,startIndex:Oo(y.length),useEdgeAsDefault:!1});Ee=f,p&&g&&(l?.node!==g||l?.elem!==p)&&u({elem:p,node:g})}return document?.addEventListener("mousemove",m),()=>{document?.removeEventListener("mousemove",m)}},[n,t,e,l]),Ze(()=>{s.current&&l?.node&&Ce(l?.elem,s.current,t,a)},[t,l,a]);let d=Do(m=>{let c=l;c?.node&&(e.update(()=>{let i=!0;if((c?.node.getType()!=="paragraph"||c.node.getTextContent()!=="")&&(i=!1),!i){let x=_o();c?.node.insertAfter(x),setTimeout(()=>{c={elem:e.getElementByKey(x.getKey()),node:x},u(c)},0)}}),setTimeout(()=>{e.update(()=>{e.focus(),c?.node&&"select"in c.node&&typeof c.node.select=="function"&&c.node.select()})},1),setTimeout(()=>{e.dispatchCommand(Fe,{node:c?.node})},2),m.stopPropagation(),m.preventDefault())},[e,l]);return Ao(ke(et.Fragment,{children:ke("button",{"aria-label":"Add block",className:"icon add-block-menu",onClick:m=>{d(m)},ref:s,type:"button",children:ke("div",{className:o?"icon":""})})}),t)}function tt(e){let{anchorElem:t}=e,o=t===void 0?document.body:t,[n]=ko();return Io(n,o,n._editable)}import{jsx as be,jsxs as $o}from"react/jsx-runtime";import{useLexicalComposerContext as Ko}from"@lexical/react/LexicalComposerContext.js";import{eventFiles as nt}from"@lexical/rich-text";import{$getNearestNodeFromDOMNode as it,$getNodeByKey as zo,isHTMLElement as _e}from"lexical";import*as ut from"react";import{useEffect as ve,useRef as ne,useState as st}from"react";import{createPortal as jo}from"react-dom";var ot=0,Fo=-24;var W=0;function rt(e,t,o,n,r,a,s,l,u,d=!1){let{height:m,top:c}=n.getBoundingClientRect(),{top:i,width:x}=s.getBoundingClientRect(),{marginBottom:y,marginTop:p}=he(n),g=c,f=a>=c+m/2+window.scrollY,C=!1;if(r?.elem)if(n!==r?.elem)(f&&r?.elem&&r?.elem===n.nextElementSibling||!f&&r?.elem&&r?.elem===n.previousElementSibling)&&(W++,W<200&&(C=!0));else{W++;let w=r?.boundingBox?.y,k=n.getBoundingClientRect().y;(f===r?.isBelow&&w===k||W<200)&&(C=!1)}if(C)return{isBelow:f,willStayInSamePosition:C};d?g+=m/2:f?g+=m+y/2:g-=p/2;let h=0;d||(f?h=-ot:h=ot);let b=g-i+h,_=Fo-t;return o.style.width=`calc(${x}px - ${e} - var(--spacer-5))`,o.style.opacity=".8",o.style.transform=`translate(${_}px, calc(${b}px - 2px))`,r?.elem&&(r.elem.style.opacity="",r?.elem===n?f?r.elem.style.marginTop="":r.elem.style.marginBottom="":(r.elem.style.marginBottom="",r.elem.style.marginTop="")),W=0,{isBelow:f,willStayInSamePosition:C}}var Ho="draggable-block-menu",lt="application/x-lexical-drag-block",ie=1/0;function at(e){return e===0?1/0:ie>=0&&ie<e?ie:Math.floor(e/2)}function Vo(e,t){let{transform:o}=t.style;e.setDragImage(t,0,0),setTimeout(()=>{t.style.transform=o})}function ct(e,t){e&&(e.style.opacity="0"),t&&(t.style.opacity="",t.style.marginBottom="",t.style.marginTop="")}function Wo(e,t,o){let n=t.parentElement,r=ne(null),a=ne(null),s=ne(null),l=ne(!1),u=ne([]),[d,m]=st(null),[c,i]=st(null),{editorConfig:x}=P(),y=x?.admin?.hideGutter?-44:-8;ve(()=>{function f(C){let h=C.target;if(!_e(h))return;let b=G(n,C.pageX,C.pageY,h);if(b===-1){m(null);return}if(xe(h,Ho))return;let _=V(e),{blockElem:w,foundAtIndex:k,isFoundNodeEmptyParagraph:L}=J({anchorElem:t,cache_threshold:0,editor:e,horizontalOffset:-b,point:new K(C.x,C.y),startIndex:at(_.length),useEdgeAsDefault:!1,verbose:!1});ie=k,!(!w&&!L)&&d!==w&&m(w)}return document?.addEventListener("mousemove",f),()=>{document?.removeEventListener("mousemove",f)}},[n,t,e,d]),ve(()=>{r.current&&Ce(d,r.current,t,y)},[t,d,y]),ve(()=>{function f(h){if(!l.current)return!1;let[b]=nt(h);if(b)return!1;let{pageY:_,target:w}=h;if(!_e(w))return!1;let k=G(n,h.pageX,h.pageY,w,100,50),L=V(e),{blockElem:S,foundAtIndex:I,isFoundNodeEmptyParagraph:R}=J({anchorElem:t,editor:e,fuzzy:!0,horizontalOffset:-k,point:new K(h.x,h.y),startIndex:at(L.length),useEdgeAsDefault:!0,verbose:!0});ie=I;let F=a.current;if(S===null||F===null)return!1;if(h.preventDefault(),h.dataTransfer.dropEffect="move",d!==S){let{isBelow:v,willStayInSamePosition:M}=rt(x?.admin?.hideGutter?"0px":"var(--spacer-5)",y+(x?.admin?.hideGutter?r?.current?.getBoundingClientRect()?.width??0:-(r?.current?.getBoundingClientRect()?.width??0)),F,S,c,_,t,h,s,R);M||i({boundingBox:S.getBoundingClientRect(),elem:S,isBelow:v})}else c?.elem&&(ct(F,c.elem),i({boundingBox:S.getBoundingClientRect(),elem:S,isBelow:!1}));return!0}function C(h){if(!l.current)return!1;let[b]=nt(h);if(b)return!1;let{dataTransfer:_,pageY:w,target:k}=h,L=_?.getData(lt)||"";return e.update(()=>{let S=zo(L);if(!S||!_e(k))return!1;let I=G(n,h.pageX,h.pageY,k,100,50),{blockElem:R,isFoundNodeEmptyParagraph:F}=J({anchorElem:t,editor:e,fuzzy:!0,horizontalOffset:-I,point:new K(h.x,h.y),useEdgeAsDefault:!0});if(!R)return!1;let v=it(R);if(!v)return!1;if(v===S)return!0;let{height:M,top:ae}=U(R),Ne=w>=ae+M/2+window.scrollY;F?(v.insertBefore(S),v.remove()):Ne?v.insertAfter(S):v.insertBefore(S),d!==null&&m(null),document.querySelectorAll(".lexical-block-highlighter").forEach(T=>{T.remove()});let we=e.getElementByKey(S.getKey()),ce=setTimeout(()=>{let T=we?.getBoundingClientRect();if(!T)return;let N=document.createElement("div");N.className="lexical-block-highlighter",N.style.backgroundColor="var(--color-bg-inverse)",N.style.transition="opacity 0.5s ease-in-out",N.style.zIndex="1",N.style.pointerEvents="none",N.style.boxSizing="border-box",N.style.borderRadius="4px",N.style.position="absolute",document.body.appendChild(N),N.style.opacity="0.1",N.style.height=`${T.height+8}px`,N.style.width=`${T.width+8}px`,N.style.top=`${T.top+window.scrollY-4}px`,N.style.left=`${T.left-4}px`;let ue=setTimeout(()=>{N.style.opacity="0";let de=setTimeout(()=>{N.remove()},500);u.current.push(de)},1e3);u.current.push(ue)},120);u.current.push(ce)}),!0}return document.addEventListener("dragover",f),document.addEventListener("drop",C),()=>{document.removeEventListener("dragover",f),document.removeEventListener("drop",C),u.current.forEach(clearTimeout),u.current=[]}},[n,y,t,e,c,d,x?.admin?.hideGutter]);function p(f){let C=f.dataTransfer;if(!C||!d)return;Vo(C,d),C.effectAllowed="move";let h="";e.update(()=>{let b=it(d);b&&(h=b.getKey())}),l.current=!0,C.setData(lt,h)}function g(){l.current=!1,c?.elem&&ct(a.current,c?.elem)}return jo($o(ut.Fragment,{children:[be("button",{"aria-label":"Drag to move",className:"icon draggable-block-menu",draggable:!0,onDragEnd:g,onDragStart:p,ref:r,type:"button",children:be("div",{className:o?"icon":""})}),be("div",{className:"draggable-block-target-line",ref:a}),be("div",{className:"debug-highlight",ref:s})]}),t)}function dt(e){let{anchorElem:t}=e,o=t===void 0?document.body:t,[n]=Ko();return Wo(n,o,n._editable)}import{c as Yo}from"react/compiler-runtime";import{jsx as De}from"react/jsx-runtime";import{useLexicalComposerContext as Go}from"@lexical/react/LexicalComposerContext";import{useTranslation as Uo}from"@payloadcms/ui";import{$createParagraphNode as Jo,$getRoot as qo}from"lexical";import"react";var ft="insert-paragraph-at-end",mt=()=>{let e=Yo(5),[t]=Go(),{editorConfig:o}=P(),{t:n}=Uo();if(o?.admin?.hideInsertParagraphAtEnd)return null;let r;e[0]!==t?(r=()=>{t.update(Qo)},e[0]=t,e[1]=r):r=e[1];let a=r,s;return e[2]!==a||e[3]!==n?(s=De("button",{"aria-label":n("lexical:general:insertParagraph"),className:ft,onClick:a,type:"button",children:De("span",{className:`${ft}-inside`,children:De(Be,{size:16})})}),e[2]=a,e[3]=n,e[4]=s):s=e[4],s};function Qo(){let e=Jo();qo().append(e),e.select()}import{c as Xo}from"react/compiler-runtime";import{registerMarkdownShortcuts as Zo}from"@lexical/markdown";import{useLexicalComposerContext as er}from"@lexical/react/LexicalComposerContext";import*as pt from"react";var gt=()=>{let e=Xo(4),{editorConfig:t}=P(),[o]=er(),n,r;return e[0]!==o||e[1]!==t.features.markdownTransformers?(n=()=>Zo(o,t.features.markdownTransformers??[]),r=[o,t.features.markdownTransformers],e[0]=o,e[1]=t.features.markdownTransformers,e[2]=n,e[3]=r):(n=e[2],r=e[3]),pt.useEffect(n,r),null};import{c as tr}from"react/compiler-runtime";import{useLexicalComposerContext as or}from"@lexical/react/LexicalComposerContext.js";import{$getRoot as rr}from"lexical";import{useEffect as nr}from"react";function ir(e){e.update(()=>{let t=o=>{let n=o.getType();if((n==="block"||n==="inlineBlock")&&o.markDirty(),"getChildren"in o&&typeof o.getChildren=="function")for(let r of o.getChildren())t(r)};t(rr())})}function ht(){let e=tr(5),[t]=or(),{currentView:o,views:n}=$(),r,a;return e[0]!==o||e[1]!==t||e[2]!==n?(r=()=>{n&&(o==="default"?n.default?Se(t,n.default?.nodes):Pe(t):n[o]&&(Pe(t),Se(t,n[o]?.nodes)),ir(t))},a=[t,n,o],e[0]=o,e[1]=t,e[2]=n,e[3]=r,e[4]=a):(r=e[3],a=e[4]),nr(r,a),null}import{useLexicalComposerContext as sr}from"@lexical/react/LexicalComposerContext";import{$getSelection as lr,$isRangeSelection as ar,RootNode as cr}from"lexical";import{useEffect as ur}from"react";function yt(){let[e]=sr();return ur(()=>e.registerNodeTransform(cr,t=>{let o=lr();if(ar(o)){let n=o.anchor.getNode(),r=o.focus.getNode();(!n.isAttached()||!r.isAttached())&&(t.selectEnd(),console.warn("updateEditor: selection has been moved to the end of the editor because the previously selected nodes have been removed and selection wasn't moved to another node. Ensure selection changes after removing/replacing a selected node."))}return!1}),[e]),null}import{useLexicalComposerContext as dr}from"@lexical/react/LexicalComposerContext";import{$getSelection as fr,COMMAND_PRIORITY_LOW as mr,SELECT_ALL_COMMAND as pr}from"lexical";import{useEffect as gr}from"react";function xt(){let[e]=dr();return gr(()=>e.registerCommand(pr,()=>{if(fr())return!1;let o=document.activeElement;return o instanceof HTMLInputElement&&o.select(),!0},mr),[e]),null}import{jsx as q,jsxs as Et}from"react/jsx-runtime";import{useLexicalComposerContext as yr}from"@lexical/react/LexicalComposerContext.js";import{useTranslation as bt}from"@payloadcms/ui";import{useCallback as xr,useMemo as Cr,useState as Er}from"react";import"react";import*as Nt from"react-dom";import{c as hr}from"react/compiler-runtime";import"react";function Ct(e,t){let o=hr(4),{maxLength:n,minLength:r}=t,a=n===void 0?75:n,s=r===void 0?1:r,l;return o[0]!==a||o[1]!==s||o[2]!==e?(l=u=>{let{query:d}=u,m="[^"+e+Ie+"\\s]",i=new RegExp("(^|\\s|\\()(["+e+"]((?:"+m+"){0,"+a+"}))$").exec(d);if(i!==null){let x=i[1],y=i[3];if(y.length>=s)return{leadOffset:i.index+x.length,matchingString:y,replaceableString:i[2]}}return null},o[0]=a,o[1]=s,o[2]=e,o[3]=l):l=o[3],l}var O="slash-menu-popup";function br({isSelected:e,item:t,onClick:o,onMouseEnter:n,ref:r}){let{fieldProps:{featureClientSchemaMap:a,schemaPath:s}}=P(),{i18n:l}=bt(),u=`${O}__item ${O}__item-${t.key}`;e&&(u+=` ${O}__item--selected`);let d=t.key;return t.label&&(d=typeof t.label=="function"?t.label({featureClientSchemaMap:a,i18n:l,schemaPath:s}):t.label),d.length>25&&(d=d.substring(0,25)+"..."),Et("button",{"aria-selected":e,className:u,id:O+"__item-"+t.key,onClick:o,onMouseEnter:n,ref:r,role:"option",tabIndex:-1,type:"button",children:[t?.Icon&&q(t.Icon,{}),q("span",{className:`${O}__item-text`,children:d})]},t.key)}function wt({anchorElem:e=document.body}){let[t]=yr(),[o,n]=Er(null),{editorConfig:r}=P(),{i18n:a}=bt(),{fieldProps:{featureClientSchemaMap:s,schemaPath:l}}=P(),u=Ct("/",{minLength:0}),d=xr(()=>{let c=[];for(let i of r.features.slashMenu.dynamicGroups)if(o){let x=i({editor:t,queryString:o});c=c.concat(x)}return c},[t,o,r?.features]),m=Cr(()=>{let c=[];for(let i of r?.features.slashMenu.groups??[])c.push(i);if(o){let i=o.toLowerCase().replace(/[\s\-_]/g,"");c=c.map(y=>{let p=y.items.filter(g=>{let f=g.key;return g.label&&(f=typeof g.label=="function"?g.label({featureClientSchemaMap:s,i18n:a,schemaPath:l}):g.label),new RegExp(o,"gi").exec(f)||f.toLowerCase().replace(/[\s\-_]/g,"").includes(i)?!0:g.keywords!=null?g.keywords.some(h=>new RegExp(o,"gi").exec(h)?!0:h.toLowerCase().replace(/[\s\-_]/g,"").includes(i)):!1});return p.length?{...y,items:p}:null}),c=c.filter(y=>y!=null);let x=d();for(let y of x){let p=c.find(g=>g.key===y.key);p?c=c.filter(g=>g.key!==y.key):p={...y,items:[]},p?.items?.length&&(p.items=p.items.concat(p.items)),c.push(p)}}return c},[o,r?.features.slashMenu.groups,d,s,a,l]);return q($e,{anchorElem:e,groups:m,menuRenderFn:(c,{selectedItemKey:i,selectItemAndCleanUp:x,setSelectedItemKey:y})=>c.current&&m.length?Nt.createPortal(q("div",{className:O,"data-theme":"dark",children:m.map(p=>{let g=p.key;return p.label&&s&&(g=typeof p.label=="function"?p.label({featureClientSchemaMap:s,i18n:a,schemaPath:l}):p.label),Et("div",{className:`${O}__group ${O}__group-${p.key}`,children:[q("div",{className:`${O}__group-title`,children:g}),p.items.map((f,C)=>q(br,{index:C,isSelected:i===f.key,item:f,onClick:()=>{y(f.key),x(f)},onMouseEnter:()=>{y(f.key)},ref:h=>{f.ref={current:h}}},f.key))]},p.key)})}),c.current):null,onQueryChange:n,triggerFn:u})}import{c as Nr}from"react/compiler-runtime";import{useLexicalComposerContext as wr}from"@lexical/react/LexicalComposerContext";import{TEXT_TYPE_TO_FORMAT as Sr,TextNode as Pr}from"lexical";import{useEffect as Tr}from"react";function St(e){let t=Nr(6),{features:o}=e,[n]=wr(),r;t[0]!==n||t[1]!==o.enabledFormats?(r=()=>{let s=Rr(o.enabledFormats);if(s.length!==0)return n.registerNodeTransform(Pr,l=>{s.forEach(u=>{l.hasFormat(u)&&l.toggleFormat(u)})})},t[0]=n,t[1]=o.enabledFormats,t[2]=r):r=t[2];let a;return t[3]!==n||t[4]!==o?(a=[n,o],t[3]=n,t[4]=o,t[5]=a):a=t[5],Tr(r,a),null}function Rr(e){let t=Object.keys(Sr),o=new Set(e);return t.filter(n=>!o.has(n))}import{c as kr}from"react/compiler-runtime";import{jsx as Pt}from"react/jsx-runtime";import{useLexicalComposerContext as _r}from"@lexical/react/LexicalComposerContext";import{ContentEditable as vr}from"@lexical/react/LexicalContentEditable.js";import{useTranslation as Dr}from"@payloadcms/ui";import"react";function Tt(e){let t=kr(5),{className:o,editorConfig:n}=e,{t:r}=Dr(),[,a]=_r(),{getTheme:s}=a,l;if(t[0]!==o||t[1]!==n?.admin?.placeholder||t[2]!==s||t[3]!==r){let u=s();l=Pt(vr,{"aria-placeholder":r("lexical:general:placeholder"),className:o??"ContentEditable__root",placeholder:Pt("p",{className:u?.placeholder,children:n?.admin?.placeholder??r("lexical:general:placeholder")})}),t[0]=o,t[1]=n?.admin?.placeholder,t[2]=s,t[3]=r,t[4]=l}else l=t[4];return l}var kt=e=>{let t=Lr(13),{editorConfig:o,editorContainerRef:n,isSmallWidthViewport:r,onChange:a,rtl:s}=e,l=P(),[u]=Mr(),d=Fr(),[m,c]=jr(null),i;t[0]===Symbol.for("react.memo_cache_sentinel")?(i=f=>{f!==null&&c(f)},t[0]=i):i=t[0];let x=i,y,p;t[1]!==u||t[2]!==l?(y=()=>{if(!l?.uuid){console.error("Lexical Editor must be used within an EditorConfigProvider");return}l?.parentEditor?.uuid&&l.parentEditor?.registerChild(l.uuid,l);let f=()=>{l.focusEditor(l)},C=()=>{l.blurEditor(l)},h=u.registerCommand(Kr,()=>(f(),!0),Rt),b=u.registerCommand($r,()=>(C(),!0),Rt);return()=>{h(),b(),l.parentEditor?.unregisterChild?.(l.uuid)}},p=[u,l],t[1]=u,t[2]=l,t[3]=y,t[4]=p):(y=t[3],p=t[4]),zr(y,p);let g;return t[5]!==o||t[6]!==n||t[7]!==m||t[8]!==d||t[9]!==r||t[10]!==a||t[11]!==s?(g=se(Q.Fragment,{children:[o.features.plugins?.map(Hr),se("div",{className:"editor-container",dir:s?"rtl":void 0,ref:n,children:[o.features.plugins?.map(Vr),E(Ir,{contentEditable:E("div",{className:"editor-scroller",children:E("div",{className:"editor",ref:x,children:E(Tt,{editorConfig:o})})}),ErrorBoundary:Ar}),E(yt,{}),d&&E(mt,{}),E(Ue,{}),E(We,{}),E(St,{features:o.features}),E(xt,{}),E(ht,{}),d&&E(Or,{ignoreSelectionChange:!0,onChange:(f,C,h)=>{(!h.has("focus")||h.size>1)&&a?.(f,C,h)}}),m&&se(Q.Fragment,{children:[!r&&d&&se(Q.Fragment,{children:[o.admin?.hideDraggableBlockElement?null:E(dt,{anchorElem:m}),o.admin?.hideAddBlockButton?null:E(tt,{anchorElem:m})]}),o.features.plugins?.map(f=>{if(f.position==="floatingAnchorElem"&&!(f.desktopOnly===!0&&r))return E(j,{anchorElem:m,clientProps:f.clientProps,plugin:f},f.key)}),d&&E(Q.Fragment,{children:E(wt,{anchorElem:m})})]}),d&&se(Q.Fragment,{children:[E(Br,{}),o?.features?.markdownTransformers?.length>0&&E(gt,{})]}),o.features.plugins?.map(Wr),o.features.plugins?.map(Yr)]}),o.features.plugins?.map(Gr)]}),t[5]=o,t[6]=n,t[7]=m,t[8]=d,t[9]=r,t[10]=a,t[11]=s,t[12]=g):g=t[12],g};function Hr(e){if(e.position==="aboveContainer")return E(j,{clientProps:e.clientProps,plugin:e},e.key)}function Vr(e){if(e.position==="top")return E(j,{clientProps:e.clientProps,plugin:e},e.key)}function Wr(e){if(e.position==="normal")return E(j,{clientProps:e.clientProps,plugin:e},e.key)}function Yr(e){if(e.position==="bottom")return E(j,{clientProps:e.clientProps,plugin:e},e.key)}function Gr(e){if(e.position==="belowContainer")return E(j,{clientProps:e.clientProps,plugin:e},e.key)}var vt=({children:e,providers:t})=>{if(!t?.length)return e;let o=t[0];return t.length>1?z(o,{children:z(vt,{providers:t.slice(1),children:e})}):z(o,{children:e})},Dt=e=>{let{composerKey:t,editorConfig:o,fieldProps:n,isSmallWidthViewport:r,onChange:a,readOnly:s,rtl:l,value:u}=e,{currentView:d,views:m}=$(),c=P(),i=Jr(),x=_t.useRef(null),y=qr(()=>{if(u&&typeof u!="object")throw new Error("The value passed to the Lexical editor is not an object. This is not supported. Please remove the data from the field and start again. This is the value that was passed in: "+JSON.stringify(u));if(u&&Array.isArray(u)&&!("root"in u))throw new Error("You have tried to pass in data from the old Slate editor to the new Lexical editor. The data structure is different, thus you will have to migrate your data. We offer a one-line migration script which migrates all your rich text fields: https://payloadcms.com/docs/lexical/migration#migration-via-migration-script-recommended");if(u&&"jsonContent"in u)throw new Error("You have tried to pass in data from payload-plugin-lexical. The data structure is different, thus you will have to migrate your data. Migration guide: https://payloadcms.com/docs/lexical/migration#migrating-from-payload-plugin-lexical");let p=m?.[d]?.nodes;return{editable:s!==!0,editorState:u!=null?JSON.stringify(u):void 0,namespace:o.lexical.namespace,nodes:ze({editorConfig:o,nodeViews:p}),onError:g=>{throw g},theme:o.lexical.theme}},[o,m,d]);return y?z(Ur,{initialConfig:y,children:z(Ae,{editorConfig:o,editorContainerRef:x,fieldProps:n,parentContext:c?.editDepth===i?c:void 0,children:z(vt,{providers:o.features.providers,children:z(kt,{editorConfig:o,editorContainerRef:x,isSmallWidthViewport:r,onChange:a,rtl:l})})})},t+y.editable+d):z("p",{children:"Loading..."})};import{c as Qr}from"react/compiler-runtime";import{jsx as X,jsxs as Xr}from"react/jsx-runtime";import{ChevronIcon as Zr,Popup as en,PopupList as Lt}from"@payloadcms/ui";import"react";function Mt(){let e=Qr(5),{currentView:t,setCurrentView:o,views:n}=$();if(!n||Object.keys(n).length===0)return null;let r,a;if(e[0]!==t||e[1]!==o||e[2]!==n){a=Symbol.for("react.early_return_sentinel");e:{let s=Object.keys(n);if(!s.some(on)){a=null;break e}let u=["default",...s.filter(tn)],d=t.charAt(0).toUpperCase()+t.slice(1);r=X("div",{className:"lexical-view-selector",children:X(en,{button:Xr("button",{className:"lexical-view-selector__button",type:"button",children:[X("span",{className:"lexical-view-selector__label",children:d}),X(Zr,{className:"lexical-view-selector__icon"})]}),buttonType:"custom",horizontalAlign:"left",render:m=>{let{close:c}=m;return X(Lt.ButtonGroup,{children:u.map(i=>{let x=i.charAt(0).toUpperCase()+i.slice(1);return X(Lt.Button,{active:i===t,disabled:i===t,onClick:()=>{o?.(i),c()},children:x},i)})})},size:"large"})})}e[0]=t,e[1]=o,e[2]=n,e[3]=r,e[4]=a}else r=e[3],a=e[4];return a!==Symbol.for("react.early_return_sentinel")?a:r}function tn(e){return e!=="default"}function on(e){return e!=="default"}var Z="rich-text-lexical",xn=e=>{let{editorConfig:t,field:o,field:{admin:{className:n,description:r,readOnly:a}={},label:s,localized:l,required:u},path:d,readOnly:m,schemaPath:c,validate:i}=e,x=m||a,y=mn(),{config:{localization:p}}=cn(),g=an({fieldLocalized:l,locale:y,localizationConfig:p||void 0}),f=un(),{isControlledByParent:C}=$(),h=Ot((A,te)=>typeof i=="function"?i(A,{...te,required:u}):!0,[i,u]),{customComponents:{AfterInput:b,BeforeInput:_,Description:w,Error:k,Label:L}={},disabled:S,initialValue:I,path:R,setValue:F,showError:v,value:M}=fn({potentiallyStalePath:d,validate:h}),ae=x||S,[ee,Ne]=Ft(!1),[Le,we]=Ft(),ce=Bt.useRef(I),T=Bt.useRef(M);It(()=>{let A=()=>{let te=window.matchMedia("(max-width: 768px)").matches;te!==ee&&Ne(te)};return A(),window.addEventListener("resize",A),()=>{window.removeEventListener("resize",A)}},[ee]);let N=["field-type",Z,n,v&&"error",ae&&`${Z}--read-only`,t?.admin?.hideGutter!==!0&&!ee?`${Z}--show-gutter`:null].filter(Boolean).join(" "),ue=`${R}.${f}`,de=Oe(),$t=Ot(A=>{de(()=>{let Me=A.toJSON();T.current=Me,F(Me)})},[F,de]),Kt=hn(()=>pn(o),[o]),zt=dn(A=>{T.current!==M&&!gn(T.current!=null?JSON.parse(JSON.stringify(T.current)):T.current,M)&&(ce.current=A,T.current=M,we(new Date))});return It(()=>{Object.is(I,ce.current)||zt(I)},[I]),le("div",{className:N,"data-field-path":R,"data-field-schemapath":c,"data-lexical-view":t?.view,style:Kt,children:[le("div",{className:`${Z}__label-row`,children:[L||D(ln,{label:s,localized:l,path:R,required:u}),!C&&D(Mt,{})]}),le("div",{className:`${Z}__wrap`,children:[D(At,{CustomComponent:k,Fallback:D(sn,{path:R,showError:v})}),le(yn,{fallbackRender:Cn,onReset:()=>{},children:[_,D("div",{className:`${Z}__editor-content`,children:D(rn,{modalSlugPrefix:`lexical-${R}`,children:D(Dt,{composerKey:ue,editorConfig:t,fieldProps:e,isSmallWidthViewport:ee,onChange:$t,readOnly:ae,rtl:g,value:M},JSON.stringify({path:R,rerenderProviderKey:Le}))})}),b]}),D(At,{CustomComponent:w,Fallback:D(nn,{description:r,path:R})})]})]},ue)};function Cn({error:e}){return le("div",{className:"errorBoundary",role:"alert",children:[D("p",{children:"Something went wrong:"}),D("pre",{style:{color:"red"},children:e instanceof Error?e.message:String(e)})]})}var Ll=xn;export{Ll as RichText};
+//# sourceMappingURL=Field-F22V5L4V.js.map