@payloadcms/richtext-lexical 3.13.0 → 3.14.1-canary.1bb19f3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/exports/client/{Field-DTQOXLGX.js → Field-7ROJ5JAM.js} +2 -2
  2. package/dist/exports/client/Field-7ROJ5JAM.js.map +7 -0
  3. package/dist/exports/client/chunk-QNRPT52J.js +2 -0
  4. package/dist/exports/client/chunk-QNRPT52J.js.map +7 -0
  5. package/dist/exports/client/componentInline-TPGMZRGQ.js +2 -0
  6. package/dist/exports/client/index.js +11 -11
  7. package/dist/exports/client/index.js.map +4 -4
  8. package/dist/features/align/server/i18n.d.ts.map +1 -1
  9. package/dist/features/align/server/i18n.js +12 -0
  10. package/dist/features/align/server/i18n.js.map +1 -1
  11. package/dist/features/blockquote/server/i18n.d.ts.map +1 -1
  12. package/dist/features/blockquote/server/i18n.js +6 -0
  13. package/dist/features/blockquote/server/i18n.js.map +1 -1
  14. package/dist/features/blocks/client/componentInline/index.d.ts.map +1 -1
  15. package/dist/features/blocks/client/componentInline/index.js +9 -0
  16. package/dist/features/blocks/client/componentInline/index.js.map +1 -1
  17. package/dist/features/blocks/server/i18n.d.ts.map +1 -1
  18. package/dist/features/blocks/server/i18n.js +18 -0
  19. package/dist/features/blocks/server/i18n.js.map +1 -1
  20. package/dist/features/blocks/server/validate.js +1 -1
  21. package/dist/features/blocks/server/validate.js.map +1 -1
  22. package/dist/features/heading/server/i18n.d.ts.map +1 -1
  23. package/dist/features/heading/server/i18n.js +6 -0
  24. package/dist/features/heading/server/i18n.js.map +1 -1
  25. package/dist/features/horizontalRule/server/i18n.d.ts.map +1 -1
  26. package/dist/features/horizontalRule/server/i18n.js +6 -0
  27. package/dist/features/horizontalRule/server/i18n.js.map +1 -1
  28. package/dist/features/indent/client/index.js +2 -2
  29. package/dist/features/indent/client/index.js.map +1 -1
  30. package/dist/features/indent/server/i18n.d.ts.map +1 -1
  31. package/dist/features/indent/server/i18n.js +8 -0
  32. package/dist/features/indent/server/i18n.js.map +1 -1
  33. package/dist/features/link/server/i18n.d.ts.map +1 -1
  34. package/dist/features/link/server/i18n.js +8 -0
  35. package/dist/features/link/server/i18n.js.map +1 -1
  36. package/dist/features/lists/checklist/server/i18n.d.ts.map +1 -1
  37. package/dist/features/lists/checklist/server/i18n.js +6 -0
  38. package/dist/features/lists/checklist/server/i18n.js.map +1 -1
  39. package/dist/features/lists/orderedList/server/i18n.d.ts.map +1 -1
  40. package/dist/features/lists/orderedList/server/i18n.js +6 -0
  41. package/dist/features/lists/orderedList/server/i18n.js.map +1 -1
  42. package/dist/features/lists/unorderedList/server/i18n.d.ts.map +1 -1
  43. package/dist/features/lists/unorderedList/server/i18n.js +6 -0
  44. package/dist/features/lists/unorderedList/server/i18n.js.map +1 -1
  45. package/dist/features/paragraph/server/i18n.d.ts.map +1 -1
  46. package/dist/features/paragraph/server/i18n.js +8 -0
  47. package/dist/features/paragraph/server/i18n.js.map +1 -1
  48. package/dist/features/relationship/client/drawer/index.d.ts.map +1 -1
  49. package/dist/features/relationship/client/drawer/index.js +9 -30
  50. package/dist/features/relationship/client/drawer/index.js.map +1 -1
  51. package/dist/features/relationship/server/i18n.d.ts.map +1 -1
  52. package/dist/features/relationship/server/i18n.js +6 -0
  53. package/dist/features/relationship/server/i18n.js.map +1 -1
  54. package/dist/features/upload/server/i18n.d.ts.map +1 -1
  55. package/dist/features/upload/server/i18n.js +6 -0
  56. package/dist/features/upload/server/i18n.js.map +1 -1
  57. package/dist/i18n.d.ts.map +1 -1
  58. package/dist/i18n.js +12 -0
  59. package/dist/i18n.js.map +1 -1
  60. package/dist/lexical/LexicalEditor.js +0 -1
  61. package/dist/lexical/LexicalEditor.js.map +1 -1
  62. package/package.json +7 -7
  63. package/dist/exports/client/Field-DTQOXLGX.js.map +0 -7
  64. package/dist/exports/client/chunk-4J2ONJMB.js +0 -2
  65. package/dist/exports/client/chunk-4J2ONJMB.js.map +0 -7
  66. package/dist/exports/client/componentInline-B5YNOX32.js +0 -2
  67. package/dist/features/indent/client/plugins/index.d.ts +0 -3
  68. package/dist/features/indent/client/plugins/index.d.ts.map +0 -1
  69. package/dist/features/indent/client/plugins/index.js +0 -73
  70. package/dist/features/indent/client/plugins/index.js.map +0 -1
  71. /package/dist/exports/client/{componentInline-B5YNOX32.js.map → componentInline-TPGMZRGQ.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- "use client";import{c as fe,g as j,h as B,j as pe,k as ge,l as he,m as ye,n as xe}from"./chunk-WCORQHZQ.js";import{a as ue,b as R}from"./chunk-CUIBIFW2.js";import{jsx as F,jsxs as se}from"react/jsx-runtime";import{FieldDescription as eo,FieldError as to,FieldLabel as oo,RenderCustomComponent as Ze,useEditDepth as no,useField as ro}from"@payloadcms/ui";import{mergeFieldStyles as io}from"@payloadcms/ui/shared";import{useCallback as et,useMemo as so}from"react";import{ErrorBoundary as lo}from"react-error-boundary";import"./bundled.css";import{jsx as A}from"react/jsx-runtime";import{LexicalComposer as Xt}from"@lexical/react/LexicalComposer.js";import*as Je from"react";import{useMemo as Zt}from"react";import{c as $t}from"react/compiler-runtime";import{jsx as w,jsxs as q}from"react/jsx-runtime";import{useLexicalComposerContext as Ht}from"@lexical/react/LexicalComposerContext.js";import{LexicalErrorBoundary as jt}from"@lexical/react/LexicalErrorBoundary.js";import{HistoryPlugin as zt}from"@lexical/react/LexicalHistoryPlugin.js";import{OnChangePlugin as Kt}from"@lexical/react/LexicalOnChangePlugin.js";import{RichTextPlugin as Gt}from"@lexical/react/LexicalRichTextPlugin.js";import{BLUR_COMMAND as Wt,COMMAND_PRIORITY_LOW as Ye,FOCUS_COMMAND as Yt}from"lexical";import*as Y from"react";import{useEffect as Ue,useState as Ve}from"react";import{jsx as Ee}from"react/jsx-runtime";import"react";var O=({anchorElem:t,clientProps:e,plugin:o})=>o.position==="floatingAnchorElem"&&t?o.Component&&Ee(o.Component,{anchorElem:t,clientProps:e}):o.Component&&Ee(o.Component,{clientProps:e});import{jsx as ce}from"react/jsx-runtime";import{useLexicalComposerContext as st}from"@lexical/react/LexicalComposerContext.js";import{$createParagraphNode as lt}from"lexical";import*as Pe from"react";import{useCallback as at,useEffect as Ne,useRef as ct,useState as mt}from"react";import{createPortal as dt}from"react-dom";var z=(t,e,o,r,n=50,a=25)=>{let l=0;if(t&&!t.contains(r)){let{bottom:c,left:u,right:g,top:y}=t.getBoundingClientRect(),s=y+window.scrollY,i=c+window.scrollY;if(o<s-a||o>i+a||e<u-n||e>g+n)return-1;(e<u||e>g)&&(l=e<u?e-u:e-g)}return l};import{$getNodeByKey as Z}from"lexical";function K(t){let e=t.getBoundingClientRect(),o=getComputedStyle(t).getPropertyValue("transform");if(!o||o==="none")return e;let r=o.split(",").pop();return e.y=e.y-Number(r?.replace(")","")),e}function X(t){let e=(u,g)=>u?parseFloat(window.getComputedStyle(u)[g]):0,{marginBottom:o,marginTop:r}=window.getComputedStyle(t),n=e(t.previousElementSibling,"marginBottom"),a=e(t.nextElementSibling,"marginTop"),l=Math.max(parseFloat(r),n);return{marginBottom:Math.max(parseFloat(o),a),marginTop:l}}import{$getRoot as tt}from"lexical";function _(t){return t.getEditorState().read(()=>tt().getChildrenKeys())}var ot=1,nt=-1,be=0,v={props:null,result:null};function rt(t,e,o=20){let r=t.x-e.x,n=t.y-e.y;return r*r+n*n<=o*o}function G(t){let{anchorElem:e,cache_threshold:o=20,editor:r,fuzzy:n=!1,horizontalOffset:a=0,point:{x:l,y:c},startIndex:u=0,useEdgeAsDefault:g=!1}=t;if(o>0&&v.props&&v.result&&v.props.fuzzy===t.fuzzy&&v.props.horizontalOffset===t.horizontalOffset&&v.props.useEdgeAsDefault===t.useEdgeAsDefault&&rt(v.props.point,t.point,o))return v.result;let y=e.getBoundingClientRect(),s=_(r),i={blockElem:null,blockNode:null,distance:1/0,foundAtIndex:-1,isFoundNodeEmptyParagraph:!1};return r.getEditorState().read(()=>{if(g){let[p,h]=[r.getElementByKey(s[0]),r.getElementByKey(s[s.length-1])];if(p&&h){let[f,m]=[K(p),K(h)];if(c<f.top?(i.blockElem=p,i.distance=f.top-c,i.blockNode=Z(s[0]),i.foundAtIndex=0):c>m.bottom&&(i.distance=c-m.bottom,i.blockNode=Z(s[s.length-1]),i.blockElem=h,i.foundAtIndex=s.length-1),i?.blockElem)return{blockElem:null,isFoundNodeEmptyParagraph:!1}}}let d=u,x=be;for(;d>=0&&d<s.length;){let p=s[d],h=r.getElementByKey(p);if(h===null)break;let f=new B(l+a,c),m=ye.fromDOMRect(K(h)),{marginBottom:E,marginTop:b}=X(h),N=m.generateNewRect({bottom:m.bottom+E,left:y.left,right:y.right,top:m.top-b}),{distance:C,isOnBottomSide:k,isOnTopSide:P}=N.distanceFromPoint(f);if(C===0){i.blockElem=h,i.blockNode=Z(p),i.foundAtIndex=d,i.distance=C,i.blockNode&&i.blockNode.getType()==="paragraph"&&i.blockNode.getTextContent()===""&&(!n&&!t.returnEmptyParagraphs&&(i.blockElem=null,i.blockNode=null),i.isFoundNodeEmptyParagraph=!0);break}else n&&C<i.distance&&(i.blockElem=h,i.blockNode=Z(p),i.distance=C,i.foundAtIndex=d);x===be&&(P?x=nt:k?x=ot:x=1/0),d+=x}}),v.props=t,v.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 ee(t,e){return!!t.closest(`.${e}`)}var it=["IMG","INPUT","TEXTAREA","SELECT","BUTTON","VIDEO","OBJECT","EMBED","IFRAME","HR"];function Ce(t){if(!t||it.includes(t.tagName)||t.offsetHeight===0||t.offsetWidth===0)return!1;let e=window.getComputedStyle(t);return!(e.display==="table-cell"||e.position==="absolute"||e.visibility==="hidden"||e.opacity==="0")}function te(t,e,o,r=0){if(!t){e.style.opacity="0",e.style.transform="translate(-10000px, -10000px)";return}let n=t.getBoundingClientRect(),a=window.getComputedStyle(t),l=e.getBoundingClientRect(),c=o.getBoundingClientRect(),u;if(["lexical-block","lexical-upload","lexical-relationship"].some(s=>t.firstElementChild?.classList.contains(s)))u=n.top+8-c.top;else{let s=Ce(t)?parseInt(a.lineHeight,10):0;u=n.top+(s-l.height)/2-c.top}let y=r;e.style.opacity="1",e.style.transform=`translate(${y}px, ${u}px)`}var ut="add-block-menu",oe=1/0;function ft(t){return t===0?1/0:oe>=0&&oe<t?oe:Math.floor(t/2)}function pt(t,e,o){let r=e.parentElement,{editorConfig:n}=R(),a=n?.admin?.hideGutter?-24:12,l=ct(null),[c,u]=mt(null);Ne(()=>{function y(s){let i=s.target;if(!j(i))return;let d=z(r,s.pageX,s.pageY,i);if(d===-1){u(null);return}if(ee(i,ut))return;let x=_(t),{blockElem:p,blockNode:h,foundAtIndex:f}=G({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-d,point:new B(s.x,s.y),returnEmptyParagraphs:!0,startIndex:ft(x.length),useEdgeAsDefault:!1});oe=f,p&&h&&(c?.node!==h||c?.elem!==p)&&u({elem:p,node:h})}return document?.addEventListener("mousemove",y),()=>{document?.removeEventListener("mousemove",y)}},[r,e,t,c]),Ne(()=>{l.current&&c?.node&&te(c?.elem,l.current,e,a)},[e,c,a]);let g=at(y=>{let s=c;s?.node&&(t.update(()=>{let i=!0;if((s?.node.getType()!=="paragraph"||s.node.getTextContent()!=="")&&(i=!1),!i){let d=lt();s?.node.insertAfter(d),setTimeout(()=>{s={elem:t.getElementByKey(d.getKey()),node:d},u(s)},0)}}),setTimeout(()=>{t.update(()=>{t.focus(),s?.node&&"select"in s.node&&typeof s.node.select=="function"&&s.node.select()})},1),setTimeout(()=>{t.dispatchCommand(ge,{node:s?.node})},2),y.stopPropagation(),y.preventDefault())},[t,c]);return dt(ce(Pe.Fragment,{children:ce("button",{"aria-label":"Add block",className:"icon add-block-menu",onClick:y=>{g(y)},ref:l,type:"button",children:ce("div",{className:o?"icon":""})})}),e)}function we(t){let{anchorElem:e}=t,o=e===void 0?document.body:e,[r]=st();return pt(r,o,r._editable)}import{jsx as ne,jsxs as ht}from"react/jsx-runtime";import{useLexicalComposerContext as yt}from"@lexical/react/LexicalComposerContext.js";import{eventFiles as ke}from"@lexical/rich-text";import{$getNearestNodeFromDOMNode as Se,$getNodeByKey as xt}from"lexical";import*as Ae from"react";import{useEffect as me,useRef as re,useState as ve}from"react";import{createPortal as Et}from"react-dom";var Te=0,gt=-24;var $=0;function Re(t,e,o,r,n,a,l,c,u,g=!1){let{height:y,top:s}=r.getBoundingClientRect(),{top:i,width:d}=l.getBoundingClientRect(),{marginBottom:x,marginTop:p}=X(r),h=s,f=a>=s+y/2+window.scrollY,m=!1;if(n?.elem)if(r!==n?.elem)(f&&n?.elem&&n?.elem===r.nextElementSibling||!f&&n?.elem&&n?.elem===r.previousElementSibling)&&($++,$<200&&(m=!0));else{$++;let C=n?.boundingBox?.y,k=r.getBoundingClientRect().y;(f===n?.isBelow&&C===k||$<200)&&(m=!1)}if(m)return{isBelow:f,willStayInSamePosition:m};g?h+=y/2:f?h+=y+x/2:h-=p/2;let E=0;g||(f?E=-Te:E=Te);let b=h-i+E,N=gt-e;return o.style.width=`calc(${d}px - ${t})`,o.style.opacity=".8",o.style.transform=`translate(${N}px, calc(${b}px - 2px))`,n?.elem&&(n.elem.style.opacity="",n?.elem===r?f?n.elem.style.marginTop="":n.elem.style.marginBottom="":(n.elem.style.marginBottom="",n.elem.style.marginTop="")),$=0,{isBelow:f,willStayInSamePosition:m}}var bt="draggable-block-menu",Me="application/x-lexical-drag-block",V=1/0;function Le(t){return t===0?1/0:V>=0&&V<t?V:Math.floor(t/2)}function Ct(t,e){let{transform:o}=e.style;t.setDragImage(e,0,0),setTimeout(()=>{e.style.transform=o})}function Be(t,e){t&&(t.style.opacity="0"),e&&(e.style.opacity="",e.style.marginBottom="",e.style.marginTop="")}function Nt(t,e,o){let r=e.parentElement,n=re(null),a=re(null),l=re(null),c=re(!1),[u,g]=ve(null),[y,s]=ve(null),{editorConfig:i}=R(),d=i?.admin?.hideGutter?-44:-8;me(()=>{function h(f){let m=f.target;if(!j(m))return;let E=z(r,f.pageX,f.pageY,m);if(E===-1){g(null);return}if(ee(m,bt))return;let b=_(t),{blockElem:N,foundAtIndex:C,isFoundNodeEmptyParagraph:k}=G({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-E,point:new B(f.x,f.y),startIndex:Le(b.length),useEdgeAsDefault:!1,verbose:!1});V=C,!(!N&&!k)&&u!==N&&g(N)}return document?.addEventListener("mousemove",h),()=>{document?.removeEventListener("mousemove",h)}},[r,e,t,u]),me(()=>{n.current&&te(u,n.current,e,d)},[e,u,d]),me(()=>{function h(m){if(!c.current)return!1;let[E]=ke(m);if(E)return!1;let{pageY:b,target:N}=m;if(!j(N))return!1;let C=z(r,m.pageX,m.pageY,N,100,50),k=_(t),{blockElem:P,foundAtIndex:H,isFoundNodeEmptyParagraph:L}=G({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-C,point:new B(m.x,m.y),startIndex:Le(k.length),useEdgeAsDefault:!0,verbose:!0});V=H;let I=a.current;if(P===null||I===null)return!1;if(u!==P){let{isBelow:S,willStayInSamePosition:U}=Re(i?.admin?.hideGutter?"0px":"3rem",d+(i?.admin?.hideGutter?n?.current?.getBoundingClientRect()?.width??0:-(n?.current?.getBoundingClientRect()?.width??0)),I,P,y,b,e,m,l,L);m.preventDefault(),U||s({boundingBox:P.getBoundingClientRect(),elem:P,isBelow:S})}else y?.elem&&(Be(I,y.elem),s({boundingBox:P.getBoundingClientRect(),elem:P,isBelow:!1}));return!0}function f(m){if(!c.current)return!1;let[E]=ke(m);if(E)return!1;let{dataTransfer:b,pageY:N,target:C}=m,k=b?.getData(Me)||"";return t.update(()=>{let P=xt(k);if(!P||!j(C))return!1;let H=z(r,m.pageX,m.pageY,C,100,50),{blockElem:L,isFoundNodeEmptyParagraph:I}=G({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-H,point:new B(m.x,m.y),useEdgeAsDefault:!0});if(!L)return!1;let S=Se(L);if(!S)return!1;if(S===P)return!0;let{height:U,top:J}=K(L),le=N>=J+U/2+window.scrollY;I?(S.insertBefore(P),S.remove()):le?S.insertAfter(P):S.insertBefore(P),u!==null&&g(null),document.querySelectorAll(".lexical-block-highlighter").forEach(D=>{D.remove()});let ae=t.getElementByKey(P.getKey());setTimeout(()=>{let D=ae?.getBoundingClientRect();if(!D)return;let T=document.createElement("div");T.className="lexical-block-highlighter",T.style.backgroundColor="var(--theme-elevation-1000",T.style.transition="opacity 0.5s ease-in-out",T.style.zIndex="1",T.style.pointerEvents="none",T.style.boxSizing="border-box",T.style.borderRadius="4px",T.style.position="absolute",document.body.appendChild(T),T.style.opacity="0.1",T.style.height=`${D.height+8}px`,T.style.width=`${D.width+8}px`,T.style.top=`${D.top+window.scrollY-4}px`,T.style.left=`${D.left-4}px`,setTimeout(()=>{T.style.opacity="0",setTimeout(()=>{T.remove()},500)},1e3)},120)}),!0}return document.addEventListener("dragover",h),document.addEventListener("drop",f),()=>{document.removeEventListener("dragover",h),document.removeEventListener("drop",f)}},[r,d,e,t,y,u,i?.admin?.hideGutter]);function x(h){let f=h.dataTransfer;if(!f||!u)return;Ct(f,u);let m="";t.update(()=>{let E=Se(u);E&&(m=E.getKey())}),c.current=!0,f.setData(Me,m)}function p(){c.current=!1,y?.elem&&Be(a.current,y?.elem)}return Et(ht(Ae.Fragment,{children:[ne("div",{className:"icon draggable-block-menu",draggable:!0,onDragEnd:p,onDragStart:x,ref:n,children:ne("div",{className:o?"icon":""})}),ne("div",{className:"draggable-block-target-line",ref:a}),ne("div",{className:"debug-highlight",ref:l})]}),e)}function Fe(t){let{anchorElem:e}=t,o=e===void 0?document.body:e,[r]=yt();return Nt(r,o,r._editable)}import{c as Pt}from"react/compiler-runtime";import{useLexicalComposerContext as wt}from"@lexical/react/LexicalComposerContext";import*as Ie from"react";var De=()=>{let t=Pt(4),{editorConfig:e}=R(),[o]=wt(),r,n;return t[0]!==o||t[1]!==e.features.markdownTransformers?(r=()=>fe(o,e.features.markdownTransformers??[]),n=[o,e.features.markdownTransformers],t[0]=o,t[1]=e.features.markdownTransformers,t[2]=r,t[3]=n):(r=t[2],n=t[3]),Ie.useEffect(r,n),null};import{jsx as W,jsxs as _e}from"react/jsx-runtime";import{useLexicalComposerContext as Rt}from"@lexical/react/LexicalComposerContext.js";import{useTranslation as $e}from"@payloadcms/ui";import{useCallback as kt,useMemo as St,useState as vt}from"react";import"react";import*as He from"react-dom";import{c as Tt}from"react/compiler-runtime";import"react";function Oe(t,e){let o=Tt(4),{maxLength:r,minLength:n}=e,a=r===void 0?75:r,l=n===void 0?1:n,c;return o[0]!==a||o[1]!==l||o[2]!==t?(c=u=>{let{query:g}=u,y="[^"+t+pe+"\\s]",i=new RegExp("(^|\\s|\\()(["+t+"]((?:"+y+"){0,"+a+"}))$").exec(g);if(i!==null){let d=i[1],x=i[3];if(x.length>=l)return{leadOffset:i.index+d.length,matchingString:x,replaceableString:i[2]}}return null},o[0]=a,o[1]=l,o[2]=t,o[3]=c):c=o[3],c}var M="slash-menu-popup";function Mt({isSelected:t,item:e,onClick:o,onMouseEnter:r,ref:n}){let{fieldProps:{featureClientSchemaMap:a,schemaPath:l}}=R(),{i18n:c}=$e(),u=`${M}__item ${M}__item-${e.key}`;t&&(u+=` ${M}__item--selected`);let g=e.key;return e.label&&(g=typeof e.label=="function"?e.label({featureClientSchemaMap:a,i18n:c,schemaPath:l}):e.label),g.length>25&&(g=g.substring(0,25)+"..."),_e("button",{"aria-selected":t,className:u,id:M+"__item-"+e.key,onClick:o,onMouseEnter:r,ref:n,role:"option",tabIndex:-1,type:"button",children:[e?.Icon&&W(e.Icon,{}),W("span",{className:`${M}__item-text`,children:g})]},e.key)}function je({anchorElem:t=document.body}){let[e]=Rt(),[o,r]=vt(null),{editorConfig:n}=R(),{i18n:a}=$e(),{fieldProps:{featureClientSchemaMap:l,schemaPath:c}}=R(),u=Oe("/",{minLength:0}),g=kt(()=>{let s=[];for(let i of n.features.slashMenu.dynamicGroups)if(o){let d=i({editor:e,queryString:o});s=s.concat(d)}return s},[e,o,n?.features]),y=St(()=>{let s=[];for(let i of n?.features.slashMenu.groups??[])s.push(i);if(o){s=s.map(d=>{let x=d.items.filter(p=>{let h=p.key;return p.label&&(h=typeof p.label=="function"?p.label({featureClientSchemaMap:l,i18n:a,schemaPath:c}):p.label),new RegExp(o,"gi").exec(h)?!0:p.keywords!=null?p.keywords.some(f=>new RegExp(o,"gi").exec(f)):!1});return x.length?{...d,items:x}:null}),s=s.filter(d=>d!=null);let i=g();for(let d of i){let x=s.find(p=>p.key===d.key);x?s=s.filter(p=>p.key!==d.key):x={...d,items:[]},x?.items?.length&&(x.items=x.items.concat(x.items)),s.push(x)}}return s},[o,n?.features.slashMenu.groups,g,l,a,c]);return W(he,{anchorElem:t,groups:y,menuRenderFn:(s,{selectedItemKey:i,selectItemAndCleanUp:d,setSelectedItemKey:x})=>s.current&&y.length?He.createPortal(W("div",{className:M,children:y.map(p=>{let h=p.key;return p.label&&l&&(h=typeof p.label=="function"?p.label({featureClientSchemaMap:l,i18n:a,schemaPath:c}):p.label),_e("div",{className:`${M}__group ${M}__group-${p.key}`,children:[W("div",{className:`${M}__group-title`,children:h}),p.items.map((f,m)=>W(Mt,{index:m,isSelected:i===f.key,item:f,onClick:()=>{x(f.key),d(f)},onMouseEnter:()=>{x(f.key)},ref:E=>{f.ref={current:E}}},f.key))]},p.key)})}),s.current):null,onQueryChange:r,triggerFn:u})}import{c as Lt}from"react/compiler-runtime";import{useLexicalComposerContext as Bt}from"@lexical/react/LexicalComposerContext";import{TEXT_TYPE_TO_FORMAT as ze,TextNode as At}from"lexical";import{useEffect as Ft}from"react";function Ke(t){let e=Lt(6),{features:o}=t,[r]=Bt(),n;e[0]!==r||e[1]!==o.enabledFormats?(n=()=>{let l=It(o.enabledFormats);if(l.length!==0)return r.registerNodeTransform(At,c=>{l.forEach(u=>{c.hasFormat(u)&&c.toggleFormat(u)})})},e[0]=r,e[1]=o.enabledFormats,e[2]=n):n=e[2];let a;return e[3]!==r||e[4]!==o?(a=[r,o],e[3]=r,e[4]=o,e[5]=a):a=e[5],Ft(n,a),null}function It(t){delete ze.highlight;let e=Object.keys(ze),o=new Set(t);return e.filter(r=>!o.has(r))}import{c as Dt}from"react/compiler-runtime";import{jsx as Ge}from"react/jsx-runtime";import{ContentEditable as Ot}from"@lexical/react/LexicalContentEditable.js";import{useTranslation as _t}from"@payloadcms/ui";import"react";function We(t){let e=Dt(7),{className:o,editorConfig:r}=t,{t:n}=_t(),a;if(e[0]!==o||e[1]!==r?.admin?.placeholder||e[2]!==n){let l;e[4]!==r?.admin?.placeholder||e[5]!==n?(l=r?.admin?.placeholder??n("lexical:general:placeholder"),e[4]=r?.admin?.placeholder,e[5]=n,e[6]=l):l=e[6],a=Ge(Ot,{"aria-placeholder":n("lexical:general:placeholder"),className:o??"ContentEditable__root",placeholder:Ge("p",{className:"editor-placeholder",children:l})}),e[0]=o,e[1]=r?.admin?.placeholder,e[2]=n,e[3]=a}else a=e[3];return a}var qe=t=>{let e=$t(22),{editorConfig:o,editorContainerRef:r,onChange:n}=t,a=R(),[l]=Ht(),[c,u]=Ve(null),g;e[0]===Symbol.for("react.memo_cache_sentinel")?(g=m=>{m!==null&&u(m)},e[0]=g):g=e[0];let y=g,s,i;e[1]!==l||e[2]!==a?(s=()=>{if(!a?.uuid){console.error("Lexical Editor must be used within an EditorConfigProvider");return}a?.parentEditor?.uuid&&a.parentEditor?.registerChild(a.uuid,a);let m=()=>{a.focusEditor(a)},E=()=>{a.blurEditor(a)},b=l.registerCommand(Yt,()=>(m(),!0),Ye),N=l.registerCommand(Wt,()=>(E(),!0),Ye);return()=>{b(),N(),a.parentEditor?.unregisterChild?.(a.uuid)}},i=[l,a],e[1]=l,e[2]=a,e[3]=s,e[4]=i):(s=e[3],i=e[4]),Ue(s,i);let[d,x]=Ve(!1),p,h;e[5]!==d?(p=()=>{let m=()=>{let E=window.matchMedia("(max-width: 768px)").matches;E!==d&&x(E)};return m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}},h=[d],e[5]=d,e[6]=p,e[7]=h):(p=e[6],h=e[7]),Ue(p,h);let f;if(e[8]!==l||e[9]!==o||e[10]!==r||e[11]!==c||e[12]!==d||e[13]!==n){let m;e[15]!==n?(m=(b,N,C)=>{(!C.has("focus")||C.size>1)&&n?.(b,N,C)},e[15]=n,e[16]=m):m=e[16];let E;e[17]!==l||e[18]!==o.features.plugins||e[19]!==c||e[20]!==d?(E=c&&q(Y.Fragment,{children:[!d&&l.isEditable()&&q(Y.Fragment,{children:[w(Fe,{anchorElem:c}),w(we,{anchorElem:c})]}),o.features.plugins?.map(b=>{if(b.position==="floatingAnchorElem"&&!(b.desktopOnly===!0&&d))return w(O,{anchorElem:c,clientProps:b.clientProps,plugin:b},b.key)}),l.isEditable()&&w(Y.Fragment,{children:w(je,{anchorElem:c})})]}),e[17]=l,e[18]=o.features.plugins,e[19]=c,e[20]=d,e[21]=E):E=e[21],f=q(Y.Fragment,{children:[o.features.plugins?.map(Ut),q("div",{className:"editor-container",ref:r,children:[o.features.plugins?.map(Vt),w(Gt,{contentEditable:w("div",{className:"editor-scroller",children:w("div",{className:"editor",ref:y,tabIndex:-1,children:w(We,{editorConfig:o})})}),ErrorBoundary:jt}),w(Ke,{features:o.features}),w(Kt,{ignoreSelectionChange:!0,onChange:m}),E,l.isEditable()&&q(Y.Fragment,{children:[w(zt,{}),o?.features?.markdownTransformers?.length>0&&w(De,{})]}),o.features.plugins?.map(qt),o.features.plugins?.map(Jt)]}),o.features.plugins?.map(Qt)]}),e[8]=l,e[9]=o,e[10]=r,e[11]=c,e[12]=d,e[13]=n,e[14]=f}else f=e[14];return f};function Ut(t){if(t.position==="aboveContainer")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function Vt(t){if(t.position==="top")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function qt(t){if(t.position==="normal")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function Jt(t){if(t.position==="bottom")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function Qt(t){if(t.position==="belowContainer")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}var Qe=({children:t,providers:e})=>{if(!e?.length)return t;let o=e[0];return e.length>1?A(o,{children:A(Qe,{providers:e.slice(1),children:t})}):A(o,{children:t})},Xe=t=>{let{composerKey:e,editorConfig:o,fieldProps:r,onChange:n,readOnly:a,value:l}=t,c=R(),u=Je.useRef(null),g=Zt(()=>{if(l&&typeof l!="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(l));if(l&&Array.isArray(l)&&!("root"in l))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(l&&"jsonContent"in l)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");return{editable:a!==!0,editorState:l!=null?JSON.stringify(l):void 0,namespace:o.lexical.namespace,nodes:xe({editorConfig:o}),onError:y=>{throw y},theme:o.lexical.theme}},[o]);return g?A(Xt,{initialConfig:g,children:A(ue,{editorConfig:o,editorContainerRef:u,fieldProps:r,parentContext:c,children:A(Qe,{providers:o.features.providers,children:A(qe,{editorConfig:o,editorContainerRef:u,onChange:n})})})},e+g.editable):A("p",{children:"Loading..."})};var ie="rich-text-lexical",ao=t=>{let{editorConfig:e,field:o,field:{name:r,admin:{className:n,description:a,readOnly:l}={},label:c,localized:u,required:g},path:y,readOnly:s,validate:i}=t,d=s||l,x=y??r,p=no(),h=et((Q,ae)=>typeof i=="function"?i(Q,{...ae,required:g}):!0,[i,g]),{customComponents:{AfterInput:f,BeforeInput:m,Description:E,Error:b,Label:N}={},formInitializing:C,formProcessing:k,initialValue:P,setValue:H,showError:L,value:I}=ro({path:x,validate:h}),S=d||k||C,U=[ie,"field-type",n,L&&"error",S&&`${ie}--read-only`,e?.admin?.hideGutter!==!0?`${ie}--show-gutter`:null].filter(Boolean).join(" "),J=`${x}.${p}`,de=et(Q=>{H(Q.toJSON())},[H]),le=so(()=>io(o),[o]);return se("div",{className:U,style:le,children:[F(Ze,{CustomComponent:b,Fallback:F(to,{path:x,showError:L})}),N||F(oo,{label:c,localized:u,path:x,required:g}),se("div",{className:`${ie}__wrap`,children:[se(lo,{fallbackRender:co,onReset:()=>{},children:[m,F(Xe,{composerKey:J,editorConfig:e,fieldProps:t,onChange:de,readOnly:S,value:I},JSON.stringify({initialValue:P,path:x})),f]}),E,F(Ze,{CustomComponent:E,Fallback:F(eo,{description:a,path:x})})]})]},J)};function co({error:t}){return se("div",{className:"errorBoundary",role:"alert",children:[F("p",{children:"Something went wrong:"}),F("pre",{style:{color:"red"},children:t.message})]})}var Cr=ao;export{Cr as RichText};
2
- //# sourceMappingURL=Field-DTQOXLGX.js.map
1
+ "use client";import{c as fe,g as j,h as B,j as pe,k as ge,l as he,m as ye,n as xe}from"./chunk-WCORQHZQ.js";import{a as ue,b as R}from"./chunk-CUIBIFW2.js";import{jsx as F,jsxs as se}from"react/jsx-runtime";import{FieldDescription as eo,FieldError as to,FieldLabel as oo,RenderCustomComponent as Ze,useEditDepth as no,useField as ro}from"@payloadcms/ui";import{mergeFieldStyles as io}from"@payloadcms/ui/shared";import{useCallback as et,useMemo as so}from"react";import{ErrorBoundary as lo}from"react-error-boundary";import"./bundled.css";import{jsx as A}from"react/jsx-runtime";import{LexicalComposer as Xt}from"@lexical/react/LexicalComposer.js";import*as Je from"react";import{useMemo as Zt}from"react";import{c as $t}from"react/compiler-runtime";import{jsx as w,jsxs as q}from"react/jsx-runtime";import{useLexicalComposerContext as Ht}from"@lexical/react/LexicalComposerContext.js";import{LexicalErrorBoundary as jt}from"@lexical/react/LexicalErrorBoundary.js";import{HistoryPlugin as zt}from"@lexical/react/LexicalHistoryPlugin.js";import{OnChangePlugin as Kt}from"@lexical/react/LexicalOnChangePlugin.js";import{RichTextPlugin as Gt}from"@lexical/react/LexicalRichTextPlugin.js";import{BLUR_COMMAND as Wt,COMMAND_PRIORITY_LOW as Ye,FOCUS_COMMAND as Yt}from"lexical";import*as Y from"react";import{useEffect as Ue,useState as Ve}from"react";import{jsx as Ee}from"react/jsx-runtime";import"react";var O=({anchorElem:t,clientProps:e,plugin:o})=>o.position==="floatingAnchorElem"&&t?o.Component&&Ee(o.Component,{anchorElem:t,clientProps:e}):o.Component&&Ee(o.Component,{clientProps:e});import{jsx as ce}from"react/jsx-runtime";import{useLexicalComposerContext as st}from"@lexical/react/LexicalComposerContext.js";import{$createParagraphNode as lt}from"lexical";import*as Pe from"react";import{useCallback as at,useEffect as Ne,useRef as ct,useState as mt}from"react";import{createPortal as dt}from"react-dom";var z=(t,e,o,r,n=50,a=25)=>{let l=0;if(t&&!t.contains(r)){let{bottom:c,left:u,right:g,top:y}=t.getBoundingClientRect(),s=y+window.scrollY,i=c+window.scrollY;if(o<s-a||o>i+a||e<u-n||e>g+n)return-1;(e<u||e>g)&&(l=e<u?e-u:e-g)}return l};import{$getNodeByKey as Z}from"lexical";function K(t){let e=t.getBoundingClientRect(),o=getComputedStyle(t).getPropertyValue("transform");if(!o||o==="none")return e;let r=o.split(",").pop();return e.y=e.y-Number(r?.replace(")","")),e}function X(t){let e=(u,g)=>u?parseFloat(window.getComputedStyle(u)[g]):0,{marginBottom:o,marginTop:r}=window.getComputedStyle(t),n=e(t.previousElementSibling,"marginBottom"),a=e(t.nextElementSibling,"marginTop"),l=Math.max(parseFloat(r),n);return{marginBottom:Math.max(parseFloat(o),a),marginTop:l}}import{$getRoot as tt}from"lexical";function _(t){return t.getEditorState().read(()=>tt().getChildrenKeys())}var ot=1,nt=-1,be=0,v={props:null,result:null};function rt(t,e,o=20){let r=t.x-e.x,n=t.y-e.y;return r*r+n*n<=o*o}function G(t){let{anchorElem:e,cache_threshold:o=20,editor:r,fuzzy:n=!1,horizontalOffset:a=0,point:{x:l,y:c},startIndex:u=0,useEdgeAsDefault:g=!1}=t;if(o>0&&v.props&&v.result&&v.props.fuzzy===t.fuzzy&&v.props.horizontalOffset===t.horizontalOffset&&v.props.useEdgeAsDefault===t.useEdgeAsDefault&&rt(v.props.point,t.point,o))return v.result;let y=e.getBoundingClientRect(),s=_(r),i={blockElem:null,blockNode:null,distance:1/0,foundAtIndex:-1,isFoundNodeEmptyParagraph:!1};return r.getEditorState().read(()=>{if(g){let[p,h]=[r.getElementByKey(s[0]),r.getElementByKey(s[s.length-1])];if(p&&h){let[f,m]=[K(p),K(h)];if(c<f.top?(i.blockElem=p,i.distance=f.top-c,i.blockNode=Z(s[0]),i.foundAtIndex=0):c>m.bottom&&(i.distance=c-m.bottom,i.blockNode=Z(s[s.length-1]),i.blockElem=h,i.foundAtIndex=s.length-1),i?.blockElem)return{blockElem:null,isFoundNodeEmptyParagraph:!1}}}let d=u,x=be;for(;d>=0&&d<s.length;){let p=s[d],h=r.getElementByKey(p);if(h===null)break;let f=new B(l+a,c),m=ye.fromDOMRect(K(h)),{marginBottom:E,marginTop:b}=X(h),N=m.generateNewRect({bottom:m.bottom+E,left:y.left,right:y.right,top:m.top-b}),{distance:C,isOnBottomSide:k,isOnTopSide:P}=N.distanceFromPoint(f);if(C===0){i.blockElem=h,i.blockNode=Z(p),i.foundAtIndex=d,i.distance=C,i.blockNode&&i.blockNode.getType()==="paragraph"&&i.blockNode.getTextContent()===""&&(!n&&!t.returnEmptyParagraphs&&(i.blockElem=null,i.blockNode=null),i.isFoundNodeEmptyParagraph=!0);break}else n&&C<i.distance&&(i.blockElem=h,i.blockNode=Z(p),i.distance=C,i.foundAtIndex=d);x===be&&(P?x=nt:k?x=ot:x=1/0),d+=x}}),v.props=t,v.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 ee(t,e){return!!t.closest(`.${e}`)}var it=["IMG","INPUT","TEXTAREA","SELECT","BUTTON","VIDEO","OBJECT","EMBED","IFRAME","HR"];function Ce(t){if(!t||it.includes(t.tagName)||t.offsetHeight===0||t.offsetWidth===0)return!1;let e=window.getComputedStyle(t);return!(e.display==="table-cell"||e.position==="absolute"||e.visibility==="hidden"||e.opacity==="0")}function te(t,e,o,r=0){if(!t){e.style.opacity="0",e.style.transform="translate(-10000px, -10000px)";return}let n=t.getBoundingClientRect(),a=window.getComputedStyle(t),l=e.getBoundingClientRect(),c=o.getBoundingClientRect(),u;if(["lexical-block","lexical-upload","lexical-relationship"].some(s=>t.firstElementChild?.classList.contains(s)))u=n.top+8-c.top;else{let s=Ce(t)?parseInt(a.lineHeight,10):0;u=n.top+(s-l.height)/2-c.top}let y=r;e.style.opacity="1",e.style.transform=`translate(${y}px, ${u}px)`}var ut="add-block-menu",oe=1/0;function ft(t){return t===0?1/0:oe>=0&&oe<t?oe:Math.floor(t/2)}function pt(t,e,o){let r=e.parentElement,{editorConfig:n}=R(),a=n?.admin?.hideGutter?-24:12,l=ct(null),[c,u]=mt(null);Ne(()=>{function y(s){let i=s.target;if(!j(i))return;let d=z(r,s.pageX,s.pageY,i);if(d===-1){u(null);return}if(ee(i,ut))return;let x=_(t),{blockElem:p,blockNode:h,foundAtIndex:f}=G({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-d,point:new B(s.x,s.y),returnEmptyParagraphs:!0,startIndex:ft(x.length),useEdgeAsDefault:!1});oe=f,p&&h&&(c?.node!==h||c?.elem!==p)&&u({elem:p,node:h})}return document?.addEventListener("mousemove",y),()=>{document?.removeEventListener("mousemove",y)}},[r,e,t,c]),Ne(()=>{l.current&&c?.node&&te(c?.elem,l.current,e,a)},[e,c,a]);let g=at(y=>{let s=c;s?.node&&(t.update(()=>{let i=!0;if((s?.node.getType()!=="paragraph"||s.node.getTextContent()!=="")&&(i=!1),!i){let d=lt();s?.node.insertAfter(d),setTimeout(()=>{s={elem:t.getElementByKey(d.getKey()),node:d},u(s)},0)}}),setTimeout(()=>{t.update(()=>{t.focus(),s?.node&&"select"in s.node&&typeof s.node.select=="function"&&s.node.select()})},1),setTimeout(()=>{t.dispatchCommand(ge,{node:s?.node})},2),y.stopPropagation(),y.preventDefault())},[t,c]);return dt(ce(Pe.Fragment,{children:ce("button",{"aria-label":"Add block",className:"icon add-block-menu",onClick:y=>{g(y)},ref:l,type:"button",children:ce("div",{className:o?"icon":""})})}),e)}function we(t){let{anchorElem:e}=t,o=e===void 0?document.body:e,[r]=st();return pt(r,o,r._editable)}import{jsx as ne,jsxs as ht}from"react/jsx-runtime";import{useLexicalComposerContext as yt}from"@lexical/react/LexicalComposerContext.js";import{eventFiles as ke}from"@lexical/rich-text";import{$getNearestNodeFromDOMNode as Se,$getNodeByKey as xt}from"lexical";import*as Ae from"react";import{useEffect as me,useRef as re,useState as ve}from"react";import{createPortal as Et}from"react-dom";var Te=0,gt=-24;var $=0;function Re(t,e,o,r,n,a,l,c,u,g=!1){let{height:y,top:s}=r.getBoundingClientRect(),{top:i,width:d}=l.getBoundingClientRect(),{marginBottom:x,marginTop:p}=X(r),h=s,f=a>=s+y/2+window.scrollY,m=!1;if(n?.elem)if(r!==n?.elem)(f&&n?.elem&&n?.elem===r.nextElementSibling||!f&&n?.elem&&n?.elem===r.previousElementSibling)&&($++,$<200&&(m=!0));else{$++;let C=n?.boundingBox?.y,k=r.getBoundingClientRect().y;(f===n?.isBelow&&C===k||$<200)&&(m=!1)}if(m)return{isBelow:f,willStayInSamePosition:m};g?h+=y/2:f?h+=y+x/2:h-=p/2;let E=0;g||(f?E=-Te:E=Te);let b=h-i+E,N=gt-e;return o.style.width=`calc(${d}px - ${t})`,o.style.opacity=".8",o.style.transform=`translate(${N}px, calc(${b}px - 2px))`,n?.elem&&(n.elem.style.opacity="",n?.elem===r?f?n.elem.style.marginTop="":n.elem.style.marginBottom="":(n.elem.style.marginBottom="",n.elem.style.marginTop="")),$=0,{isBelow:f,willStayInSamePosition:m}}var bt="draggable-block-menu",Me="application/x-lexical-drag-block",V=1/0;function Le(t){return t===0?1/0:V>=0&&V<t?V:Math.floor(t/2)}function Ct(t,e){let{transform:o}=e.style;t.setDragImage(e,0,0),setTimeout(()=>{e.style.transform=o})}function Be(t,e){t&&(t.style.opacity="0"),e&&(e.style.opacity="",e.style.marginBottom="",e.style.marginTop="")}function Nt(t,e,o){let r=e.parentElement,n=re(null),a=re(null),l=re(null),c=re(!1),[u,g]=ve(null),[y,s]=ve(null),{editorConfig:i}=R(),d=i?.admin?.hideGutter?-44:-8;me(()=>{function h(f){let m=f.target;if(!j(m))return;let E=z(r,f.pageX,f.pageY,m);if(E===-1){g(null);return}if(ee(m,bt))return;let b=_(t),{blockElem:N,foundAtIndex:C,isFoundNodeEmptyParagraph:k}=G({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-E,point:new B(f.x,f.y),startIndex:Le(b.length),useEdgeAsDefault:!1,verbose:!1});V=C,!(!N&&!k)&&u!==N&&g(N)}return document?.addEventListener("mousemove",h),()=>{document?.removeEventListener("mousemove",h)}},[r,e,t,u]),me(()=>{n.current&&te(u,n.current,e,d)},[e,u,d]),me(()=>{function h(m){if(!c.current)return!1;let[E]=ke(m);if(E)return!1;let{pageY:b,target:N}=m;if(!j(N))return!1;let C=z(r,m.pageX,m.pageY,N,100,50),k=_(t),{blockElem:P,foundAtIndex:H,isFoundNodeEmptyParagraph:L}=G({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-C,point:new B(m.x,m.y),startIndex:Le(k.length),useEdgeAsDefault:!0,verbose:!0});V=H;let I=a.current;if(P===null||I===null)return!1;if(u!==P){let{isBelow:S,willStayInSamePosition:U}=Re(i?.admin?.hideGutter?"0px":"3rem",d+(i?.admin?.hideGutter?n?.current?.getBoundingClientRect()?.width??0:-(n?.current?.getBoundingClientRect()?.width??0)),I,P,y,b,e,m,l,L);m.preventDefault(),U||s({boundingBox:P.getBoundingClientRect(),elem:P,isBelow:S})}else y?.elem&&(Be(I,y.elem),s({boundingBox:P.getBoundingClientRect(),elem:P,isBelow:!1}));return!0}function f(m){if(!c.current)return!1;let[E]=ke(m);if(E)return!1;let{dataTransfer:b,pageY:N,target:C}=m,k=b?.getData(Me)||"";return t.update(()=>{let P=xt(k);if(!P||!j(C))return!1;let H=z(r,m.pageX,m.pageY,C,100,50),{blockElem:L,isFoundNodeEmptyParagraph:I}=G({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-H,point:new B(m.x,m.y),useEdgeAsDefault:!0});if(!L)return!1;let S=Se(L);if(!S)return!1;if(S===P)return!0;let{height:U,top:J}=K(L),le=N>=J+U/2+window.scrollY;I?(S.insertBefore(P),S.remove()):le?S.insertAfter(P):S.insertBefore(P),u!==null&&g(null),document.querySelectorAll(".lexical-block-highlighter").forEach(D=>{D.remove()});let ae=t.getElementByKey(P.getKey());setTimeout(()=>{let D=ae?.getBoundingClientRect();if(!D)return;let T=document.createElement("div");T.className="lexical-block-highlighter",T.style.backgroundColor="var(--theme-elevation-1000",T.style.transition="opacity 0.5s ease-in-out",T.style.zIndex="1",T.style.pointerEvents="none",T.style.boxSizing="border-box",T.style.borderRadius="4px",T.style.position="absolute",document.body.appendChild(T),T.style.opacity="0.1",T.style.height=`${D.height+8}px`,T.style.width=`${D.width+8}px`,T.style.top=`${D.top+window.scrollY-4}px`,T.style.left=`${D.left-4}px`,setTimeout(()=>{T.style.opacity="0",setTimeout(()=>{T.remove()},500)},1e3)},120)}),!0}return document.addEventListener("dragover",h),document.addEventListener("drop",f),()=>{document.removeEventListener("dragover",h),document.removeEventListener("drop",f)}},[r,d,e,t,y,u,i?.admin?.hideGutter]);function x(h){let f=h.dataTransfer;if(!f||!u)return;Ct(f,u);let m="";t.update(()=>{let E=Se(u);E&&(m=E.getKey())}),c.current=!0,f.setData(Me,m)}function p(){c.current=!1,y?.elem&&Be(a.current,y?.elem)}return Et(ht(Ae.Fragment,{children:[ne("div",{className:"icon draggable-block-menu",draggable:!0,onDragEnd:p,onDragStart:x,ref:n,children:ne("div",{className:o?"icon":""})}),ne("div",{className:"draggable-block-target-line",ref:a}),ne("div",{className:"debug-highlight",ref:l})]}),e)}function Fe(t){let{anchorElem:e}=t,o=e===void 0?document.body:e,[r]=yt();return Nt(r,o,r._editable)}import{c as Pt}from"react/compiler-runtime";import{useLexicalComposerContext as wt}from"@lexical/react/LexicalComposerContext";import*as Ie from"react";var De=()=>{let t=Pt(4),{editorConfig:e}=R(),[o]=wt(),r,n;return t[0]!==o||t[1]!==e.features.markdownTransformers?(r=()=>fe(o,e.features.markdownTransformers??[]),n=[o,e.features.markdownTransformers],t[0]=o,t[1]=e.features.markdownTransformers,t[2]=r,t[3]=n):(r=t[2],n=t[3]),Ie.useEffect(r,n),null};import{jsx as W,jsxs as _e}from"react/jsx-runtime";import{useLexicalComposerContext as Rt}from"@lexical/react/LexicalComposerContext.js";import{useTranslation as $e}from"@payloadcms/ui";import{useCallback as kt,useMemo as St,useState as vt}from"react";import"react";import*as He from"react-dom";import{c as Tt}from"react/compiler-runtime";import"react";function Oe(t,e){let o=Tt(4),{maxLength:r,minLength:n}=e,a=r===void 0?75:r,l=n===void 0?1:n,c;return o[0]!==a||o[1]!==l||o[2]!==t?(c=u=>{let{query:g}=u,y="[^"+t+pe+"\\s]",i=new RegExp("(^|\\s|\\()(["+t+"]((?:"+y+"){0,"+a+"}))$").exec(g);if(i!==null){let d=i[1],x=i[3];if(x.length>=l)return{leadOffset:i.index+d.length,matchingString:x,replaceableString:i[2]}}return null},o[0]=a,o[1]=l,o[2]=t,o[3]=c):c=o[3],c}var M="slash-menu-popup";function Mt({isSelected:t,item:e,onClick:o,onMouseEnter:r,ref:n}){let{fieldProps:{featureClientSchemaMap:a,schemaPath:l}}=R(),{i18n:c}=$e(),u=`${M}__item ${M}__item-${e.key}`;t&&(u+=` ${M}__item--selected`);let g=e.key;return e.label&&(g=typeof e.label=="function"?e.label({featureClientSchemaMap:a,i18n:c,schemaPath:l}):e.label),g.length>25&&(g=g.substring(0,25)+"..."),_e("button",{"aria-selected":t,className:u,id:M+"__item-"+e.key,onClick:o,onMouseEnter:r,ref:n,role:"option",tabIndex:-1,type:"button",children:[e?.Icon&&W(e.Icon,{}),W("span",{className:`${M}__item-text`,children:g})]},e.key)}function je({anchorElem:t=document.body}){let[e]=Rt(),[o,r]=vt(null),{editorConfig:n}=R(),{i18n:a}=$e(),{fieldProps:{featureClientSchemaMap:l,schemaPath:c}}=R(),u=Oe("/",{minLength:0}),g=kt(()=>{let s=[];for(let i of n.features.slashMenu.dynamicGroups)if(o){let d=i({editor:e,queryString:o});s=s.concat(d)}return s},[e,o,n?.features]),y=St(()=>{let s=[];for(let i of n?.features.slashMenu.groups??[])s.push(i);if(o){s=s.map(d=>{let x=d.items.filter(p=>{let h=p.key;return p.label&&(h=typeof p.label=="function"?p.label({featureClientSchemaMap:l,i18n:a,schemaPath:c}):p.label),new RegExp(o,"gi").exec(h)?!0:p.keywords!=null?p.keywords.some(f=>new RegExp(o,"gi").exec(f)):!1});return x.length?{...d,items:x}:null}),s=s.filter(d=>d!=null);let i=g();for(let d of i){let x=s.find(p=>p.key===d.key);x?s=s.filter(p=>p.key!==d.key):x={...d,items:[]},x?.items?.length&&(x.items=x.items.concat(x.items)),s.push(x)}}return s},[o,n?.features.slashMenu.groups,g,l,a,c]);return W(he,{anchorElem:t,groups:y,menuRenderFn:(s,{selectedItemKey:i,selectItemAndCleanUp:d,setSelectedItemKey:x})=>s.current&&y.length?He.createPortal(W("div",{className:M,children:y.map(p=>{let h=p.key;return p.label&&l&&(h=typeof p.label=="function"?p.label({featureClientSchemaMap:l,i18n:a,schemaPath:c}):p.label),_e("div",{className:`${M}__group ${M}__group-${p.key}`,children:[W("div",{className:`${M}__group-title`,children:h}),p.items.map((f,m)=>W(Mt,{index:m,isSelected:i===f.key,item:f,onClick:()=>{x(f.key),d(f)},onMouseEnter:()=>{x(f.key)},ref:E=>{f.ref={current:E}}},f.key))]},p.key)})}),s.current):null,onQueryChange:r,triggerFn:u})}import{c as Lt}from"react/compiler-runtime";import{useLexicalComposerContext as Bt}from"@lexical/react/LexicalComposerContext";import{TEXT_TYPE_TO_FORMAT as ze,TextNode as At}from"lexical";import{useEffect as Ft}from"react";function Ke(t){let e=Lt(6),{features:o}=t,[r]=Bt(),n;e[0]!==r||e[1]!==o.enabledFormats?(n=()=>{let l=It(o.enabledFormats);if(l.length!==0)return r.registerNodeTransform(At,c=>{l.forEach(u=>{c.hasFormat(u)&&c.toggleFormat(u)})})},e[0]=r,e[1]=o.enabledFormats,e[2]=n):n=e[2];let a;return e[3]!==r||e[4]!==o?(a=[r,o],e[3]=r,e[4]=o,e[5]=a):a=e[5],Ft(n,a),null}function It(t){delete ze.highlight;let e=Object.keys(ze),o=new Set(t);return e.filter(r=>!o.has(r))}import{c as Dt}from"react/compiler-runtime";import{jsx as Ge}from"react/jsx-runtime";import{ContentEditable as Ot}from"@lexical/react/LexicalContentEditable.js";import{useTranslation as _t}from"@payloadcms/ui";import"react";function We(t){let e=Dt(7),{className:o,editorConfig:r}=t,{t:n}=_t(),a;if(e[0]!==o||e[1]!==r?.admin?.placeholder||e[2]!==n){let l;e[4]!==r?.admin?.placeholder||e[5]!==n?(l=r?.admin?.placeholder??n("lexical:general:placeholder"),e[4]=r?.admin?.placeholder,e[5]=n,e[6]=l):l=e[6],a=Ge(Ot,{"aria-placeholder":n("lexical:general:placeholder"),className:o??"ContentEditable__root",placeholder:Ge("p",{className:"editor-placeholder",children:l})}),e[0]=o,e[1]=r?.admin?.placeholder,e[2]=n,e[3]=a}else a=e[3];return a}var qe=t=>{let e=$t(22),{editorConfig:o,editorContainerRef:r,onChange:n}=t,a=R(),[l]=Ht(),[c,u]=Ve(null),g;e[0]===Symbol.for("react.memo_cache_sentinel")?(g=m=>{m!==null&&u(m)},e[0]=g):g=e[0];let y=g,s,i;e[1]!==l||e[2]!==a?(s=()=>{if(!a?.uuid){console.error("Lexical Editor must be used within an EditorConfigProvider");return}a?.parentEditor?.uuid&&a.parentEditor?.registerChild(a.uuid,a);let m=()=>{a.focusEditor(a)},E=()=>{a.blurEditor(a)},b=l.registerCommand(Yt,()=>(m(),!0),Ye),N=l.registerCommand(Wt,()=>(E(),!0),Ye);return()=>{b(),N(),a.parentEditor?.unregisterChild?.(a.uuid)}},i=[l,a],e[1]=l,e[2]=a,e[3]=s,e[4]=i):(s=e[3],i=e[4]),Ue(s,i);let[d,x]=Ve(!1),p,h;e[5]!==d?(p=()=>{let m=()=>{let E=window.matchMedia("(max-width: 768px)").matches;E!==d&&x(E)};return m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}},h=[d],e[5]=d,e[6]=p,e[7]=h):(p=e[6],h=e[7]),Ue(p,h);let f;if(e[8]!==l||e[9]!==o||e[10]!==r||e[11]!==c||e[12]!==d||e[13]!==n){let m;e[15]!==n?(m=(b,N,C)=>{(!C.has("focus")||C.size>1)&&n?.(b,N,C)},e[15]=n,e[16]=m):m=e[16];let E;e[17]!==l||e[18]!==o.features.plugins||e[19]!==c||e[20]!==d?(E=c&&q(Y.Fragment,{children:[!d&&l.isEditable()&&q(Y.Fragment,{children:[w(Fe,{anchorElem:c}),w(we,{anchorElem:c})]}),o.features.plugins?.map(b=>{if(b.position==="floatingAnchorElem"&&!(b.desktopOnly===!0&&d))return w(O,{anchorElem:c,clientProps:b.clientProps,plugin:b},b.key)}),l.isEditable()&&w(Y.Fragment,{children:w(je,{anchorElem:c})})]}),e[17]=l,e[18]=o.features.plugins,e[19]=c,e[20]=d,e[21]=E):E=e[21],f=q(Y.Fragment,{children:[o.features.plugins?.map(Ut),q("div",{className:"editor-container",ref:r,children:[o.features.plugins?.map(Vt),w(Gt,{contentEditable:w("div",{className:"editor-scroller",children:w("div",{className:"editor",ref:y,children:w(We,{editorConfig:o})})}),ErrorBoundary:jt}),w(Ke,{features:o.features}),w(Kt,{ignoreSelectionChange:!0,onChange:m}),E,l.isEditable()&&q(Y.Fragment,{children:[w(zt,{}),o?.features?.markdownTransformers?.length>0&&w(De,{})]}),o.features.plugins?.map(qt),o.features.plugins?.map(Jt)]}),o.features.plugins?.map(Qt)]}),e[8]=l,e[9]=o,e[10]=r,e[11]=c,e[12]=d,e[13]=n,e[14]=f}else f=e[14];return f};function Ut(t){if(t.position==="aboveContainer")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function Vt(t){if(t.position==="top")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function qt(t){if(t.position==="normal")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function Jt(t){if(t.position==="bottom")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}function Qt(t){if(t.position==="belowContainer")return w(O,{clientProps:t.clientProps,plugin:t},t.key)}var Qe=({children:t,providers:e})=>{if(!e?.length)return t;let o=e[0];return e.length>1?A(o,{children:A(Qe,{providers:e.slice(1),children:t})}):A(o,{children:t})},Xe=t=>{let{composerKey:e,editorConfig:o,fieldProps:r,onChange:n,readOnly:a,value:l}=t,c=R(),u=Je.useRef(null),g=Zt(()=>{if(l&&typeof l!="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(l));if(l&&Array.isArray(l)&&!("root"in l))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(l&&"jsonContent"in l)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");return{editable:a!==!0,editorState:l!=null?JSON.stringify(l):void 0,namespace:o.lexical.namespace,nodes:xe({editorConfig:o}),onError:y=>{throw y},theme:o.lexical.theme}},[o]);return g?A(Xt,{initialConfig:g,children:A(ue,{editorConfig:o,editorContainerRef:u,fieldProps:r,parentContext:c,children:A(Qe,{providers:o.features.providers,children:A(qe,{editorConfig:o,editorContainerRef:u,onChange:n})})})},e+g.editable):A("p",{children:"Loading..."})};var ie="rich-text-lexical",ao=t=>{let{editorConfig:e,field:o,field:{name:r,admin:{className:n,description:a,readOnly:l}={},label:c,localized:u,required:g},path:y,readOnly:s,validate:i}=t,d=s||l,x=y??r,p=no(),h=et((Q,ae)=>typeof i=="function"?i(Q,{...ae,required:g}):!0,[i,g]),{customComponents:{AfterInput:f,BeforeInput:m,Description:E,Error:b,Label:N}={},formInitializing:C,formProcessing:k,initialValue:P,setValue:H,showError:L,value:I}=ro({path:x,validate:h}),S=d||k||C,U=[ie,"field-type",n,L&&"error",S&&`${ie}--read-only`,e?.admin?.hideGutter!==!0?`${ie}--show-gutter`:null].filter(Boolean).join(" "),J=`${x}.${p}`,de=et(Q=>{H(Q.toJSON())},[H]),le=so(()=>io(o),[o]);return se("div",{className:U,style:le,children:[F(Ze,{CustomComponent:b,Fallback:F(to,{path:x,showError:L})}),N||F(oo,{label:c,localized:u,path:x,required:g}),se("div",{className:`${ie}__wrap`,children:[se(lo,{fallbackRender:co,onReset:()=>{},children:[m,F(Xe,{composerKey:J,editorConfig:e,fieldProps:t,onChange:de,readOnly:S,value:I},JSON.stringify({initialValue:P,path:x})),f]}),E,F(Ze,{CustomComponent:E,Fallback:F(eo,{description:a,path:x})})]})]},J)};function co({error:t}){return se("div",{className:"errorBoundary",role:"alert",children:[F("p",{children:"Something went wrong:"}),F("pre",{style:{color:"red"},children:t.message})]})}var Cr=ao;export{Cr as RichText};
2
+ //# sourceMappingURL=Field-7ROJ5JAM.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/field/Field.tsx", "../../../src/lexical/LexicalProvider.tsx", "../../../src/lexical/LexicalEditor.tsx", "../../../src/lexical/EditorPlugin.tsx", "../../../src/lexical/plugins/handles/AddBlockHandlePlugin/index.tsx", "../../../src/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.ts", "../../../src/lexical/plugins/handles/utils/getNodeCloseToPoint.ts", "../../../src/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts", "../../../src/lexical/plugins/handles/utils/getCollapsedMargins.ts", "../../../src/lexical/plugins/handles/utils/getTopLevelNodeKeys.ts", "../../../src/lexical/plugins/handles/utils/isOnHandleElement.ts", "../../../src/lexical/plugins/handles/utils/doesLineHeightAffectElement.ts", "../../../src/lexical/plugins/handles/utils/setHandlePosition.ts", "../../../src/lexical/plugins/handles/DraggableBlockPlugin/index.tsx", "../../../src/lexical/plugins/handles/DraggableBlockPlugin/setTargetLine.ts", "../../../src/lexical/plugins/MarkdownShortcut/index.tsx", "../../../src/lexical/plugins/SlashMenu/index.tsx", "../../../src/lexical/plugins/SlashMenu/useMenuTriggerMatch.ts", "../../../src/lexical/plugins/TextPlugin/index.tsx", "../../../src/lexical/ui/ContentEditable.tsx"],
4
+ "sourcesContent": ["'use client'\nimport type { EditorState, SerializedEditorState } from 'lexical'\nimport type { Validate } from 'payload'\n\nimport {\n FieldDescription,\n FieldError,\n FieldLabel,\n RenderCustomComponent,\n useEditDepth,\n useField,\n} from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\nimport React, { useCallback, useMemo } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalRichTextFieldProps } from '../types.js'\n\nimport '../lexical/theme/EditorTheme.scss'\nimport './bundled.css'\nimport './index.scss'\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n {\n readonly editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n } & LexicalRichTextFieldProps\n> = (props) => {\n const {\n editorConfig,\n field,\n field: {\n name,\n admin: { className, description, readOnly: readOnlyFromAdmin } = {},\n label,\n localized,\n required,\n },\n path: pathFromProps,\n readOnly: readOnlyFromTopLevelProps,\n validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n } = props\n\n const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n const path = pathFromProps ?? name\n\n const editDepth = useEditDepth()\n\n const memoizedValidate = useCallback<Validate>(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return validate(value, { ...validationOptions, required })\n }\n return true\n },\n // Important: do not add props to the dependencies array.\n // This would cause an infinite loop and endless re-rendering.\n // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709\n [validate, required],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n formInitializing,\n formProcessing,\n initialValue,\n setValue,\n showError,\n value,\n } = useField<SerializedEditorState>({\n path,\n validate: memoizedValidate,\n })\n\n const disabled = readOnlyFromProps || formProcessing || formInitializing\n\n const classes = [\n baseClass,\n 'field-type',\n className,\n showError && 'error',\n disabled && `${baseClass}--read-only`,\n editorConfig?.admin?.hideGutter !== true ? `${baseClass}--show-gutter` : null,\n ]\n .filter(Boolean)\n .join(' ')\n\n const pathWithEditDepth = `${path}.${editDepth}`\n\n const handleChange = useCallback(\n (editorState: EditorState) => {\n setValue(editorState.toJSON())\n },\n [setValue],\n )\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <div className={classes} key={pathWithEditDepth} style={styles}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {Label || <FieldLabel label={label} localized={localized} path={path} required={required} />}\n <div className={`${baseClass}__wrap`}>\n <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n {BeforeInput}\n <LexicalProvider\n composerKey={pathWithEditDepth}\n editorConfig={editorConfig}\n fieldProps={props}\n key={JSON.stringify({ initialValue, path })} // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)\n onChange={handleChange}\n readOnly={disabled}\n value={value}\n />\n {AfterInput}\n </ErrorBoundary>\n {Description}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n\nfunction fallbackRender({ error }: { error: Error }) {\n // Call resetErrorBoundary() to reset the error boundary and retry the render.\n\n return (\n <div className=\"errorBoundary\" role=\"alert\">\n <p>Something went wrong:</p>\n <pre style={{ color: 'red' }}>{error.message}</pre>\n </div>\n )\n}\n\nexport const RichText: typeof RichTextComponent = RichTextComponent\n", "'use client'\nimport type { InitialConfigType } from '@lexical/react/LexicalComposer.js'\nimport type { EditorState, LexicalEditor, SerializedEditorState } from 'lexical'\nimport type { ClientField } from 'payload'\n\nimport { LexicalComposer } from '@lexical/react/LexicalComposer.js'\nimport * as React from 'react'\nimport { useMemo } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../types.js'\nimport type { SanitizedClientEditorConfig } from './config/types.js'\n\nimport {\n EditorConfigProvider,\n useEditorConfigContext,\n} from './config/client/EditorConfigProvider.js'\nimport { LexicalEditor as LexicalEditorComponent } from './LexicalEditor.js'\nimport { getEnabledNodes } from './nodes/index.js'\n\nexport type LexicalProviderProps = {\n composerKey: string\n editorConfig: SanitizedClientEditorConfig\n fieldProps: LexicalRichTextFieldProps\n onChange: (editorState: EditorState, editor: LexicalEditor, tags: Set<string>) => void\n readOnly: boolean\n value: SerializedEditorState\n}\n\nconst NestProviders = ({\n children,\n providers,\n}: {\n children: React.ReactNode\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n providers: any[]\n}) => {\n if (!providers?.length) {\n return children\n }\n const Component = providers[0]\n if (providers.length > 1) {\n return (\n <Component>\n <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n </Component>\n )\n }\n return <Component>{children}</Component>\n}\n\nexport const LexicalProvider: React.FC<LexicalProviderProps> = (props) => {\n const { composerKey, editorConfig, fieldProps, onChange, readOnly, value } = props\n\n const parentContext = useEditorConfigContext()\n\n const editorContainerRef = React.useRef<HTMLDivElement>(null)\n\n // useMemo for the initialConfig that depends on readOnly and value\n const initialConfig = useMemo<InitialConfigType>(() => {\n if (value && typeof value !== 'object') {\n throw new Error(\n '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: ' +\n JSON.stringify(value),\n )\n }\n\n if (value && Array.isArray(value) && !('root' in value)) {\n throw new Error(\n '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',\n )\n }\n\n if (value && 'jsonContent' in value) {\n throw new Error(\n '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',\n )\n }\n\n return {\n editable: readOnly !== true,\n editorState: value != null ? JSON.stringify(value) : undefined,\n namespace: editorConfig.lexical.namespace,\n nodes: getEnabledNodes({ editorConfig }),\n onError: (error: Error) => {\n throw error\n },\n theme: editorConfig.lexical.theme,\n }\n // Important: do not add readOnly and value to the dependencies array. This will cause the entire lexical editor to re-render if the document is saved, which will\n // cause the editor to lose focus.\n }, [editorConfig])\n\n if (!initialConfig) {\n return <p>Loading...</p>\n }\n\n // We need to add initialConfig.editable to the key to force a re-render when the readOnly prop changes.\n // Without it, there were cases where lexical editors inside drawers turn readOnly initially - a few miliseconds later they turn editable, but the editor does not re-render and stays readOnly.\n return (\n <LexicalComposer initialConfig={initialConfig} key={composerKey + initialConfig.editable}>\n <EditorConfigProvider\n editorConfig={editorConfig}\n editorContainerRef={editorContainerRef}\n fieldProps={fieldProps}\n parentContext={parentContext}\n >\n <NestProviders providers={editorConfig.features.providers}>\n <LexicalEditorComponent\n editorConfig={editorConfig}\n editorContainerRef={editorContainerRef}\n onChange={onChange}\n />\n </NestProviders>\n </EditorConfigProvider>\n </LexicalComposer>\n )\n}\n", "'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js'\nimport { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js'\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport type { LexicalProviderProps } from './LexicalProvider.js'\n\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport { EditorPlugin } from './EditorPlugin.js'\nimport './LexicalEditor.scss'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { TextPlugin } from './plugins/TextPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n {\n editorContainerRef: React.RefObject<HTMLDivElement | null>\n } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n const { editorConfig, editorContainerRef, onChange } = props\n const editorConfigContext = useEditorConfigContext()\n const [editor] = useLexicalComposerContext()\n\n const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null)\n const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n if (_floatingAnchorElem !== null) {\n setFloatingAnchorElem(_floatingAnchorElem)\n }\n }\n\n useEffect(() => {\n if (!editorConfigContext?.uuid) {\n console.error('Lexical Editor must be used within an EditorConfigProvider')\n return\n }\n if (editorConfigContext?.parentEditor?.uuid) {\n editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext)\n }\n\n const handleFocus = () => {\n editorConfigContext.focusEditor(editorConfigContext)\n }\n\n const handleBlur = () => {\n editorConfigContext.blurEditor(editorConfigContext)\n }\n\n const unregisterFocus = editor.registerCommand<MouseEvent>(\n FOCUS_COMMAND,\n () => {\n handleFocus()\n return true\n },\n COMMAND_PRIORITY_LOW,\n )\n\n const unregisterBlur = editor.registerCommand<MouseEvent>(\n BLUR_COMMAND,\n () => {\n handleBlur()\n return true\n },\n COMMAND_PRIORITY_LOW,\n )\n\n return () => {\n unregisterFocus()\n unregisterBlur()\n editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid)\n }\n }, [editor, editorConfigContext])\n\n const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n\n useEffect(() => {\n const updateViewPortWidth = () => {\n const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n setIsSmallWidthViewport(isNextSmallWidthViewport)\n }\n }\n updateViewPortWidth()\n window.addEventListener('resize', updateViewPortWidth)\n\n return () => {\n window.removeEventListener('resize', updateViewPortWidth)\n }\n }, [isSmallWidthViewport])\n\n return (\n <React.Fragment>\n {editorConfig.features.plugins?.map((plugin) => {\n if (plugin.position === 'aboveContainer') {\n return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n }\n })}\n <div className=\"editor-container\" ref={editorContainerRef}>\n {editorConfig.features.plugins?.map((plugin) => {\n if (plugin.position === 'top') {\n return (\n <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n )\n }\n })}\n <RichTextPlugin\n contentEditable={\n <div className=\"editor-scroller\">\n <div className=\"editor\" ref={onRef}>\n <LexicalContentEditable editorConfig={editorConfig} />\n </div>\n </div>\n }\n ErrorBoundary={LexicalErrorBoundary}\n />\n <TextPlugin features={editorConfig.features} />\n <OnChangePlugin\n // Selection changes can be ignored here, reducing the\n // frequency that the FieldComponent and Payload receive updates.\n // Selection changes are only needed if you are saving selection state\n ignoreSelectionChange\n onChange={(editorState, editor, tags) => {\n // Ignore any onChange event triggered by focus only\n if (!tags.has('focus') || tags.size > 1) {\n if (onChange != null) {\n onChange(editorState, editor, tags)\n }\n }\n }}\n />\n {floatingAnchorElem && (\n <React.Fragment>\n {!isSmallWidthViewport && editor.isEditable() && (\n <React.Fragment>\n <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\n </React.Fragment>\n )}\n {editorConfig.features.plugins?.map((plugin) => {\n if (\n plugin.position === 'floatingAnchorElem' &&\n !(plugin.desktopOnly === true && isSmallWidthViewport)\n ) {\n return (\n <EditorPlugin\n anchorElem={floatingAnchorElem}\n clientProps={plugin.clientProps}\n key={plugin.key}\n plugin={plugin}\n />\n )\n }\n })}\n {editor.isEditable() && (\n <React.Fragment>\n <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n </React.Fragment>\n )}\n </React.Fragment>\n )}\n {editor.isEditable() && (\n <React.Fragment>\n <HistoryPlugin />\n {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n </React.Fragment>\n )}\n {editorConfig.features.plugins?.map((plugin) => {\n if (plugin.position === 'normal') {\n return (\n <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n )\n }\n })}\n {editorConfig.features.plugins?.map((plugin) => {\n if (plugin.position === 'bottom') {\n return (\n <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n )\n }\n })}\n </div>\n {editorConfig.features.plugins?.map((plugin) => {\n if (plugin.position === 'belowContainer') {\n return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n }\n })}\n </React.Fragment>\n )\n}\n", "'use client'\nimport React from 'react'\n\nimport type { SanitizedPlugin } from '../features/typesClient.js'\n\nexport const EditorPlugin: React.FC<{\n anchorElem?: HTMLDivElement\n clientProps: unknown\n plugin: SanitizedPlugin\n}> = ({ anchorElem, clientProps, plugin }) => {\n if (plugin.position === 'floatingAnchorElem' && anchorElem) {\n return (\n plugin.Component && <plugin.Component anchorElem={anchorElem} clientProps={clientProps} />\n )\n }\n\n // @ts-expect-error - ts is not able to infer that plugin.Component is of type PluginComponent\n return plugin.Component && <plugin.Component clientProps={clientProps} />\n}\n", "'use client'\nimport type { LexicalEditor, LexicalNode, ParagraphNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $createParagraphNode } from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../config/client/EditorConfigProvider.js'\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { ENABLE_SLASH_MENU_COMMAND } from '../../SlashMenu/LexicalTypeaheadMenuPlugin/index.js'\nimport { calculateDistanceFromScrollerElem } from '../utils/calculateDistanceFromScrollerElem.js'\nimport { getNodeCloseToPoint } from '../utils/getNodeCloseToPoint.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport './index.scss'\n\nconst ADD_BLOCK_MENU_CLASSNAME = 'add-block-menu'\n\nlet prevIndex = Infinity\n\nfunction getCurrentIndex(keysLength: number): number {\n if (keysLength === 0) {\n return Infinity\n }\n if (prevIndex >= 0 && prevIndex < keysLength) {\n return prevIndex\n }\n\n return Math.floor(keysLength / 2)\n}\n\nfunction useAddBlockHandle(\n editor: LexicalEditor,\n anchorElem: HTMLElement,\n isEditable: boolean,\n): React.ReactElement {\n const scrollerElem = anchorElem.parentElement\n\n const { editorConfig } = useEditorConfigContext()\n const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -24 : 12\n\n const menuRef = useRef<HTMLButtonElement>(null)\n const [hoveredElement, setHoveredElement] = useState<{\n elem: HTMLElement\n node: LexicalNode\n } | null>(null)\n\n useEffect(() => {\n function onDocumentMouseMove(event: MouseEvent) {\n const target = event.target\n if (!isHTMLElement(target)) {\n return\n }\n\n const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n scrollerElem,\n event.pageX,\n event.pageY,\n target,\n )\n\n if (distanceFromScrollerElem === -1) {\n setHoveredElement(null)\n return\n }\n\n if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {\n return\n }\n const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n const {\n blockElem: _emptyBlockElem,\n blockNode,\n foundAtIndex,\n } = getNodeCloseToPoint({\n anchorElem,\n cache_threshold: 0,\n editor,\n horizontalOffset: -distanceFromScrollerElem,\n point: new Point(event.x, event.y),\n returnEmptyParagraphs: true,\n startIndex: getCurrentIndex(topLevelNodeKeys.length),\n useEdgeAsDefault: false,\n })\n\n prevIndex = foundAtIndex\n\n if (!_emptyBlockElem) {\n return\n }\n if (\n blockNode &&\n (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem)\n ) {\n setHoveredElement({\n elem: _emptyBlockElem,\n node: blockNode,\n })\n }\n }\n\n // Since the draggableBlockElem is outside the actual editor, we need to listen to the document\n // to be able to detect when the mouse is outside the editor and respect a buffer around\n // the scrollerElem to avoid the draggableBlockElem disappearing too early.\n document?.addEventListener('mousemove', onDocumentMouseMove)\n\n return () => {\n document?.removeEventListener('mousemove', onDocumentMouseMove)\n }\n }, [scrollerElem, anchorElem, editor, hoveredElement])\n\n useEffect(() => {\n if (menuRef.current && hoveredElement?.node) {\n setHandlePosition(\n hoveredElement?.elem,\n menuRef.current,\n anchorElem,\n blockHandleHorizontalOffset,\n )\n }\n }, [anchorElem, hoveredElement, blockHandleHorizontalOffset])\n\n const handleAddClick = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n let hoveredElementToUse = hoveredElement\n if (!hoveredElementToUse?.node) {\n return\n }\n\n // 1. Update hoveredElement.node to a new paragraph node if the hoveredElement.node is not a paragraph node\n editor.update(() => {\n // Check if blockNode is an empty text node\n let isEmptyParagraph = true\n if (\n hoveredElementToUse?.node.getType() !== 'paragraph' ||\n hoveredElementToUse.node.getTextContent() !== ''\n ) {\n isEmptyParagraph = false\n }\n\n if (!isEmptyParagraph) {\n const newParagraph = $createParagraphNode()\n hoveredElementToUse?.node.insertAfter(newParagraph)\n\n setTimeout(() => {\n hoveredElementToUse = {\n elem: editor.getElementByKey(newParagraph.getKey())!,\n node: newParagraph,\n }\n setHoveredElement(hoveredElementToUse)\n }, 0)\n }\n })\n\n // 2. Focus on the new paragraph node\n setTimeout(() => {\n editor.update(() => {\n editor.focus()\n\n if (\n hoveredElementToUse?.node &&\n 'select' in hoveredElementToUse.node &&\n typeof hoveredElementToUse.node.select === 'function'\n ) {\n hoveredElementToUse.node.select()\n }\n })\n }, 1)\n\n // Make sure this is called AFTER the focusing has been processed by the browser\n // Otherwise, this won't work\n setTimeout(() => {\n editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {\n node: hoveredElementToUse?.node as ParagraphNode,\n })\n }, 2)\n\n event.stopPropagation()\n event.preventDefault()\n },\n [editor, hoveredElement],\n )\n\n return createPortal(\n <React.Fragment>\n <button\n aria-label=\"Add block\"\n className=\"icon add-block-menu\"\n onClick={(event) => {\n handleAddClick(event)\n }}\n ref={menuRef}\n type=\"button\"\n >\n <div className={isEditable ? 'icon' : ''} />\n </button>\n </React.Fragment>,\n anchorElem,\n )\n}\n\nexport function AddBlockHandlePlugin({\n anchorElem = document.body,\n}: {\n anchorElem?: HTMLElement\n}): React.ReactElement {\n const [editor] = useLexicalComposerContext()\n return useAddBlockHandle(editor, anchorElem, editor._editable)\n}\n", "'use client'\n/**\n * Calculate distance between scrollerElem and target if target is not in scrollerElem\n */\nexport const calculateDistanceFromScrollerElem = (\n scrollerElem: HTMLElement | null,\n pageX: number,\n pageY: number,\n target: HTMLElement,\n horizontalBuffer: number = 50,\n verticalBuffer: number = 25,\n): number => {\n let distanceFromScrollerElem = 0\n if (scrollerElem && !scrollerElem.contains(target)) {\n const { bottom, left, right, top } = scrollerElem.getBoundingClientRect()\n\n const adjustedTop = top + window.scrollY\n const adjustedBottom = bottom + window.scrollY\n\n if (\n pageY < adjustedTop - verticalBuffer ||\n pageY > adjustedBottom + verticalBuffer ||\n pageX < left - horizontalBuffer ||\n pageX > right + horizontalBuffer\n ) {\n return -1\n }\n\n // This is used to allow the _draggableBlockElem to be found when the mouse is in the\n // buffer zone around the scrollerElem.\n if (pageX < left || pageX > right) {\n distanceFromScrollerElem = pageX < left ? pageX - left : pageX - right\n }\n }\n return distanceFromScrollerElem\n}\n", "'use client'\nimport type { LexicalEditor, LexicalNode } from 'lexical'\n\nimport { $getNodeByKey } from 'lexical'\n\nimport { Point } from '../../../utils/point.js'\nimport { Rect } from '../../../utils/rect.js'\nimport { getBoundingClientRectWithoutTransform } from '../DraggableBlockPlugin/getBoundingRectWithoutTransform.js'\nimport { getCollapsedMargins } from '../utils/getCollapsedMargins.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\n\n// Directions\nconst Downward = 1\nconst Upward = -1\nconst Indeterminate = 0\n\ntype Props = {\n anchorElem: HTMLElement\n cache_threshold?: number\n editor: LexicalEditor\n /** fuzzy makes the search not exact. If no exact match found, find the closes node instead of returning null */\n fuzzy?: boolean\n horizontalOffset?: number\n point: Point\n /**\n * By default, empty paragraphs are not returned. Set this to true to return empty paragraphs. @default false\n */\n returnEmptyParagraphs?: boolean\n /**\n * The index to start searching from. It can be a considerable performance optimization to start searching from the index of the\n * previously found node, as the node is likely to be close to the next node.\n */\n startIndex?: number\n useEdgeAsDefault?: boolean\n verbose?: boolean\n}\n\ntype Output = {\n blockElem: HTMLElement | null\n blockNode: LexicalNode | null\n foundAtIndex: number\n isFoundNodeEmptyParagraph: boolean\n}\n\nconst cache = {\n props: null as null | Props,\n result: null as null | Output,\n}\n\nfunction isPointClose(previous: Point, current: Point, threshold: number = 20): boolean {\n const dx = previous.x - current.x\n const dy = previous.y - current.y\n return dx * dx + dy * dy <= threshold * threshold\n}\n\nexport function getNodeCloseToPoint(props: Props): Output {\n const {\n anchorElem,\n cache_threshold = 20,\n editor,\n fuzzy = false,\n horizontalOffset = 0,\n point: { x, y },\n startIndex = 0,\n useEdgeAsDefault = false,\n } = props\n\n // Use cache\n if (\n cache_threshold > 0 &&\n cache.props &&\n cache.result &&\n cache.props.fuzzy === props.fuzzy &&\n cache.props.horizontalOffset === props.horizontalOffset &&\n cache.props.useEdgeAsDefault === props.useEdgeAsDefault &&\n isPointClose(cache.props.point, props.point, cache_threshold)\n ) {\n return cache.result\n }\n\n const anchorElementRect = anchorElem.getBoundingClientRect()\n const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n const closestBlockElem: {\n blockElem: HTMLElement | null\n blockNode: LexicalNode | null\n distance: number\n foundAtIndex: number\n isFoundNodeEmptyParagraph: boolean\n } = {\n blockElem: null,\n blockNode: null,\n distance: Infinity,\n foundAtIndex: -1,\n isFoundNodeEmptyParagraph: false,\n }\n\n // Return null if matching block element is the first or last node\n editor.getEditorState().read(() => {\n if (useEdgeAsDefault) {\n const [firstNode, lastNode] = [\n editor.getElementByKey(topLevelNodeKeys[0]),\n editor.getElementByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1]),\n ]\n\n if (firstNode && lastNode) {\n const [firstNodeRect, lastNodeRect] = [\n getBoundingClientRectWithoutTransform(firstNode),\n getBoundingClientRectWithoutTransform(lastNode),\n ]\n\n if (y < firstNodeRect.top) {\n closestBlockElem.blockElem = firstNode\n closestBlockElem.distance = firstNodeRect.top - y\n closestBlockElem.blockNode = $getNodeByKey(topLevelNodeKeys[0])\n closestBlockElem.foundAtIndex = 0\n } else if (y > lastNodeRect.bottom) {\n closestBlockElem.distance = y - lastNodeRect.bottom\n closestBlockElem.blockNode = $getNodeByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1])\n closestBlockElem.blockElem = lastNode\n closestBlockElem.foundAtIndex = topLevelNodeKeys.length - 1\n }\n\n if (closestBlockElem?.blockElem) {\n return {\n blockElem: null,\n isFoundNodeEmptyParagraph: false,\n } as Output\n }\n }\n }\n\n // Find matching block element\n let index = startIndex\n let direction = Indeterminate\n\n while (index >= 0 && index < topLevelNodeKeys.length) {\n const key = topLevelNodeKeys[index]\n const elem = editor.getElementByKey(key)\n if (elem === null) {\n break\n }\n const point = new Point(x + horizontalOffset, y)\n //const domRect = Rect.fromDOM(elem)\n // Do not consider transform of blocks when calculating distance\n const domRect = Rect.fromDOMRect(getBoundingClientRectWithoutTransform(elem))\n\n const { marginBottom, marginTop } = getCollapsedMargins(elem)\n\n const rect = domRect.generateNewRect({\n bottom: domRect.bottom + marginBottom,\n left: anchorElementRect.left,\n right: anchorElementRect.right,\n top: domRect.top - marginTop,\n })\n\n const { distance, isOnBottomSide, isOnTopSide } = rect.distanceFromPoint(point)\n\n if (distance === 0) {\n closestBlockElem.blockElem = elem\n closestBlockElem.blockNode = $getNodeByKey(key)\n closestBlockElem.foundAtIndex = index\n closestBlockElem.distance = distance\n\n // Check if blockNode is an empty text node\n if (\n closestBlockElem.blockNode &&\n closestBlockElem.blockNode.getType() === 'paragraph' &&\n closestBlockElem.blockNode.getTextContent() === ''\n ) {\n if (!fuzzy && !props.returnEmptyParagraphs) {\n closestBlockElem.blockElem = null\n closestBlockElem.blockNode = null\n }\n\n closestBlockElem.isFoundNodeEmptyParagraph = true\n }\n break\n } else if (fuzzy) {\n if (distance < closestBlockElem.distance) {\n closestBlockElem.blockElem = elem\n closestBlockElem.blockNode = $getNodeByKey(key)\n closestBlockElem.distance = distance\n closestBlockElem.foundAtIndex = index\n }\n }\n\n if (direction === Indeterminate) {\n if (isOnTopSide) {\n direction = Upward\n } else if (isOnBottomSide) {\n direction = Downward\n } else {\n // stop search block element\n direction = Infinity\n }\n }\n\n index += direction\n }\n })\n\n // Store in cache before returning\n cache.props = props\n cache.result = {\n blockElem: closestBlockElem.blockElem,\n blockNode: closestBlockElem.blockNode,\n foundAtIndex: closestBlockElem.foundAtIndex,\n isFoundNodeEmptyParagraph: closestBlockElem.isFoundNodeEmptyParagraph,\n }\n\n return {\n blockElem: closestBlockElem.blockElem,\n blockNode: closestBlockElem.blockNode,\n foundAtIndex: closestBlockElem.foundAtIndex,\n isFoundNodeEmptyParagraph: closestBlockElem.isFoundNodeEmptyParagraph,\n }\n}\n", "'use client'\nexport function getBoundingClientRectWithoutTransform(elem: HTMLElement): DOMRect {\n const rect = elem.getBoundingClientRect()\n\n // Extract the translation value from the transform style\n const transformValue = getComputedStyle(elem).getPropertyValue('transform')\n if (!transformValue || transformValue === 'none') {\n return rect\n }\n\n const lastNumberOfTransformValue = transformValue.split(',').pop()\n rect.y = rect.y - Number(lastNumberOfTransformValue?.replace(')', ''))\n\n // Return the original bounding rect if no translation is applied\n return rect\n}\n", "'use client'\nexport function getCollapsedMargins(elem: HTMLElement): {\n marginBottom: number\n marginTop: number\n} {\n const getMargin = (element: Element | null, margin: 'marginBottom' | 'marginTop'): number =>\n element ? parseFloat(window.getComputedStyle(element)[margin]) : 0\n\n const { marginBottom, marginTop } = window.getComputedStyle(elem)\n const prevElemSiblingMarginBottom = getMargin(elem.previousElementSibling, 'marginBottom')\n const nextElemSiblingMarginTop = getMargin(elem.nextElementSibling, 'marginTop')\n const collapsedTopMargin = Math.max(parseFloat(marginTop), prevElemSiblingMarginBottom)\n const collapsedBottomMargin = Math.max(parseFloat(marginBottom), nextElemSiblingMarginTop)\n\n return { marginBottom: collapsedBottomMargin, marginTop: collapsedTopMargin }\n}\n", "'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { $getRoot } from 'lexical'\n\nexport function getTopLevelNodeKeys(editor: LexicalEditor): string[] {\n return editor.getEditorState().read(() => $getRoot().getChildrenKeys())\n}\n", "'use client'\nexport function isOnHandleElement(element: HTMLElement, handleElementClassName: string): boolean {\n return !!element.closest(`.${handleElementClassName}`)\n}\n", "'use client'\nconst replacedElements = [\n 'IMG',\n 'INPUT',\n 'TEXTAREA',\n 'SELECT',\n 'BUTTON',\n 'VIDEO',\n 'OBJECT',\n 'EMBED',\n 'IFRAME',\n 'HR',\n]\n\n/**\n * From ChatGPT, only that verified it works for HR elements.\n *\n * HTML Elements can have CSS lineHeight applied to them, but it doesn't always affect the visual layout.\n * This function checks if the line-height property has an effect on the element's layout.\n * @param htmlElem\n */\nexport function doesLineHeightAffectElement(htmlElem: HTMLElement) {\n if (!htmlElem) {\n return false\n }\n\n // Check for replaced elements, elements that typically don't support line-height adjustments,\n // and elements without visible content\n\n if (\n replacedElements.includes(htmlElem.tagName) ||\n htmlElem.offsetHeight === 0 ||\n htmlElem.offsetWidth === 0\n ) {\n return false\n }\n\n // Check for specific CSS properties that negate line-height's visual effects\n const style = window.getComputedStyle(htmlElem)\n if (\n style.display === 'table-cell' ||\n style.position === 'absolute' ||\n style.visibility === 'hidden' ||\n style.opacity === '0'\n ) {\n return false\n }\n\n // This is a basic check, and there can be more complex scenarios where line-height doesn't have an effect.\n return true\n}\n", "'use client'\nimport { doesLineHeightAffectElement } from './doesLineHeightAffectElement.js'\n\nexport function setHandlePosition(\n targetElem: HTMLElement | null,\n handleElem: HTMLElement,\n anchorElem: HTMLElement,\n leftOffset: number = 0, // SPACE\n) {\n if (!targetElem) {\n handleElem.style.opacity = '0'\n handleElem.style.transform = 'translate(-10000px, -10000px)'\n return\n }\n\n const targetRect = targetElem.getBoundingClientRect()\n const targetStyle = window.getComputedStyle(targetElem)\n const floatingElemRect = handleElem.getBoundingClientRect()\n const anchorElementRect = anchorElem.getBoundingClientRect()\n\n let top: number\n\n const isBlockStyle = ['lexical-block', 'lexical-upload', 'lexical-relationship'].some((classes) =>\n targetElem.firstElementChild?.classList.contains(classes),\n )\n\n if (!isBlockStyle) {\n // No need to let line height affect the re-positioning of the floating element if line height has no\n // visual effect on the element. Otherwise, the floating element will be positioned incorrectly.\n const actualLineHeight = doesLineHeightAffectElement(targetElem)\n ? parseInt(targetStyle.lineHeight, 10)\n : 0\n\n top = targetRect.top + (actualLineHeight - floatingElemRect.height) / 2 - anchorElementRect.top\n } else {\n top = targetRect.top + 8 - anchorElementRect.top\n }\n\n const left = leftOffset\n\n handleElem.style.opacity = '1'\n handleElem.style.transform = `translate(${left}px, ${top}px)`\n}\n", "'use client'\nimport type { LexicalEditor } from 'lexical'\nimport type { DragEvent as ReactDragEvent } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { eventFiles } from '@lexical/rich-text'\nimport { $getNearestNodeFromDOMNode, $getNodeByKey } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../config/client/EditorConfigProvider.js'\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { calculateDistanceFromScrollerElem } from '../utils/calculateDistanceFromScrollerElem.js'\nimport { getNodeCloseToPoint } from '../utils/getNodeCloseToPoint.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\nimport './index.scss'\nimport { setTargetLine } from './setTargetLine.js'\n\nconst DRAGGABLE_BLOCK_MENU_CLASSNAME = 'draggable-block-menu'\nconst DRAG_DATA_FORMAT = 'application/x-lexical-drag-block'\n\nlet prevIndex = Infinity\n\nfunction getCurrentIndex(keysLength: number): number {\n if (keysLength === 0) {\n return Infinity\n }\n if (prevIndex >= 0 && prevIndex < keysLength) {\n return prevIndex\n }\n\n return Math.floor(keysLength / 2)\n}\n\nfunction setDragImage(dataTransfer: DataTransfer, draggableBlockElem: HTMLElement) {\n const { transform } = draggableBlockElem.style\n\n // Remove dragImage borders\n dataTransfer.setDragImage(draggableBlockElem, 0, 0)\n\n setTimeout(() => {\n draggableBlockElem.style.transform = transform\n })\n}\n\nfunction hideTargetLine(\n targetLineElem: HTMLElement | null,\n lastTargetBlockElem: HTMLElement | null,\n) {\n if (targetLineElem) {\n targetLineElem.style.opacity = '0'\n }\n if (lastTargetBlockElem) {\n lastTargetBlockElem.style.opacity = ''\n // Delete marginBottom and marginTop values we set\n lastTargetBlockElem.style.marginBottom = ''\n lastTargetBlockElem.style.marginTop = ''\n //lastTargetBlock.style.border = 'none'\n }\n}\n\nfunction useDraggableBlockMenu(\n editor: LexicalEditor,\n anchorElem: HTMLElement,\n isEditable: boolean,\n): React.ReactElement {\n const scrollerElem = anchorElem.parentElement\n\n const menuRef = useRef<HTMLDivElement>(null)\n const targetLineRef = useRef<HTMLDivElement>(null)\n const debugHighlightRef = useRef<HTMLDivElement>(null)\n const isDraggingBlockRef = useRef<boolean>(false)\n const [draggableBlockElem, setDraggableBlockElem] = useState<HTMLElement | null>(null)\n const [lastTargetBlock, setLastTargetBlock] = useState<{\n boundingBox?: DOMRect\n elem: HTMLElement | null\n isBelow: boolean\n } | null>(null)\n\n const { editorConfig } = useEditorConfigContext()\n\n const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -44 : -8\n\n useEffect(() => {\n /**\n * Handles positioning of the drag handle\n */\n function onDocumentMouseMove(event: MouseEvent) {\n const target = event.target\n if (!isHTMLElement(target)) {\n return\n }\n\n const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n scrollerElem,\n event.pageX,\n event.pageY,\n target,\n )\n if (distanceFromScrollerElem === -1) {\n setDraggableBlockElem(null)\n return\n }\n\n if (isOnHandleElement(target, DRAGGABLE_BLOCK_MENU_CLASSNAME)) {\n return\n }\n\n const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n const {\n blockElem: _draggableBlockElem,\n foundAtIndex,\n isFoundNodeEmptyParagraph,\n } = getNodeCloseToPoint({\n anchorElem,\n cache_threshold: 0,\n editor,\n horizontalOffset: -distanceFromScrollerElem,\n point: new Point(event.x, event.y),\n startIndex: getCurrentIndex(topLevelNodeKeys.length),\n useEdgeAsDefault: false,\n verbose: false,\n })\n\n prevIndex = foundAtIndex\n\n //if (DEBUG && _draggableBlockElem) {\n //targetBlockElem.style.border = '3px solid red'\n // highlightElemOriginalPosition(debugHighlightRef, _draggableBlockElem, anchorElem)\n //}\n\n if (!_draggableBlockElem && !isFoundNodeEmptyParagraph) {\n return\n }\n\n if (draggableBlockElem !== _draggableBlockElem) {\n setDraggableBlockElem(_draggableBlockElem)\n }\n }\n\n // Since the draggableBlockElem is outside the actual editor, we need to listen to the document\n // to be able to detect when the mouse is outside the editor and respect a buffer around\n // the scrollerElem to avoid the draggableBlockElem disappearing too early.\n document?.addEventListener('mousemove', onDocumentMouseMove)\n\n return () => {\n document?.removeEventListener('mousemove', onDocumentMouseMove)\n }\n }, [scrollerElem, anchorElem, editor, draggableBlockElem])\n\n useEffect(() => {\n if (menuRef.current) {\n setHandlePosition(\n draggableBlockElem,\n menuRef.current,\n anchorElem,\n blockHandleHorizontalOffset,\n )\n }\n }, [anchorElem, draggableBlockElem, blockHandleHorizontalOffset])\n\n useEffect(() => {\n function onDragover(event: DragEvent): boolean {\n if (!isDraggingBlockRef.current) {\n return false\n }\n const [isFileTransfer] = eventFiles(event)\n if (isFileTransfer) {\n return false\n }\n\n const { pageY, target } = event\n if (!isHTMLElement(target)) {\n return false\n }\n\n const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n scrollerElem,\n event.pageX,\n event.pageY,\n target,\n 100,\n 50,\n )\n\n const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n const {\n blockElem: targetBlockElem,\n foundAtIndex,\n isFoundNodeEmptyParagraph,\n } = getNodeCloseToPoint({\n anchorElem,\n editor,\n fuzzy: true,\n horizontalOffset: -distanceFromScrollerElem,\n point: new Point(event.x, event.y),\n startIndex: getCurrentIndex(topLevelNodeKeys.length),\n useEdgeAsDefault: true,\n verbose: true,\n })\n\n prevIndex = foundAtIndex\n\n const targetLineElem = targetLineRef.current\n // targetBlockElem === null shouldn't happen\n if (targetBlockElem === null || targetLineElem === null) {\n return false\n }\n\n if (draggableBlockElem !== targetBlockElem) {\n const { isBelow, willStayInSamePosition } = setTargetLine(\n editorConfig?.admin?.hideGutter ? '0px' : '3rem',\n blockHandleHorizontalOffset +\n (editorConfig?.admin?.hideGutter\n ? (menuRef?.current?.getBoundingClientRect()?.width ?? 0)\n : -(menuRef?.current?.getBoundingClientRect()?.width ?? 0)),\n targetLineElem,\n targetBlockElem,\n lastTargetBlock!,\n pageY,\n anchorElem,\n event,\n debugHighlightRef,\n isFoundNodeEmptyParagraph,\n )\n\n // Prevent default event to be able to trigger onDrop events\n // Calling preventDefault() adds the green plus icon to the cursor,\n // indicating that the drop is allowed.\n event.preventDefault()\n\n if (!willStayInSamePosition) {\n setLastTargetBlock({\n boundingBox: targetBlockElem.getBoundingClientRect(),\n elem: targetBlockElem,\n isBelow,\n })\n }\n } else if (lastTargetBlock?.elem) {\n hideTargetLine(targetLineElem, lastTargetBlock.elem)\n setLastTargetBlock({\n boundingBox: targetBlockElem.getBoundingClientRect(),\n elem: targetBlockElem,\n isBelow: false,\n })\n }\n\n return true\n }\n\n function onDrop(event: DragEvent): boolean {\n if (!isDraggingBlockRef.current) {\n return false\n }\n const [isFileTransfer] = eventFiles(event)\n if (isFileTransfer) {\n return false\n }\n const { dataTransfer, pageY, target } = event\n const dragData = dataTransfer?.getData(DRAG_DATA_FORMAT) || ''\n\n editor.update(() => {\n const draggedNode = $getNodeByKey(dragData)\n if (!draggedNode) {\n return false\n }\n if (!isHTMLElement(target)) {\n return false\n }\n const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n scrollerElem,\n event.pageX,\n event.pageY,\n target,\n 100,\n 50,\n )\n\n const { blockElem: targetBlockElem, isFoundNodeEmptyParagraph } = getNodeCloseToPoint({\n anchorElem,\n editor,\n fuzzy: true,\n horizontalOffset: -distanceFromScrollerElem,\n point: new Point(event.x, event.y),\n useEdgeAsDefault: true,\n })\n\n if (!targetBlockElem) {\n return false\n }\n const targetNode = $getNearestNodeFromDOMNode(targetBlockElem)\n if (!targetNode) {\n return false\n }\n if (targetNode === draggedNode) {\n return true\n }\n\n const { height: targetBlockElemHeight, top: targetBlockElemTop } =\n getBoundingClientRectWithoutTransform(targetBlockElem)\n\n const mouseY = pageY\n const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY\n\n if (!isFoundNodeEmptyParagraph) {\n if (isBelow) {\n // below targetBlockElem\n targetNode.insertAfter(draggedNode)\n } else {\n // above targetBlockElem\n targetNode.insertBefore(draggedNode)\n }\n } else {\n //\n targetNode.insertBefore(draggedNode)\n targetNode.remove()\n }\n\n /*\n if (pageY >= targetBlockElemTop + targetBlockElemHeight / 2) {\n targetNode.insertAfter(draggedNode)\n } else {\n targetNode.insertBefore(draggedNode)\n }*/\n if (draggableBlockElem !== null) {\n setDraggableBlockElem(null)\n }\n\n // find all previous elements with lexical-block-highlighter class and remove them\n const allPrevHighlighters = document.querySelectorAll('.lexical-block-highlighter')\n allPrevHighlighters.forEach((highlighter) => {\n highlighter.remove()\n })\n\n const newInsertedElem = editor.getElementByKey(draggedNode.getKey())\n setTimeout(() => {\n // add new temp html element to newInsertedElem with the same height and width and the class block-selected\n // to highlight the new inserted element\n const newInsertedElemRect = newInsertedElem?.getBoundingClientRect()\n if (!newInsertedElemRect) {\n return\n }\n const highlightElem = document.createElement('div')\n highlightElem.className = 'lexical-block-highlighter'\n\n highlightElem.style.backgroundColor = 'var(--theme-elevation-1000'\n highlightElem.style.transition = 'opacity 0.5s ease-in-out'\n highlightElem.style.zIndex = '1'\n highlightElem.style.pointerEvents = 'none'\n highlightElem.style.boxSizing = 'border-box'\n highlightElem.style.borderRadius = '4px'\n highlightElem.style.position = 'absolute'\n document.body.appendChild(highlightElem)\n\n highlightElem.style.opacity = '0.1'\n\n highlightElem.style.height = `${newInsertedElemRect.height + 8}px`\n highlightElem.style.width = `${newInsertedElemRect.width + 8}px`\n highlightElem.style.top = `${newInsertedElemRect.top + window.scrollY - 4}px`\n highlightElem.style.left = `${newInsertedElemRect.left - 4}px`\n\n setTimeout(() => {\n highlightElem.style.opacity = '0'\n setTimeout(() => {\n highlightElem.remove()\n }, 500)\n }, 1000)\n }, 120)\n })\n\n return true\n }\n\n // register onDragover event listeners:\n document.addEventListener('dragover', onDragover)\n // register onDrop event listeners:\n document.addEventListener('drop', onDrop)\n\n return () => {\n document.removeEventListener('dragover', onDragover)\n document.removeEventListener('drop', onDrop)\n }\n }, [\n scrollerElem,\n blockHandleHorizontalOffset,\n anchorElem,\n editor,\n lastTargetBlock,\n draggableBlockElem,\n editorConfig?.admin?.hideGutter,\n ])\n\n function onDragStart(event: ReactDragEvent<HTMLDivElement>): void {\n const dataTransfer = event.dataTransfer\n if (!dataTransfer || !draggableBlockElem) {\n return\n }\n setDragImage(dataTransfer, draggableBlockElem)\n let nodeKey = ''\n editor.update(() => {\n const node = $getNearestNodeFromDOMNode(draggableBlockElem)\n if (node) {\n nodeKey = node.getKey()\n }\n })\n isDraggingBlockRef.current = true\n dataTransfer.setData(DRAG_DATA_FORMAT, nodeKey)\n }\n\n function onDragEnd(): void {\n isDraggingBlockRef.current = false\n if (lastTargetBlock?.elem) {\n hideTargetLine(targetLineRef.current, lastTargetBlock?.elem)\n }\n }\n\n return createPortal(\n <React.Fragment>\n <div\n className=\"icon draggable-block-menu\"\n draggable\n onDragEnd={onDragEnd}\n onDragStart={onDragStart}\n ref={menuRef}\n >\n <div className={isEditable ? 'icon' : ''} />\n </div>\n <div className=\"draggable-block-target-line\" ref={targetLineRef} />\n <div className=\"debug-highlight\" ref={debugHighlightRef} />\n </React.Fragment>,\n anchorElem,\n )\n}\n\nexport function DraggableBlockPlugin({\n anchorElem = document.body,\n}: {\n anchorElem?: HTMLElement\n}): React.ReactElement {\n const [editor] = useLexicalComposerContext()\n return useDraggableBlockMenu(editor, anchorElem, editor._editable)\n}\n", "'use client'\nimport { getCollapsedMargins } from '../utils/getCollapsedMargins.js'\nconst TARGET_LINE_HALF_HEIGHT = 0\nconst TEXT_BOX_HORIZONTAL_PADDING = -24\nconst DEBUG = false\n\nlet animationTimer = 0\n\nexport function setTargetLine(\n offsetWidth: string,\n offsetLeft: number,\n targetLineElem: HTMLElement,\n targetBlockElem: HTMLElement,\n lastTargetBlock: {\n boundingBox?: DOMRect\n elem: HTMLElement | null\n isBelow: boolean\n },\n mouseY: number,\n anchorElem: HTMLElement,\n event: DragEvent,\n debugHighlightRef: React.RefObject<HTMLDivElement | null>,\n isFoundNodeEmptyParagraph: boolean = false,\n) {\n const { height: targetBlockElemHeight, top: targetBlockElemTop } =\n targetBlockElem.getBoundingClientRect() // used to be getBoundingClientRectWithoutTransform. Not sure what's better, but the normal getBoundingClientRect seems to work fine\n const { top: anchorTop, width: anchorWidth } = anchorElem.getBoundingClientRect()\n\n const { marginBottom, marginTop } = getCollapsedMargins(targetBlockElem)\n let lineTop = targetBlockElemTop\n\n const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY\n\n let willStayInSamePosition = false\n\n /**\n * Do not run any transform or changes if the actual new line position would be the same (even if it's now inserted BEFORE rather than AFTER - position would still be the same)\n * This prevents unnecessary flickering.\n *\n * We still need to let it run even if the position (IGNORING the transform) would not change, as the transform animation is not finished yet. This is what animationTimer does. Otherwise, the positioning will be inaccurate\n */\n if (lastTargetBlock?.elem) {\n if (targetBlockElem !== lastTargetBlock?.elem) {\n if (\n isBelow &&\n lastTargetBlock?.elem &&\n lastTargetBlock?.elem === targetBlockElem.nextElementSibling\n ) {\n animationTimer++\n\n if (animationTimer < 200) {\n willStayInSamePosition = true\n }\n } else if (\n !isBelow &&\n lastTargetBlock?.elem &&\n lastTargetBlock?.elem === targetBlockElem.previousElementSibling\n ) {\n animationTimer++\n if (animationTimer < 200) {\n willStayInSamePosition = true\n }\n }\n } else {\n animationTimer++\n\n const lastBoundingBoxPosition = lastTargetBlock?.boundingBox?.y\n const currentBoundingBoxPosition = targetBlockElem.getBoundingClientRect().y\n\n if (\n (isBelow === lastTargetBlock?.isBelow &&\n lastBoundingBoxPosition === currentBoundingBoxPosition) ||\n animationTimer < 200\n ) {\n willStayInSamePosition = false\n }\n }\n }\n if (willStayInSamePosition) {\n return {\n isBelow,\n willStayInSamePosition,\n }\n }\n\n /**\n * Paragraphs need no isBelow/above handling,\n */\n if (!isFoundNodeEmptyParagraph) {\n //if (!isFoundNodeEmptyParagraph) {\n if (isBelow) {\n // below targetBlockElem\n lineTop += targetBlockElemHeight + marginBottom / 2\n } else {\n // above targetBlockElem\n lineTop -= marginTop / 2\n }\n } else {\n lineTop += targetBlockElemHeight / 2\n }\n\n let targetElemTranslate2 = 0\n\n if (!isFoundNodeEmptyParagraph) {\n if (isBelow) {\n targetElemTranslate2 = -TARGET_LINE_HALF_HEIGHT\n } else {\n targetElemTranslate2 = TARGET_LINE_HALF_HEIGHT\n }\n }\n\n const top = lineTop - anchorTop + targetElemTranslate2\n\n const left = TEXT_BOX_HORIZONTAL_PADDING - offsetLeft\n\n targetLineElem.style.width = `calc(${anchorWidth}px - ${offsetWidth})`\n targetLineElem.style.opacity = '.8'\n\n // if (DEBUG) {\n // //targetBlockElem.style.border = '3px solid red'\n // highlightElemOriginalPosition(debugHighlightRef, targetBlockElem, anchorElem)\n // }\n\n targetLineElem.style.transform = `translate(${left}px, calc(${top}px - ${'2px'}))`\n\n /**\n * Properly reset previous targetBlockElem styles\n */\n if (lastTargetBlock?.elem) {\n lastTargetBlock.elem.style.opacity = ''\n\n if (lastTargetBlock?.elem === targetBlockElem) {\n if (isBelow) {\n lastTargetBlock.elem.style.marginTop = ''\n } else {\n lastTargetBlock.elem.style.marginBottom = ''\n }\n } else {\n lastTargetBlock.elem.style.marginBottom = ''\n lastTargetBlock.elem.style.marginTop = ''\n }\n }\n\n animationTimer = 0\n return {\n isBelow,\n willStayInSamePosition,\n }\n}\n", "'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport * as React from 'react'\n\nimport { registerMarkdownShortcuts } from '../../../packages/@lexical/markdown/MarkdownShortcuts.js'\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\n\nexport const MarkdownShortcutPlugin: React.FC = () => {\n const { editorConfig } = useEditorConfigContext()\n const [editor] = useLexicalComposerContext()\n\n React.useEffect(() => {\n return registerMarkdownShortcuts(editor, editorConfig.features.markdownTransformers ?? [])\n }, [editor, editorConfig.features.markdownTransformers])\n\n return null\n}\n", "'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useTranslation } from '@payloadcms/ui'\nimport { useCallback, useMemo, useState } from 'react'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\n\nimport type {\n SlashMenuGroup,\n SlashMenuGroupInternal,\n SlashMenuItemInternal,\n SlashMenuItem as SlashMenuItemType,\n} from './LexicalTypeaheadMenuPlugin/types.js'\n\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\nimport './index.scss'\nimport { LexicalTypeaheadMenuPlugin } from './LexicalTypeaheadMenuPlugin/index.js'\nimport { useMenuTriggerMatch } from './useMenuTriggerMatch.js'\n\nconst baseClass = 'slash-menu-popup'\n\nfunction SlashMenuItem({\n isSelected,\n item,\n onClick,\n onMouseEnter,\n ref,\n}: {\n index: number\n isSelected: boolean\n item: SlashMenuItemInternal\n onClick: () => void\n onMouseEnter: () => void\n ref?: React.Ref<HTMLButtonElement>\n}) {\n const {\n fieldProps: { featureClientSchemaMap, schemaPath },\n } = useEditorConfigContext()\n\n const { i18n } = useTranslation<{}, string>()\n\n let className = `${baseClass}__item ${baseClass}__item-${item.key}`\n if (isSelected) {\n className += ` ${baseClass}__item--selected`\n }\n\n let title = item.key\n if (item.label) {\n title =\n typeof item.label === 'function'\n ? item.label({ featureClientSchemaMap, i18n, schemaPath })\n : item.label\n }\n // Crop title to max. 25 characters\n if (title.length > 25) {\n title = title.substring(0, 25) + '...'\n }\n\n return (\n <button\n aria-selected={isSelected}\n className={className}\n id={baseClass + '__item-' + item.key}\n key={item.key}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n ref={ref}\n role=\"option\"\n tabIndex={-1}\n type=\"button\"\n >\n {item?.Icon && <item.Icon />}\n\n <span className={`${baseClass}__item-text`}>{title}</span>\n </button>\n )\n}\n\nexport function SlashMenuPlugin({\n anchorElem = document.body,\n}: {\n anchorElem?: HTMLElement\n}): React.ReactElement {\n const [editor] = useLexicalComposerContext()\n const [queryString, setQueryString] = useState<null | string>(null)\n const { editorConfig } = useEditorConfigContext()\n const { i18n } = useTranslation<{}, string>()\n const {\n fieldProps: { featureClientSchemaMap, schemaPath },\n } = useEditorConfigContext()\n\n const checkForTriggerMatch = useMenuTriggerMatch('/', {\n minLength: 0,\n })\n\n const getDynamicItems = useCallback(() => {\n let groupWithItems: Array<SlashMenuGroup> = []\n\n for (const dynamicItem of editorConfig.features.slashMenu.dynamicGroups) {\n if (queryString) {\n const dynamicGroupWithItems = dynamicItem({\n editor,\n queryString,\n })\n groupWithItems = groupWithItems.concat(dynamicGroupWithItems)\n }\n }\n\n return groupWithItems\n }, [editor, queryString, editorConfig?.features])\n\n const groups: SlashMenuGroup[] = useMemo(() => {\n let groupsWithItems: SlashMenuGroup[] = []\n for (const groupWithItem of editorConfig?.features.slashMenu.groups ?? []) {\n groupsWithItems.push(groupWithItem)\n }\n\n if (queryString) {\n // Filter current groups first\n // @ts-expect-error - TODO: fix this\n groupsWithItems = groupsWithItems.map((group) => {\n const filteredItems = group.items.filter((item) => {\n let itemTitle = item.key\n if (item.label) {\n itemTitle =\n typeof item.label === 'function'\n ? item.label({ featureClientSchemaMap, i18n, schemaPath })\n : item.label\n }\n\n if (new RegExp(queryString, 'gi').exec(itemTitle)) {\n return true\n }\n if (item.keywords != null) {\n return item.keywords.some((keyword) => new RegExp(queryString, 'gi').exec(keyword))\n }\n return false\n })\n if (filteredItems.length) {\n return {\n ...group,\n items: filteredItems,\n }\n }\n return null\n })\n\n groupsWithItems = groupsWithItems.filter((group) => group != null)\n\n // Now add dynamic groups\n const dynamicItemGroups = getDynamicItems()\n\n // merge dynamic items into groups\n for (const dynamicGroup of dynamicItemGroups) {\n // 1. find the group with the same name or create new one\n let group = groupsWithItems.find((group) => group.key === dynamicGroup.key)\n if (!group) {\n group = {\n ...dynamicGroup,\n items: [],\n }\n } else {\n groupsWithItems = groupsWithItems.filter((group) => group.key !== dynamicGroup.key)\n }\n\n // 2. Add items to group items array and add to sanitized.slashMenu.groupsWithItems\n if (group?.items?.length) {\n group.items = group.items.concat(group.items)\n }\n groupsWithItems.push(group)\n }\n }\n\n return groupsWithItems\n }, [\n queryString,\n editorConfig?.features.slashMenu.groups,\n getDynamicItems,\n featureClientSchemaMap,\n i18n,\n schemaPath,\n ])\n\n return (\n <LexicalTypeaheadMenuPlugin\n anchorElem={anchorElem}\n groups={groups as SlashMenuGroupInternal[]}\n menuRenderFn={(\n anchorElementRef,\n { selectedItemKey, selectItemAndCleanUp, setSelectedItemKey },\n ) =>\n anchorElementRef.current && groups.length\n ? ReactDOM.createPortal(\n <div className={baseClass}>\n {groups.map((group) => {\n let groupTitle = group.key\n if (group.label && featureClientSchemaMap) {\n groupTitle =\n typeof group.label === 'function'\n ? group.label({ featureClientSchemaMap, i18n, schemaPath })\n : group.label\n }\n\n return (\n <div\n className={`${baseClass}__group ${baseClass}__group-${group.key}`}\n key={group.key}\n >\n <div className={`${baseClass}__group-title`}>{groupTitle}</div>\n {group.items.map((item, oi: number) => (\n <SlashMenuItem\n index={oi}\n isSelected={selectedItemKey === item.key}\n item={item as SlashMenuItemInternal}\n key={item.key}\n onClick={() => {\n setSelectedItemKey(item.key)\n selectItemAndCleanUp(item)\n }}\n onMouseEnter={() => {\n setSelectedItemKey(item.key)\n }}\n ref={(el) => {\n ;(item as SlashMenuItemInternal).ref = { current: el }\n }}\n />\n ))}\n </div>\n )\n })}\n </div>,\n anchorElementRef.current,\n )\n : null\n }\n onQueryChange={setQueryString}\n triggerFn={checkForTriggerMatch}\n />\n )\n}\n", "'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useCallback } from 'react'\n\nimport { PUNCTUATION } from './LexicalTypeaheadMenuPlugin/index.js'\n\nexport type TriggerFn = ({\n editor,\n query,\n}: {\n editor: LexicalEditor\n /** The query string is the POTENTIAL trigger AND the text after the trigger text. */\n query: string\n}) => MenuTextMatch | null\n\nexport type MenuTextMatch = {\n leadOffset: number\n matchingString: string\n replaceableString: string\n}\n\n/**\n * Returns a function which checks if the trigger (e.g. '/') is present in the query and, if so, returns the matching string (text after the trigger)\n */\nexport function useMenuTriggerMatch(\n /**\n * Text which triggers the menu. Everything after this text will be used as the query.\n */\n trigger: string,\n { maxLength = 75, minLength = 1 }: { maxLength?: number; minLength?: number },\n): TriggerFn {\n return useCallback(\n ({ query }) => {\n const validChars = '[^' + trigger + PUNCTUATION + '\\\\s]'\n const TypeaheadTriggerRegex = new RegExp(\n '(^|\\\\s|\\\\()(' +\n '[' +\n trigger +\n ']' +\n '((?:' +\n validChars +\n '){0,' +\n maxLength +\n '})' +\n ')$',\n )\n const match = TypeaheadTriggerRegex.exec(query)\n if (match !== null) {\n const maybeLeadingWhitespace = match[1]\n\n /**\n * matchingString is only the text AFTER the trigger text. (So everything after the /)\n */\n const matchingString = match[3]\n\n if (matchingString.length >= minLength) {\n return {\n leadOffset: match.index + maybeLeadingWhitespace.length,\n matchingString,\n replaceableString: match[2], // replaceableString is the trigger text + the matching string\n }\n }\n }\n return null\n },\n [maxLength, minLength, trigger],\n )\n}\n", "'use client'\nimport type { TextFormatType } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TEXT_TYPE_TO_FORMAT, TextNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { SanitizedClientFeatures } from '../../../features/typesClient.js'\n\nexport function TextPlugin({ features }: { features: SanitizedClientFeatures }) {\n const [editor] = useLexicalComposerContext()\n\n useEffect(() => {\n const disabledFormats = getDisabledFormats(features.enabledFormats as TextFormatType[])\n if (disabledFormats.length === 0) {\n return\n }\n // Ideally override the TextNode with our own TextNode (changing its setFormat or toggleFormat methods),\n // would be more performant. If we find a noticeable perf regression we can switch to that option.\n // Overriding the FORMAT_TEXT_COMMAND and PASTE_COMMAND commands is not an option I considered because\n // there might be other forms of mutation that we might not be considering. For example:\n // browser extensions or Payload/Lexical plugins that have their own commands.\n return editor.registerNodeTransform(TextNode, (textNode) => {\n disabledFormats.forEach((disabledFormat) => {\n if (textNode.hasFormat(disabledFormat)) {\n textNode.toggleFormat(disabledFormat)\n }\n })\n })\n }, [editor, features])\n\n return null\n}\n\nfunction getDisabledFormats(enabledFormats: TextFormatType[]): TextFormatType[] {\n // not sure why Lexical added highlight as TextNode format.\n // see https://github.com/facebook/lexical/pull/3583\n // We are going to implement it in other way to support multiple colors\n delete TEXT_TYPE_TO_FORMAT.highlight\n const allFormats = Object.keys(TEXT_TYPE_TO_FORMAT) as TextFormatType[]\n const enabledSet = new Set(enabledFormats)\n\n return allFormats.filter((format) => !enabledSet.has(format))\n}\n", "'use client'\nimport type { JSX } from 'react'\n\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { useTranslation } from '@payloadcms/ui'\nimport * as React from 'react'\n\nimport './ContentEditable.scss'\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nexport function LexicalContentEditable({\n className,\n editorConfig,\n}: {\n className?: string\n editorConfig: SanitizedClientEditorConfig\n}): JSX.Element {\n const { t } = useTranslation<{}, string>()\n\n return (\n <ContentEditable\n aria-placeholder={t('lexical:general:placeholder')}\n className={className ?? 'ContentEditable__root'}\n placeholder={\n <p className=\"editor-placeholder\">\n {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n </p>\n }\n />\n )\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["FieldDescription", "FieldError", "FieldLabel", "RenderCustomComponent", "useEditDepth", "useField", "mergeFieldStyles", "useCallback", "useMemo", "ErrorBoundary", "LexicalComposer", "React", "useMemo", "c", "_c", "useLexicalComposerContext", "LexicalErrorBoundary", "HistoryPlugin", "OnChangePlugin", "RichTextPlugin", "BLUR_COMMAND", "COMMAND_PRIORITY_LOW", "FOCUS_COMMAND", "React", "useEffect", "useState", "EditorPlugin", "anchorElem", "clientProps", "plugin", "position", "Component", "_jsx", "useLexicalComposerContext", "$createParagraphNode", "React", "useCallback", "useEffect", "useRef", "useState", "createPortal", "calculateDistanceFromScrollerElem", "scrollerElem", "pageX", "pageY", "target", "horizontalBuffer", "verticalBuffer", "distanceFromScrollerElem", "contains", "bottom", "left", "right", "top", "getBoundingClientRect", "adjustedTop", "window", "scrollY", "adjustedBottom", "$getNodeByKey", "getBoundingClientRectWithoutTransform", "elem", "rect", "getBoundingClientRect", "transformValue", "getComputedStyle", "getPropertyValue", "lastNumberOfTransformValue", "split", "pop", "y", "Number", "replace", "getCollapsedMargins", "elem", "getMargin", "element", "margin", "parseFloat", "window", "getComputedStyle", "marginBottom", "marginTop", "prevElemSiblingMarginBottom", "previousElementSibling", "nextElemSiblingMarginTop", "nextElementSibling", "collapsedTopMargin", "Math", "max", "$getRoot", "getTopLevelNodeKeys", "editor", "getEditorState", "read", "getChildrenKeys", "Downward", "Upward", "Indeterminate", "cache", "props", "result", "isPointClose", "previous", "current", "threshold", "dx", "x", "dy", "y", "getNodeCloseToPoint", "anchorElem", "cache_threshold", "editor", "fuzzy", "horizontalOffset", "point", "startIndex", "useEdgeAsDefault", "anchorElementRect", "getBoundingClientRect", "topLevelNodeKeys", "getTopLevelNodeKeys", "closestBlockElem", "blockElem", "blockNode", "distance", "Infinity", "foundAtIndex", "isFoundNodeEmptyParagraph", "getEditorState", "read", "firstNode", "lastNode", "getElementByKey", "length", "firstNodeRect", "lastNodeRect", "getBoundingClientRectWithoutTransform", "top", "$getNodeByKey", "bottom", "index", "direction", "key", "elem", "Point", "domRect", "Rect", "fromDOMRect", "marginBottom", "marginTop", "getCollapsedMargins", "rect", "generateNewRect", "left", "right", "isOnBottomSide", "isOnTopSide", "distanceFromPoint", "getType", "getTextContent", "returnEmptyParagraphs", "isOnHandleElement", "element", "handleElementClassName", "closest", "replacedElements", "doesLineHeightAffectElement", "htmlElem", "includes", "tagName", "offsetHeight", "offsetWidth", "style", "window", "getComputedStyle", "display", "position", "visibility", "opacity", "setHandlePosition", "targetElem", "handleElem", "anchorElem", "leftOffset", "style", "opacity", "transform", "targetRect", "getBoundingClientRect", "targetStyle", "window", "getComputedStyle", "floatingElemRect", "anchorElementRect", "top", "some", "classes", "firstElementChild", "classList", "contains", "actualLineHeight", "doesLineHeightAffectElement", "parseInt", "lineHeight", "height", "left", "ADD_BLOCK_MENU_CLASSNAME", "prevIndex", "Infinity", "getCurrentIndex", "keysLength", "Math", "floor", "useAddBlockHandle", "editor", "anchorElem", "isEditable", "scrollerElem", "parentElement", "editorConfig", "useEditorConfigContext", "blockHandleHorizontalOffset", "admin", "hideGutter", "menuRef", "useRef", "hoveredElement", "setHoveredElement", "useState", "useEffect", "onDocumentMouseMove", "event", "target", "isHTMLElement", "distanceFromScrollerElem", "calculateDistanceFromScrollerElem", "pageX", "pageY", "isOnHandleElement", "topLevelNodeKeys", "getTopLevelNodeKeys", "blockElem", "_emptyBlockElem", "blockNode", "foundAtIndex", "getNodeCloseToPoint", "cache_threshold", "horizontalOffset", "point", "Point", "x", "y", "returnEmptyParagraphs", "startIndex", "length", "useEdgeAsDefault", "node", "elem", "document", "addEventListener", "removeEventListener", "current", "setHandlePosition", "handleAddClick", "useCallback", "hoveredElementToUse", "update", "isEmptyParagraph", "getType", "getTextContent", "newParagraph", "$createParagraphNode", "insertAfter", "setTimeout", "getElementByKey", "getKey", "focus", "select", "dispatchCommand", "ENABLE_SLASH_MENU_COMMAND", "stopPropagation", "preventDefault", "createPortal", "_jsx", "Fragment", "className", "onClick", "ref", "type", "AddBlockHandlePlugin", "t0", "t1", "undefined", "body", "useLexicalComposerContext", "_editable", "useLexicalComposerContext", "eventFiles", "$getNearestNodeFromDOMNode", "$getNodeByKey", "React", "useEffect", "useRef", "useState", "createPortal", "TARGET_LINE_HALF_HEIGHT", "TEXT_BOX_HORIZONTAL_PADDING", "animationTimer", "setTargetLine", "offsetWidth", "offsetLeft", "targetLineElem", "targetBlockElem", "lastTargetBlock", "mouseY", "anchorElem", "event", "debugHighlightRef", "isFoundNodeEmptyParagraph", "height", "targetBlockElemHeight", "top", "targetBlockElemTop", "getBoundingClientRect", "anchorTop", "width", "anchorWidth", "marginBottom", "marginTop", "getCollapsedMargins", "lineTop", "isBelow", "window", "scrollY", "willStayInSamePosition", "elem", "nextElementSibling", "previousElementSibling", "lastBoundingBoxPosition", "boundingBox", "y", "currentBoundingBoxPosition", "targetElemTranslate2", "TARGET_LINE_HALF_HEIGHT", "left", "TEXT_BOX_HORIZONTAL_PADDING", "style", "opacity", "transform", "DRAGGABLE_BLOCK_MENU_CLASSNAME", "DRAG_DATA_FORMAT", "prevIndex", "Infinity", "getCurrentIndex", "keysLength", "Math", "floor", "setDragImage", "dataTransfer", "draggableBlockElem", "transform", "style", "setTimeout", "hideTargetLine", "targetLineElem", "lastTargetBlockElem", "opacity", "marginBottom", "marginTop", "useDraggableBlockMenu", "editor", "anchorElem", "isEditable", "scrollerElem", "parentElement", "menuRef", "useRef", "targetLineRef", "debugHighlightRef", "isDraggingBlockRef", "setDraggableBlockElem", "useState", "lastTargetBlock", "setLastTargetBlock", "editorConfig", "useEditorConfigContext", "blockHandleHorizontalOffset", "admin", "hideGutter", "useEffect", "onDocumentMouseMove", "event", "target", "isHTMLElement", "distanceFromScrollerElem", "calculateDistanceFromScrollerElem", "pageX", "pageY", "isOnHandleElement", "topLevelNodeKeys", "getTopLevelNodeKeys", "blockElem", "_draggableBlockElem", "foundAtIndex", "isFoundNodeEmptyParagraph", "getNodeCloseToPoint", "cache_threshold", "horizontalOffset", "point", "Point", "x", "y", "startIndex", "length", "useEdgeAsDefault", "verbose", "document", "addEventListener", "removeEventListener", "current", "setHandlePosition", "onDragover", "isFileTransfer", "eventFiles", "targetBlockElem", "fuzzy", "isBelow", "willStayInSamePosition", "setTargetLine", "getBoundingClientRect", "width", "preventDefault", "boundingBox", "elem", "onDrop", "dragData", "getData", "update", "draggedNode", "$getNodeByKey", "targetNode", "$getNearestNodeFromDOMNode", "height", "targetBlockElemHeight", "top", "targetBlockElemTop", "getBoundingClientRectWithoutTransform", "window", "scrollY", "insertBefore", "remove", "insertAfter", "querySelectorAll", "forEach", "highlighter", "newInsertedElem", "getElementByKey", "getKey", "newInsertedElemRect", "highlightElem", "createElement", "className", "backgroundColor", "transition", "zIndex", "pointerEvents", "boxSizing", "borderRadius", "position", "body", "appendChild", "left", "onDragStart", "nodeKey", "node", "setData", "onDragEnd", "createPortal", "_jsxs", "Fragment", "_jsx", "draggable", "ref", "DraggableBlockPlugin", "t0", "t1", "undefined", "useLexicalComposerContext", "_editable", "c", "_c", "useLexicalComposerContext", "React", "MarkdownShortcutPlugin", "$", "_c", "editorConfig", "useEditorConfigContext", "editor", "useLexicalComposerContext", "t0", "t1", "features", "markdownTransformers", "registerMarkdownShortcuts", "useEffect", "useLexicalComposerContext", "useTranslation", "useCallback", "useMemo", "useState", "ReactDOM", "c", "_c", "useMenuTriggerMatch", "trigger", "t0", "$", "_c", "maxLength", "t1", "minLength", "t2", "undefined", "t3", "t4", "query", "validChars", "PUNCTUATION", "match", "RegExp", "exec", "maybeLeadingWhitespace", "matchingString", "length", "leadOffset", "index", "replaceableString", "baseClass", "SlashMenuItem", "isSelected", "item", "onClick", "onMouseEnter", "ref", "fieldProps", "featureClientSchemaMap", "schemaPath", "useEditorConfigContext", "i18n", "useTranslation", "className", "key", "title", "label", "length", "substring", "_jsxs", "id", "role", "tabIndex", "type", "Icon", "_jsx", "SlashMenuPlugin", "anchorElem", "document", "body", "editor", "useLexicalComposerContext", "queryString", "setQueryString", "useState", "editorConfig", "checkForTriggerMatch", "useMenuTriggerMatch", "minLength", "getDynamicItems", "useCallback", "groupWithItems", "dynamicItem", "features", "slashMenu", "dynamicGroups", "dynamicGroupWithItems", "concat", "groups", "useMemo", "groupsWithItems", "groupWithItem", "push", "map", "group", "filteredItems", "items", "filter", "itemTitle", "RegExp", "exec", "keywords", "some", "keyword", "dynamicItemGroups", "dynamicGroup", "find", "LexicalTypeaheadMenuPlugin", "menuRenderFn", "anchorElementRef", "selectedItemKey", "selectItemAndCleanUp", "setSelectedItemKey", "current", "createPortal", "groupTitle", "oi", "index", "el", "onQueryChange", "triggerFn", "c", "_c", "useLexicalComposerContext", "TEXT_TYPE_TO_FORMAT", "TextNode", "useEffect", "TextPlugin", "t0", "$", "features", "editor", "t1", "enabledFormats", "disabledFormats", "getDisabledFormats", "length", "registerNodeTransform", "textNode", "forEach", "disabledFormat", "hasFormat", "toggleFormat", "t2", "highlight", "allFormats", "Object", "keys", "enabledSet", "Set", "filter", "format", "has", "c", "_c", "ContentEditable", "useTranslation", "LexicalContentEditable", "t0", "$", "className", "editorConfig", "t", "t1", "admin", "placeholder", "t2", "_jsx", "children", "LexicalEditor", "props", "$", "_c", "editorConfig", "editorContainerRef", "onChange", "editorConfigContext", "useEditorConfigContext", "editor", "useLexicalComposerContext", "floatingAnchorElem", "setFloatingAnchorElem", "useState", "t0", "Symbol", "for", "_floatingAnchorElem", "onRef", "t1", "t2", "uuid", "console", "error", "parentEditor", "registerChild", "handleFocus", "focusEditor", "handleBlur", "blurEditor", "unregisterFocus", "registerCommand", "FOCUS_COMMAND", "COMMAND_PRIORITY_LOW", "unregisterBlur", "BLUR_COMMAND", "unregisterChild", "useEffect", "isSmallWidthViewport", "setIsSmallWidthViewport", "t3", "t4", "updateViewPortWidth", "isNextSmallWidthViewport", "window", "matchMedia", "matches", "addEventListener", "removeEventListener", "t5", "t6", "editorState", "editor_0", "tags", "has", "size", "t7", "features", "plugins", "_jsxs", "Fragment", "children", "isEditable", "_jsx", "DraggableBlockPlugin", "anchorElem", "AddBlockHandlePlugin", "map", "plugin_1", "plugin", "position", "desktopOnly", "EditorPlugin", "clientProps", "key", "SlashMenuPlugin", "_temp", "className", "ref", "_temp2", "RichTextPlugin", "contentEditable", "LexicalContentEditable", "TextPlugin", "OnChangePlugin", "ignoreSelectionChange", "HistoryPlugin", "markdownTransformers", "length", "MarkdownShortcutPlugin", "_temp3", "_temp4", "_temp5", "plugin_0", "plugin_2", "plugin_3", "plugin_4", "NestProviders", "children", "providers", "length", "Component", "_jsx", "slice", "LexicalProvider", "props", "composerKey", "editorConfig", "fieldProps", "onChange", "readOnly", "value", "parentContext", "useEditorConfigContext", "editorContainerRef", "useRef", "initialConfig", "useMemo", "Error", "JSON", "stringify", "Array", "isArray", "editable", "editorState", "undefined", "namespace", "lexical", "nodes", "getEnabledNodes", "onError", "error", "theme", "LexicalComposer", "EditorConfigProvider", "features", "LexicalEditorComponent", "baseClass", "RichTextComponent", "props", "editorConfig", "field", "name", "admin", "className", "description", "readOnly", "readOnlyFromAdmin", "label", "localized", "required", "path", "pathFromProps", "readOnlyFromTopLevelProps", "validate", "readOnlyFromProps", "editDepth", "useEditDepth", "memoizedValidate", "useCallback", "value", "validationOptions", "customComponents", "AfterInput", "BeforeInput", "Description", "Error", "Label", "formInitializing", "formProcessing", "initialValue", "setValue", "showError", "useField", "disabled", "classes", "hideGutter", "filter", "Boolean", "join", "pathWithEditDepth", "handleChange", "editorState", "toJSON", "styles", "useMemo", "mergeFieldStyles", "_jsxs", "style", "_jsx", "RenderCustomComponent", "CustomComponent", "Fallback", "FieldError", "FieldLabel", "ErrorBoundary", "fallbackRender", "onReset", "LexicalProvider", "composerKey", "fieldProps", "onChange", "JSON", "stringify", "FieldDescription", "error", "role", "color", "message", "RichText"]
7
+ }
@@ -0,0 +1,2 @@
1
+ import{a as te}from"./chunk-INBEEENE.js";import{b as ee}from"./chunk-CUIBIFW2.js";import{jsx as i,jsxs as N,Fragment as _e}from"react/jsx-runtime";import F,{createContext as Be,useCallback as k,useEffect as w,useMemo as v,useRef as A}from"react";import{useLexicalComposerContext as De}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as ye}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as Ie}from"@lexical/utils";import{getTranslation as ne}from"@payloadcms/translations";import{Button as oe,Drawer as Ne,EditDepthProvider as we,Form as ve,formatDrawerSlug as Fe,FormSubmit as Oe,RenderFields as $e,ShimmerEffect as Ee,useDocumentInfo as Me,useEditDepth as Pe,useServerFunctions as Le,useTranslation as Te}from"@payloadcms/ui";import{abortAndIgnore as R}from"@payloadcms/ui/shared";import{$getNodeByKey as re,$getSelection as Ae,$isNodeSelection as Re,CLICK_COMMAND as je,COMMAND_PRIORITY_LOW as j,KEY_BACKSPACE_COMMAND as Ke,KEY_DELETE_COMMAND as Je}from"lexical";import{reduceFieldsToValues as ze}from"payload/shared";import{v4 as Ye}from"uuid";import{jsx as ke}from"react/jsx-runtime";import Ce from"bson-objectid";import he from"react";import pe from"bson-objectid";import{DecoratorNode as be}from"lexical";var g=class extends be{__fields;constructor({fields:e,key:n}){super(n),this.__fields=e}static clone(e){return new this({fields:e.__fields,key:e.__key})}static getType(){return"inlineBlock"}static importDOM(){return{}}static importJSON(e){return ge(e.fields)}static isInline(){return!1}canIndent(){return!0}createDOM(){let e=document.createElement("span");return e.classList.add("inline-block-container"),e}decorate(e,n){return null}exportDOM(){let e=document.createElement("span");e.classList.add("inline-block-container");let n=document.createTextNode(this.getTextContent());return e.append(n),{element:e}}exportJSON(){return{type:"inlineBlock",fields:this.getFields(),version:1}}getFields(){return this.getLatest().__fields}getTextContent(){return"Block Field"}isInline(){return!0}setFields(e){let n=this.getWritable();n.__fields=e}updateDOM(){return!1}};function ge(r){return new g({fields:{...r,id:r?.id||new pe.default().toHexString()}})}var xe=he.lazy(()=>import("./componentInline-TPGMZRGQ.js").then(r=>({default:r.InlineBlockComponent}))),I=class extends g{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return Se(e.fields)}decorate(e,n){return ke(xe,{formData:this.getFields(),nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function Se(r){return new I({fields:{...r,id:r?.id||new Ce.default().toHexString()}})}function T(r){return r instanceof I}var m="inline-block",le=Be({initialState:!1}),bt=()=>F.useContext(le),gt=r=>{let{formData:e,nodeKey:n}=r,[s]=De(),{i18n:O,t:d}=Te(),{fieldProps:{featureClientSchemaMap:ie,initialLexicalFormState:se,permissions:ce,readOnly:C,schemaPath:K},uuid:ae}=ee(),{getFormState:h}=Le(),ue=Pe(),J=A(!1),[a,de]=F.useState(se?.[e.id]?.formState),[$,z]=F.useState(a?._components?.customComponents?.BlockLabel),[Y,H]=F.useState(a?._components?.customComponents?.Block),V=Fe({slug:`lexical-inlineBlocks-create-${ae}-${e.id}`,depth:ue}),{toggleDrawer:f}=te(V,!0),E=A(null),[u,x,M]=ye(n),{id:S,collectionSlug:_,getDocPreferences:B,globalSlug:D}=Me(),me=`${K}.lexical_internal_feature.blocks.lexical_inline_blocks.${e.blockType}`,c=ie.blocks[me][0].blocks[0];w(()=>{!J.current&&c.fields.length>2&&(f(),J.current=!0)},[c,f]);let W=k(()=>{s.update(()=>{re(n)?.remove()})},[s,n]),P=k(t=>{let l=Ae();return u&&Re(l)&&(t.preventDefault(),s.update(()=>{l.getNodes().forEach(o=>{T(o)&&o.remove()})})),!1},[s,u]),q=k(t=>{let l=t;return l.target===E.current||E.current?.contains(l.target)?(l.shiftKey?x(!u):u||(M(),x(!0)),!0):!1},[u,x,M]);w(()=>Ie(s.registerCommand(je,q,j),s.registerCommand(Je,P,j),s.registerCommand(Ke,P,j)),[M,s,u,n,P,x,q]);let p=c?.labels?.singular?ne(c.labels.singular,O):c?.slug,L=A(new AbortController),b=`${K}.lexical_internal_feature.blocks.lexical_inline_blocks.${c?.slug}.fields`;w(()=>{let t=new AbortController;return e&&!a&&(async()=>{let{state:o}=await h({id:S,collectionSlug:_,data:e,docPermissions:{fields:!0},docPreferences:await B(),globalSlug:D,operation:"update",renderAllFields:!0,schemaPath:b,signal:t.signal});o&&(de(o),z(o._components?.customComponents?.BlockLabel),H(o._components?.customComponents?.Block))})(),()=>{R(t)}},[h,b,S,e,a,_,D,B]);let G=k(async({formState:t,submit:l})=>{R(L.current);let o=new AbortController;L.current=o;let{state:y}=await h({id:S,collectionSlug:_,docPermissions:{fields:!0},docPreferences:await B(),formState:t,globalSlug:D,operation:"update",renderAllFields:!!l,schemaPath:b,signal:o.signal});return y?(l&&(z(y._components?.customComponents?.BlockLabel),H(y._components?.customComponents?.Block)),y):t},[h,S,_,B,D,b]);w(()=>()=>{R(L.current)},[]);let fe=k(t=>{let l=ze(t);l.blockType=e.blockType,s.update(()=>{let o=re(n);o&&T(o)&&o.setFields(l)})},[s,n,e]),Q=v(()=>()=>i(oe,{buttonStyle:"icon-label",className:`${m}__removeButton`,disabled:C,icon:"x",onClick:t=>{t.preventDefault(),W()},round:!0,size:"small",tooltip:d("lexical:blocks:inlineBlocks:remove",{label:p})}),[p,C,W,d]),U=v(()=>()=>i(oe,{buttonStyle:"icon-label",className:`${m}__editButton`,disabled:C,el:"button",icon:"edit",onClick:()=>{f()},round:!0,size:"small",tooltip:d("lexical:blocks:inlineBlocks:edit",{label:p})}),[p,C,d,f]),X=v(()=>({children:t})=>i("div",{className:[m,m+"-"+e.blockType,u&&`${m}--selected`].filter(Boolean).join(" "),ref:E,children:t}),[e.blockType,u]),Z=v(()=>$?()=>$:()=>i("div",{children:ne(c.labels.singular,O)}),[$,c.labels,O]);return N(ve,{beforeSubmit:[async({formState:t})=>await G({formState:t,submit:!0})],disableValidationOnSubmit:!0,fields:c.fields,initialState:a||{},onChange:[G],onSubmit:t=>{fe(t),f()},uuid:Ye(),children:[i(we,{children:i(Ne,{className:"",slug:V,title:d(`lexical:blocks:inlineBlocks:${e?.id?"edit":"create"}`,{label:p??d("lexical:blocks:inlineBlocks:label")}),children:a?N(_e,{children:[i($e,{fields:c.fields,forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:b,permissions:ce,readOnly:!1}),i(Oe,{programmaticSubmit:!0,children:d("fields:saveChanges")})]}):null})}),Y?i(le.Provider,{value:{EditButton:U,initialState:a,InlineBlockContainer:X,Label:Z,nodeKey:n,RemoveButton:Q},children:Y}):N(X,{children:[a?i(Z,{}):i(Ee,{height:"15px",width:"40px"}),s.isEditable()?N("div",{className:`${m}__actions`,children:[i(U,{}),i(Q,{})]}):null]})]})};export{bt as a,gt as b,I as c,Se as d,T as e};
2
+ //# sourceMappingURL=chunk-QNRPT52J.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/features/blocks/client/componentInline/index.tsx", "../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx", "../../../src/features/blocks/server/nodes/InlineBlocksNode.tsx"],
4
+ "sourcesContent": ["'use client'\n\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlocksFieldClient, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Drawer,\n EditDepthProvider,\n Form,\n formatDrawerSlug,\n FormSubmit,\n RenderFields,\n ShimmerEffect,\n useDocumentInfo,\n useEditDepth,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport {\n $getNodeByKey,\n $getSelection,\n $isNodeSelection,\n CLICK_COMMAND,\n COMMAND_PRIORITY_LOW,\n KEY_BACKSPACE_COMMAND,\n KEY_DELETE_COMMAND,\n} from 'lexical'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport './index.scss'\n\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\n readonly formData: InlineBlockFields\n readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n EditButton?: React.FC\n initialState: false | FormState | undefined\n InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n Label?: React.FC\n nodeKey?: string\n RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.useContext(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n const { formData, nodeKey } = props\n const [editor] = useLexicalComposerContext()\n const { i18n, t } = useTranslation<object, string>()\n const {\n fieldProps: {\n featureClientSchemaMap,\n initialLexicalFormState,\n permissions,\n readOnly,\n schemaPath,\n },\n uuid: uuidFromContext,\n } = useEditorConfigContext()\n const { getFormState } = useServerFunctions()\n const editDepth = useEditDepth()\n const hasMounted = useRef(false)\n\n const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n initialLexicalFormState?.[formData.id]?.formState,\n )\n\n const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n initialState?.['_components']?.customComponents?.BlockLabel,\n )\n\n const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n initialState?.['_components']?.customComponents?.Block,\n )\n\n const drawerSlug = formatDrawerSlug({\n slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n depth: editDepth,\n })\n const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\n\n const clientSchemaMap = featureClientSchemaMap['blocks']\n\n const blocksField: BlocksFieldClient = clientSchemaMap[\n componentMapRenderedBlockPath\n ][0] as BlocksFieldClient\n\n const clientBlock = blocksField.blocks[0]\n\n // Open drawer on mount\n useEffect(() => {\n // > 2 because they always have \"id\" and \"blockName\" fields\n if (!hasMounted.current && clientBlock.fields.length > 2) {\n toggleDrawer()\n hasMounted.current = true\n }\n }, [clientBlock, toggleDrawer])\n\n const removeInlineBlock = useCallback(() => {\n editor.update(() => {\n $getNodeByKey(nodeKey)?.remove()\n })\n }, [editor, nodeKey])\n\n const $onDelete = useCallback(\n (event: KeyboardEvent) => {\n const deleteSelection = $getSelection()\n if (isSelected && $isNodeSelection(deleteSelection)) {\n event.preventDefault()\n editor.update(() => {\n deleteSelection.getNodes().forEach((node) => {\n if ($isInlineBlockNode(node)) {\n node.remove()\n }\n })\n })\n }\n return false\n },\n [editor, isSelected],\n )\n const onClick = useCallback(\n (payload: MouseEvent) => {\n const event = payload\n // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n if (\n event.target === inlineBlockElemElemRef.current ||\n inlineBlockElemElemRef.current?.contains(event.target as Node)\n ) {\n if (event.shiftKey) {\n setSelected(!isSelected)\n } else {\n if (!isSelected) {\n clearSelection()\n setSelected(true)\n }\n }\n return true\n }\n\n return false\n },\n [isSelected, setSelected, clearSelection],\n )\n\n useEffect(() => {\n return mergeRegister(\n editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n )\n }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n const blockDisplayName = clientBlock?.labels?.singular\n ? getTranslation(clientBlock.labels.singular, i18n)\n : clientBlock?.slug\n\n const onChangeAbortControllerRef = useRef(new AbortController())\n const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\n\n // Initial state for newly created blocks\n useEffect(() => {\n const abortController = new AbortController()\n\n const awaitInitialState = async () => {\n /*\n * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n */\n const { state } = await getFormState({\n id,\n collectionSlug,\n data: formData,\n docPermissions: { fields: true },\n docPreferences: await getDocPreferences(),\n globalSlug,\n operation: 'update',\n renderAllFields: true,\n schemaPath: schemaFieldsPath,\n signal: abortController.signal,\n })\n\n if (state) {\n setInitialState(state)\n setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n setCustomBlock(state['_components']?.customComponents?.Block)\n }\n }\n\n if (formData && !initialState) {\n void awaitInitialState()\n }\n\n return () => {\n abortAndIgnore(abortController)\n }\n }, [\n getFormState,\n schemaFieldsPath,\n id,\n formData,\n initialState,\n collectionSlug,\n globalSlug,\n getDocPreferences,\n ])\n\n /**\n * HANDLE ONCHANGE\n */\n const onChange = useCallback(\n async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n abortAndIgnore(onChangeAbortControllerRef.current)\n\n const controller = new AbortController()\n onChangeAbortControllerRef.current = controller\n\n const { state } = await getFormState({\n id,\n collectionSlug,\n docPermissions: {\n fields: true,\n },\n docPreferences: await getDocPreferences(),\n formState: prevFormState,\n globalSlug,\n operation: 'update',\n renderAllFields: submit ? true : false,\n schemaPath: schemaFieldsPath,\n signal: controller.signal,\n })\n\n if (!state) {\n return prevFormState\n }\n\n if (submit) {\n setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n setCustomBlock(state['_components']?.customComponents?.Block)\n }\n\n return state\n },\n [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\n )\n // cleanup effect\n useEffect(() => {\n return () => {\n abortAndIgnore(onChangeAbortControllerRef.current)\n }\n }, [])\n\n /**\n * HANDLE FORM SUBMIT\n */\n const onFormSubmit = useCallback(\n (formState: FormState) => {\n const newData: any = reduceFieldsToValues(formState)\n newData.blockType = formData.blockType\n editor.update(() => {\n const node = $getNodeByKey(nodeKey)\n if (node && $isInlineBlockNode(node)) {\n node.setFields(newData)\n }\n })\n },\n [editor, nodeKey, formData],\n )\n\n const RemoveButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={readOnly}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeInlineBlock()\n }}\n round\n size=\"small\"\n tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n />\n ),\n [blockDisplayName, readOnly, removeInlineBlock, t],\n )\n\n const EditButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__editButton`}\n disabled={readOnly}\n el=\"button\"\n icon=\"edit\"\n onClick={() => {\n toggleDrawer()\n }}\n round\n size=\"small\"\n tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n />\n ),\n [blockDisplayName, readOnly, t, toggleDrawer],\n )\n\n const InlineBlockContainer = useMemo(\n () =>\n ({ children }: { children: React.ReactNode }) => (\n <div\n className={[\n baseClass,\n baseClass + '-' + formData.blockType,\n isSelected && `${baseClass}--selected`,\n ]\n .filter(Boolean)\n .join(' ')}\n ref={inlineBlockElemElemRef}\n >\n {children}\n </div>\n ),\n [formData.blockType, isSelected],\n )\n\n const Label = useMemo(() => {\n if (CustomLabel) {\n return () => CustomLabel\n } else {\n return () => <div>{getTranslation(clientBlock.labels!.singular, i18n)}</div>\n }\n }, [CustomLabel, clientBlock.labels, i18n])\n\n return (\n <Form\n beforeSubmit={[\n async ({ formState }) => {\n // This is only called when form is submitted from drawer\n return await onChange({ formState, submit: true })\n },\n ]}\n disableValidationOnSubmit\n fields={clientBlock.fields}\n initialState={initialState || {}}\n onChange={[onChange]}\n onSubmit={(formState) => {\n onFormSubmit(formState)\n toggleDrawer()\n }}\n uuid={uuid()}\n >\n <EditDepthProvider>\n <Drawer\n className={''}\n slug={drawerSlug}\n title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n })}\n >\n {initialState ? (\n <>\n <RenderFields\n fields={clientBlock.fields}\n forceRender\n parentIndexPath=\"\"\n parentPath=\"\" // See Blocks feature path for details as for why this is empty\n parentSchemaPath={schemaFieldsPath}\n permissions={permissions}\n readOnly={false}\n />\n <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n </>\n ) : null}\n </Drawer>\n </EditDepthProvider>\n {CustomBlock ? (\n <InlineBlockComponentContext.Provider\n value={{\n EditButton,\n initialState,\n InlineBlockContainer,\n Label,\n nodeKey,\n RemoveButton,\n }}\n >\n {CustomBlock}\n </InlineBlockComponentContext.Provider>\n ) : (\n <InlineBlockContainer>\n {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n {editor.isEditable() ? (\n <div className={`${baseClass}__actions`}>\n <EditButton />\n <RemoveButton />\n </div>\n ) : null}\n </InlineBlockContainer>\n )}\n </Form>\n )\n}\n", "'use client'\nimport type { EditorConfig, LexicalEditor, LexicalNode } from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\nimport type {\n InlineBlockFields,\n SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n import('../componentInline/index.js').then((module) => ({\n default: module.InlineBlockComponent,\n })),\n)\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n return super.clone(node)\n }\n\n static getType(): string {\n return super.getType()\n }\n\n static importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n const node = $createInlineBlockNode(serializedNode.fields)\n return node\n }\n\n decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n return <InlineBlockComponent formData={this.getFields()} nodeKey={this.getKey()} />\n }\n\n exportJSON(): SerializedInlineBlockNode {\n return super.exportJSON()\n }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n return new InlineBlockNode({\n fields: {\n ...fields,\n id: fields?.id || new ObjectID.default().toHexString(),\n },\n })\n}\n\nexport function $isInlineBlockNode(\n node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n return node instanceof InlineBlockNode\n}\n", "import type {\n DOMConversionMap,\n DOMExportOutput,\n EditorConfig,\n LexicalEditor,\n LexicalNode,\n NodeKey,\n SerializedLexicalNode,\n Spread,\n} from 'lexical'\nimport type { JsonObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { DecoratorNode } from 'lexical'\n\nexport type InlineBlockFields<TInlineBlockFields extends JsonObject = JsonObject> = {\n blockType: string\n id: string\n} & TInlineBlockFields\n\nexport type SerializedInlineBlockNode<TBlockFields extends JsonObject = JsonObject> = Spread<\n {\n children?: never // required so that our typed editor state doesn't automatically add children\n fields: InlineBlockFields<TBlockFields>\n type: 'inlineBlock'\n },\n SerializedLexicalNode\n>\n\nexport class ServerInlineBlockNode extends DecoratorNode<null | React.ReactElement> {\n __fields: InlineBlockFields\n\n constructor({ fields, key }: { fields: InlineBlockFields; key?: NodeKey }) {\n super(key)\n this.__fields = fields\n }\n\n static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n return new this({\n fields: node.__fields,\n key: node.__key,\n })\n }\n\n static getType(): string {\n return 'inlineBlock'\n }\n\n static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n return {}\n }\n\n static importJSON(serializedNode: SerializedInlineBlockNode): ServerInlineBlockNode {\n const node = $createServerInlineBlockNode(serializedNode.fields)\n return node\n }\n\n static isInline(): false {\n return false\n }\n\n canIndent() {\n return true\n }\n createDOM() {\n const element = document.createElement('span')\n element.classList.add('inline-block-container')\n\n return element\n }\n\n decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element | null {\n return null\n }\n\n exportDOM(): DOMExportOutput {\n const element = document.createElement('span')\n element.classList.add('inline-block-container')\n\n const text = document.createTextNode(this.getTextContent())\n element.append(text)\n return { element }\n }\n\n exportJSON(): SerializedInlineBlockNode {\n return {\n type: 'inlineBlock',\n fields: this.getFields(),\n version: 1,\n }\n }\n\n getFields(): InlineBlockFields {\n return this.getLatest().__fields\n }\n\n getTextContent(): string {\n return `Block Field`\n }\n\n isInline() {\n return true\n }\n\n setFields(fields: InlineBlockFields): void {\n const writable = this.getWritable()\n writable.__fields = fields\n }\n\n updateDOM(): boolean {\n return false\n }\n}\n\nexport function $createServerInlineBlockNode(\n fields: Exclude<InlineBlockFields, 'id'>,\n): ServerInlineBlockNode {\n return new ServerInlineBlockNode({\n fields: {\n ...fields,\n id: fields?.id || new ObjectID.default().toHexString(),\n },\n })\n}\n\nexport function $isServerInlineBlockNode(\n node: LexicalNode | null | ServerInlineBlockNode | undefined,\n): node is ServerInlineBlockNode {\n return node instanceof ServerInlineBlockNode\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["React", "createContext", "useCallback", "useEffect", "useMemo", "useRef", "useLexicalComposerContext", "useLexicalNodeSelection", "mergeRegister", "getTranslation", "Button", "Drawer", "EditDepthProvider", "Form", "formatDrawerSlug", "FormSubmit", "RenderFields", "ShimmerEffect", "useDocumentInfo", "useEditDepth", "useServerFunctions", "useTranslation", "abortAndIgnore", "$getNodeByKey", "$getSelection", "$isNodeSelection", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_BACKSPACE_COMMAND", "KEY_DELETE_COMMAND", "reduceFieldsToValues", "v4", "uuid", "ObjectID", "React", "ObjectID", "DecoratorNode", "ServerInlineBlockNode", "__fields", "constructor", "fields", "key", "clone", "node", "__key", "getType", "importDOM", "importJSON", "serializedNode", "$createServerInlineBlockNode", "isInline", "canIndent", "createDOM", "element", "document", "createElement", "classList", "add", "decorate", "editor", "config", "exportDOM", "text", "createTextNode", "getTextContent", "append", "exportJSON", "type", "getFields", "version", "getLatest", "setFields", "writable", "getWritable", "updateDOM", "id", "default", "toHexString", "InlineBlockComponent", "React", "lazy", "then", "module", "default", "InlineBlockNode", "ServerInlineBlockNode", "clone", "node", "getType", "importJSON", "serializedNode", "$createInlineBlockNode", "fields", "decorate", "editor", "config", "_jsx", "formData", "getFields", "nodeKey", "getKey", "exportJSON", "id", "ObjectID", "toHexString", "$isInlineBlockNode", "baseClass", "InlineBlockComponentContext", "createContext", "initialState", "useInlineBlockComponentContext", "React", "useContext", "InlineBlockComponent", "props", "formData", "nodeKey", "editor", "useLexicalComposerContext", "i18n", "t", "useTranslation", "fieldProps", "featureClientSchemaMap", "initialLexicalFormState", "permissions", "readOnly", "schemaPath", "uuid", "uuidFromContext", "useEditorConfigContext", "getFormState", "useServerFunctions", "editDepth", "useEditDepth", "hasMounted", "useRef", "setInitialState", "useState", "id", "formState", "CustomLabel", "setCustomLabel", "customComponents", "BlockLabel", "CustomBlock", "setCustomBlock", "Block", "drawerSlug", "formatDrawerSlug", "slug", "depth", "toggleDrawer", "useLexicalDrawer", "inlineBlockElemElemRef", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "componentMapRenderedBlockPath", "blockType", "clientBlock", "blocks", "useEffect", "current", "fields", "length", "removeInlineBlock", "useCallback", "update", "$getNodeByKey", "remove", "$onDelete", "event", "deleteSelection", "$getSelection", "$isNodeSelection", "preventDefault", "getNodes", "forEach", "node", "$isInlineBlockNode", "onClick", "payload", "target", "contains", "shiftKey", "mergeRegister", "registerCommand", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "blockDisplayName", "labels", "singular", "getTranslation", "onChangeAbortControllerRef", "AbortController", "schemaFieldsPath", "abortController", "state", "data", "docPermissions", "docPreferences", "operation", "renderAllFields", "signal", "abortAndIgnore", "onChange", "prevFormState", "submit", "controller", "onFormSubmit", "newData", "reduceFieldsToValues", "setFields", "RemoveButton", "useMemo", "_jsx", "Button", "buttonStyle", "className", "disabled", "icon", "e", "round", "size", "tooltip", "label", "EditButton", "el", "InlineBlockContainer", "children", "filter", "Boolean", "join", "ref", "Label", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "onSubmit", "EditDepthProvider", "Drawer", "title", "_Fragment", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "FormSubmit", "programmaticSubmit", "Provider", "value", "ShimmerEffect", "height", "width", "isEditable"]
7
+ }
@@ -0,0 +1,2 @@
1
+ "use client";import{a,b}from"./chunk-QNRPT52J.js";import"./chunk-INBEEENE.js";import"./chunk-CUIBIFW2.js";export{b as InlineBlockComponent,a as useInlineBlockComponentContext};
2
+ //# sourceMappingURL=componentInline-TPGMZRGQ.js.map