@lexical/react 0.49.1-nightly.20260901.0 → 0.50.0

package/dist/LexicalNodeMenuPlugin.dev.js

@@ -11,9 +11,11 @@
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var lexical = require('lexical');
 var react = require('react');
+var LexicalTypeaheadMenuPluginUtils = require('@lexical/react/LexicalTypeaheadMenuPluginUtils');
 var utils = require('@lexical/utils');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
+var LexicalMenuOption = require('@lexical/react/LexicalMenuOption');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -37,30 +39,6 @@ const useLayoutEffectImpl = lexical.CAN_USE_DOM ? react.useLayoutEffect : react.
  *
  */
 
-/**
- * The base class for an item shown in a {@link LexicalTypeaheadMenuPlugin} or
- * {@link LexicalNodeMenuPlugin} menu. Each option has a unique `key` and a `ref`
- * to its rendered element (used for scrolling and keyboard navigation).
- * Subclass it to attach your own data such as a label or callback.
- */
-class MenuOption {
-  key;
-  ref;
-  icon;
-  title;
-  constructor(key) {
-    this.key = key;
-    this.ref = {
-      current: null
-    };
-    this.setRefElement = this.setRefElement.bind(this);
-  }
-  setRefElement(element) {
-    this.ref = {
-      current: element
-    };
-  }
-}
 
 /**
  * A render function for a menu's contents. It receives the anchor element ref,
@@ -202,7 +180,6 @@ function useDynamicPositioning(resolution, targetElement, onReposition, onVisibi
     }
   }, [targetElement, editor, onVisibilityChange, onReposition, resolution]);
 }
-const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = /* @__PURE__ */lexical.createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
 function MenuItem({
   index,
   isSelected,
@@ -306,7 +283,7 @@ function LexicalMenu({
   // has to be able to arrow through and dismiss.
   const rendersNothing = menuRenderFnProp == null && (options === null || !options.length);
   react.useEffect(() => {
-    return lexical.mergeRegister(editor.registerCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, ({
+    return lexical.mergeRegister(editor.registerCommand(LexicalTypeaheadMenuPluginUtils.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, ({
       option
     }) => {
       if (option.ref && option.ref.current != null) {
@@ -335,7 +312,7 @@ function LexicalMenu({
         return true;
       }
       if (option.ref && option.ref.current) {
-        editor.dispatchCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, {
+        editor.dispatchCommand(LexicalTypeaheadMenuPluginUtils.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, {
           index: newSelectedIndex,
           option
         });
@@ -677,5 +654,5 @@ function LexicalNodeMenuPlugin({
   });
 }
 
+exports.MenuOption = LexicalMenuOption.MenuOption;
 exports.LexicalNodeMenuPlugin = LexicalNodeMenuPlugin;
-exports.MenuOption = MenuOption;

package/dist/LexicalNodeMenuPlugin.dev.mjs

@@ -7,11 +7,13 @@
  */
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { CAN_USE_DOM, getRootOwnerDocument, mergeRegister, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, isDOMShadowRoot, isHTMLElement, getParentElement, getDOMShadowRoots, registerEventListener, $getSelection, $isRangeSelection, createCommand, $getNodeByKey } from 'lexical';
+import { CAN_USE_DOM, getRootOwnerDocument, mergeRegister, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, isDOMShadowRoot, isHTMLElement, getParentElement, getDOMShadowRoots, registerEventListener, $getSelection, $isRangeSelection, $getNodeByKey } from 'lexical';
 import { useLayoutEffect, useEffect, useRef, useCallback, useState, useMemo, startTransition } from 'react';
+import { SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND } from '@lexical/react/LexicalTypeaheadMenuPluginUtils';
 import { getScrollParent } from '@lexical/utils';
 import ReactDOM from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
+export { MenuOption } from '@lexical/react/LexicalMenuOption';
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -35,30 +37,6 @@ const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
  *
  */
 
-/**
- * The base class for an item shown in a {@link LexicalTypeaheadMenuPlugin} or
- * {@link LexicalNodeMenuPlugin} menu. Each option has a unique `key` and a `ref`
- * to its rendered element (used for scrolling and keyboard navigation).
- * Subclass it to attach your own data such as a label or callback.
- */
-class MenuOption {
-  key;
-  ref;
-  icon;
-  title;
-  constructor(key) {
-    this.key = key;
-    this.ref = {
-      current: null
-    };
-    this.setRefElement = this.setRefElement.bind(this);
-  }
-  setRefElement(element) {
-    this.ref = {
-      current: element
-    };
-  }
-}
 
 /**
  * A render function for a menu's contents. It receives the anchor element ref,
@@ -200,7 +178,6 @@ function useDynamicPositioning(resolution, targetElement, onReposition, onVisibi
     }
   }, [targetElement, editor, onVisibilityChange, onReposition, resolution]);
 }
-const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = /* @__PURE__ */createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
 function MenuItem({
   index,
   isSelected,
@@ -675,4 +652,4 @@ function LexicalNodeMenuPlugin({
   });
 }
 
-export { LexicalNodeMenuPlugin, MenuOption };
+export { LexicalNodeMenuPlugin };

package/dist/LexicalNodeMenuPlugin.prod.js

@@ -6,4 +6,4 @@
  *
  */
 
-"use strict";var e=require("@lexical/react/LexicalComposerContext"),t=require("lexical"),n=require("react"),l=require("@lexical/utils"),o=require("react-dom"),r=require("react/jsx-runtime");const i=t.CAN_USE_DOM?n.useLayoutEffect:n.useEffect;const s=e=>{const t=e.closest("#typeahead-menu");if(!t)return;const n=t.getBoundingClientRect();n.top+n.height>window.innerHeight&&t.scrollIntoView({block:"center"}),n.top<0&&t.scrollIntoView({block:"center"}),e.scrollIntoView({block:"nearest"})};function u(e,t){const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();return n.top>=l.top-6&&n.top<=l.bottom+6}const c=/* @__PURE__ */t.createCommand("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");function a({index:e,isSelected:t,onClick:n,onMouseEnter:l,option:o}){let i="item";return t&&(i+=" selected"),/*#__PURE__*/r.jsxs("li",{tabIndex:-1,className:i,ref:o.setRefElement,role:"option","aria-selected":t,id:"typeahead-item-"+e,onMouseEnter:l,onClick:n,children:[o.icon,/*#__PURE__*/r.jsx("span",{className:"text",children:o.title})]},o.key)}function m({close:e,editor:l,anchorElementRef:u,resolution:m,options:d,menuRenderFn:p,onSelectOption:f,shouldSplitNodeWithQuery:g=!1,commandPriority:h=t.COMMAND_PRIORITY_LOW,preselectFirstItem:C=!0}){const[E,R]=n.useState(null),y=null!==E?Math.min(d.length-1,E):null,x=m.match&&m.match.matchingString;n.useEffect(()=>{C&&R(0)},[x,C]);const b=n.useCallback(n=>{l.update(()=>{const l=null!=m.match&&g?function(e){const n=t.$getSelection();if(!t.$isRangeSelection(n)||!n.isCollapsed())return null;const l=n.anchor;if("text"!==l.type)return null;const o=l.getNode();if(!o.isSimpleText())return null;const r=l.offset,i=o.getTextContent().slice(0,r),s=e.replaceableString.length,u=r-function(e,t,n){let l=n;for(let n=l;n<=t.length;n++)e.slice(-n)===t.substring(0,n)&&(l=n);return l}(i,e.matchingString,s);if(u<0)return null;let c;return 0===u?[c]=o.splitText(r):[,c]=o.splitText(u,r),c}(m.match):null;f(n,l,e,m.match?m.match.matchingString:"")})},[l,g,m.match,f,e]),O=n.useCallback(e=>{const t=l.getRootElement();null!==t&&(t.setAttribute("aria-activedescendant","typeahead-item-"+e),R(e))},[l]),M=n.useCallback(()=>u.current&&d.length?/*#__PURE__*/o.createPortal(/*#__PURE__*/r.jsx("div",{className:"typeahead-popover mentions-menu",children:/*#__PURE__*/r.jsx("ul",{children:d.map((e,t)=>/*#__PURE__*/r.jsx(a,{index:t,isSelected:y===t,onClick:()=>{R(t),b(e)},onMouseEnter:()=>{R(t)},option:e},e.key))})}),u.current):null,[u,d,y,b,R]);n.useEffect(()=>()=>{const e=l.getRootElement();null!==e&&e.removeAttribute("aria-activedescendant")},[l]),i(()=>{null===d?R(null):null===y&&C&&O(0)},[d,y,O,C]);const v=null==p&&(null===d||!d.length);n.useEffect(()=>t.mergeRegister(l.registerCommand(c,({option:e})=>!(!e.ref||null==e.ref.current)&&(s(e.ref.current),!0),h)),[l,O,h]),n.useEffect(()=>t.mergeRegister(l.registerCommand(t.KEY_ARROW_DOWN_COMMAND,e=>{const t=e;if(v)return!1;const n=null===y?0:y!==d.length-1?y+1:0;O(n);const o=d[n];return o?(o.ref&&o.ref.current&&l.dispatchCommand(c,{index:n,option:o}),t.preventDefault(),t.stopImmediatePropagation(),!0):(O(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),l.registerCommand(t.KEY_ARROW_UP_COMMAND,e=>{const t=e;if(v)return!1;const n=null===y?d.length-1:0!==y?y-1:d.length-1;O(n);const l=d[n];return l?(l.ref&&l.ref.current&&s(l.ref.current),t.preventDefault(),t.stopImmediatePropagation(),!0):(O(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),l.registerCommand(t.KEY_ESCAPE_COMMAND,t=>{const n=t;return!v&&(n.preventDefault(),n.stopImmediatePropagation(),e(),!0)},h),l.registerCommand(t.KEY_TAB_COMMAND,e=>{const t=e;return null!==d&&null!==y&&null!=d[y]&&(t.preventDefault(),t.stopImmediatePropagation(),b(d[y]),!0)},h),l.registerCommand(t.KEY_ENTER_COMMAND,e=>!(null===d||null===y||null==d[y]||e&&e.shiftKey)&&(null!==e&&(e.preventDefault(),e.stopImmediatePropagation()),b(d[y]),!0),h)),[b,e,l,d,v,y,O,h]);const w=n.useMemo(()=>({options:d,selectOptionAndCleanUp:b,selectedIndex:y,setHighlightedIndex:R}),[b,y,d]);return null!=p?p(u,w,m.match?m.match.matchingString:""):M()}function d(e,t){null!=t&&(e.className=t),e.setAttribute("aria-label","Typeahead menu"),e.setAttribute("role","listbox"),e.style.display="block",e.style.position="absolute"}function p(e){if("static"!==e.position)return!0;const t=e.willChange;return"none"!==e.transform||"none"!==e.perspective||"none"!==e.filter||"none"!==e.backdropFilter||e.contain.includes("paint")||e.contain.includes("layout")||e.contain.includes("strict")||e.contain.includes("content")||t.includes("transform")||t.includes("perspective")||t.includes("filter")||t.includes("contain")}function f(o,r,i,s,c=!0){const[a]=e.useLexicalComposerContext(),m=s??function(e){if(!t.CAN_USE_DOM)return;const n=e.getRootElement();if(null!==n){const e=n.getRootNode();return t.isDOMShadowRoot(e)?e:n.ownerDocument.body}return document.body}(a),f=t.CAN_USE_DOM?t.getRootOwnerDocument(a.getRootElement()).createElement("div"):null,g=n.useRef(f),h=n.useCallback(()=>{if(null===g.current||void 0===m)return;g.current.style.top=g.current.style.bottom;const e=a.getRootElement(),n=g.current,l=n.firstChild;if(null!==e&&null!==o){const{left:r,top:s,width:u,height:a}=o.getRect(),f=g.current.offsetHeight,h=function(e){const n=t.isDOMShadowRoot(e)?e.host:e;for(let e=t.isHTMLElement(n)?n:null;null!==e;e=t.getParentElement(e)){const t=e.ownerDocument.defaultView;if(null===t)break;if(p(t.getComputedStyle(e))){const t=e.getBoundingClientRect();return{left:t.left+e.clientLeft-e.scrollLeft,top:t.top+e.clientTop-e.scrollTop}}}return null}(m),C=e=>null!==h?e-h.left:e+window.pageXOffset,E=e=>null!==h?e-h.top:e+(c?window.pageYOffset:0);if(n.style.top=`${E(s+f+3)}px`,n.style.left=`${C(r)}px`,n.style.height=`${a}px`,n.style.width=`${u}px`,null!==l){l.style.top=`${s}`;const t=l.getBoundingClientRect(),o=t.height,i=t.width,u=e.getBoundingClientRect();r+i>u.right&&(n.style.left=`${C(u.right-i)}px`),(s+o>window.innerHeight||s+o>u.bottom)&&s-u.top>o+a&&(n.style.top=`${E(s-o-a)}px`)}n.isConnected||(d(n,i),m.append(n)),n.setAttribute("id","typeahead-menu"),e.setAttribute("aria-controls","typeahead-menu")}},[a,o,c,i,m]);n.useEffect(()=>{const e=a.getRootElement();return null!==o&&h(),()=>{null!==e&&e.removeAttribute("aria-controls");const t=g.current;null!==t&&t.isConnected&&(t.remove(),t.removeAttribute("id"))}},[a,h,o]);const C=n.useCallback(e=>{null!==o&&(e||r(null))},[o,r]);return function(o,r,i,s){const[c]=e.useLexicalComposerContext();n.useEffect(()=>{if(null!=r&&null!=o){const e=c.getRootElement(),n=null!=e?l.getScrollParent(e,!1):document.body;let o=!1,a=u(r,n);const m=function(){o||(window.requestAnimationFrame(function(){i(),o=!1}),o=!0);const e=u(r,n);e!==a&&(a=e,null!=s&&s(e))},d=new ResizeObserver(i),p=t.getDOMShadowRoots(e??r);return d.observe(r),t.mergeRegister(t.registerEventListener(window,"resize",i),t.registerEventListener(document,"scroll",m,{capture:!0,passive:!0}),...p.map(e=>t.registerEventListener(e,"scroll",m,{capture:!0,passive:!0})),()=>d.unobserve(r))}},[r,c,s,i,o])}(o,g.current,h,C),null!=f&&f===g.current&&(d(f,i),null!=m&&m.append(f)),g}exports.LexicalNodeMenuPlugin=function({options:l,nodeKey:o,onClose:i,onOpen:s,onSelectOption:u,menuRenderFn:c,anchorClassName:a,commandPriority:d=t.COMMAND_PRIORITY_LOW,parent:p}){const[g]=e.useLexicalComposerContext(),[h,C]=n.useState(null),E=f(h,C,a,p),R=n.useCallback(()=>{C(null),null!=i&&null!==h&&i()},[i,h]),y=n.useCallback(e=>{C(e),null!=s&&null===h&&s(e)},[s,h]),x=n.useCallback(()=>{o?g.update(()=>{const e=t.$getNodeByKey(o),l=g.getElementByKey(o);null!=e&&null!=l&&null==h&&n.startTransition(()=>y({getRect:()=>l.getBoundingClientRect()}))}):null==o&&null!=h&&R()},[R,g,o,y,h]);return n.useEffect(()=>{x()},[x,o]),n.useEffect(()=>{if(null!=o)return g.registerUpdateListener(({dirtyElements:e})=>{e.get(o)&&x()})},[g,x,o]),null===E.current||null===h||null===g?null:/*#__PURE__*/r.jsx(m,{close:R,resolution:h,editor:g,anchorElementRef:E,options:l,menuRenderFn:c,onSelectOption:u,commandPriority:d})},exports.MenuOption=class{key;ref;icon;title;constructor(e){this.key=e,this.ref={current:null},this.setRefElement=this.setRefElement.bind(this)}setRefElement(e){this.ref={current:e}}};
+"use strict";var e=require("@lexical/react/LexicalComposerContext"),t=require("lexical"),n=require("react"),l=require("@lexical/react/LexicalTypeaheadMenuPluginUtils"),o=require("@lexical/utils"),r=require("react-dom"),i=require("react/jsx-runtime"),u=require("@lexical/react/LexicalMenuOption");const s=t.CAN_USE_DOM?n.useLayoutEffect:n.useEffect,c=e=>{const t=e.closest("#typeahead-menu");if(!t)return;const n=t.getBoundingClientRect();n.top+n.height>window.innerHeight&&t.scrollIntoView({block:"center"}),n.top<0&&t.scrollIntoView({block:"center"}),e.scrollIntoView({block:"nearest"})};function a(e,t){const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();return n.top>=l.top-6&&n.top<=l.bottom+6}function d({index:e,isSelected:t,onClick:n,onMouseEnter:l,option:o}){let r="item";return t&&(r+=" selected"),/*#__PURE__*/i.jsxs("li",{tabIndex:-1,className:r,ref:o.setRefElement,role:"option","aria-selected":t,id:"typeahead-item-"+e,onMouseEnter:l,onClick:n,children:[o.icon,/*#__PURE__*/i.jsx("span",{className:"text",children:o.title})]},o.key)}function p({close:e,editor:o,anchorElementRef:u,resolution:a,options:p,menuRenderFn:m,onSelectOption:f,shouldSplitNodeWithQuery:g=!1,commandPriority:h=t.COMMAND_PRIORITY_LOW,preselectFirstItem:C=!0}){const[E,x]=n.useState(null),R=null!==E?Math.min(p.length-1,E):null,O=a.match&&a.match.matchingString;n.useEffect(()=>{C&&x(0)},[O,C]);const y=n.useCallback(n=>{o.update(()=>{const l=null!=a.match&&g?function(e){const n=t.$getSelection();if(!t.$isRangeSelection(n)||!n.isCollapsed())return null;const l=n.anchor;if("text"!==l.type)return null;const o=l.getNode();if(!o.isSimpleText())return null;const r=l.offset,i=o.getTextContent().slice(0,r),u=e.replaceableString.length,s=r-function(e,t,n){let l=n;for(let n=l;n<=t.length;n++)e.slice(-n)===t.substring(0,n)&&(l=n);return l}(i,e.matchingString,u);if(s<0)return null;let c;return 0===s?[c]=o.splitText(r):[,c]=o.splitText(s,r),c}(a.match):null;f(n,l,e,a.match?a.match.matchingString:"")})},[o,g,a.match,f,e]),b=n.useCallback(e=>{const t=o.getRootElement();null!==t&&(t.setAttribute("aria-activedescendant","typeahead-item-"+e),x(e))},[o]),M=n.useCallback(()=>u.current&&p.length?/*#__PURE__*/r.createPortal(/*#__PURE__*/i.jsx("div",{className:"typeahead-popover mentions-menu",children:/*#__PURE__*/i.jsx("ul",{children:p.map((e,t)=>/*#__PURE__*/i.jsx(d,{index:t,isSelected:R===t,onClick:()=>{x(t),y(e)},onMouseEnter:()=>{x(t)},option:e},e.key))})}),u.current):null,[u,p,R,y,x]);n.useEffect(()=>()=>{const e=o.getRootElement();null!==e&&e.removeAttribute("aria-activedescendant")},[o]),s(()=>{null===p?x(null):null===R&&C&&b(0)},[p,R,b,C]);const _=null==m&&(null===p||!p.length);n.useEffect(()=>t.mergeRegister(o.registerCommand(l.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND,({option:e})=>!(!e.ref||null==e.ref.current)&&(c(e.ref.current),!0),h)),[o,b,h]),n.useEffect(()=>t.mergeRegister(o.registerCommand(t.KEY_ARROW_DOWN_COMMAND,e=>{const t=e;if(_)return!1;const n=null===R?0:R!==p.length-1?R+1:0;b(n);const r=p[n];return r?(r.ref&&r.ref.current&&o.dispatchCommand(l.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND,{index:n,option:r}),t.preventDefault(),t.stopImmediatePropagation(),!0):(b(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),o.registerCommand(t.KEY_ARROW_UP_COMMAND,e=>{const t=e;if(_)return!1;const n=null===R?p.length-1:0!==R?R-1:p.length-1;b(n);const l=p[n];return l?(l.ref&&l.ref.current&&c(l.ref.current),t.preventDefault(),t.stopImmediatePropagation(),!0):(b(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),o.registerCommand(t.KEY_ESCAPE_COMMAND,t=>{const n=t;return!_&&(n.preventDefault(),n.stopImmediatePropagation(),e(),!0)},h),o.registerCommand(t.KEY_TAB_COMMAND,e=>{const t=e;return null!==p&&null!==R&&null!=p[R]&&(t.preventDefault(),t.stopImmediatePropagation(),y(p[R]),!0)},h),o.registerCommand(t.KEY_ENTER_COMMAND,e=>!(null===p||null===R||null==p[R]||e&&e.shiftKey)&&(null!==e&&(e.preventDefault(),e.stopImmediatePropagation()),y(p[R]),!0),h)),[y,e,o,p,_,R,b,h]);const A=n.useMemo(()=>({options:p,selectOptionAndCleanUp:y,selectedIndex:R,setHighlightedIndex:x}),[y,R,p]);return null!=m?m(u,A,a.match?a.match.matchingString:""):M()}function m(e,t){null!=t&&(e.className=t),e.setAttribute("aria-label","Typeahead menu"),e.setAttribute("role","listbox"),e.style.display="block",e.style.position="absolute"}function f(e){if("static"!==e.position)return!0;const t=e.willChange;return"none"!==e.transform||"none"!==e.perspective||"none"!==e.filter||"none"!==e.backdropFilter||e.contain.includes("paint")||e.contain.includes("layout")||e.contain.includes("strict")||e.contain.includes("content")||t.includes("transform")||t.includes("perspective")||t.includes("filter")||t.includes("contain")}function g(l,r,i,u,s=!0){const[c]=e.useLexicalComposerContext(),d=u??function(e){if(!t.CAN_USE_DOM)return;const n=e.getRootElement();if(null!==n){const e=n.getRootNode();return t.isDOMShadowRoot(e)?e:n.ownerDocument.body}return document.body}(c),p=t.CAN_USE_DOM?t.getRootOwnerDocument(c.getRootElement()).createElement("div"):null,g=n.useRef(p),h=n.useCallback(()=>{if(null===g.current||void 0===d)return;g.current.style.top=g.current.style.bottom;const e=c.getRootElement(),n=g.current,o=n.firstChild;if(null!==e&&null!==l){const{left:r,top:u,width:c,height:a}=l.getRect(),p=g.current.offsetHeight,h=function(e){const n=t.isDOMShadowRoot(e)?e.host:e;for(let e=t.isHTMLElement(n)?n:null;null!==e;e=t.getParentElement(e)){const t=e.ownerDocument.defaultView;if(null===t)break;if(f(t.getComputedStyle(e))){const t=e.getBoundingClientRect();return{left:t.left+e.clientLeft-e.scrollLeft,top:t.top+e.clientTop-e.scrollTop}}}return null}(d),C=e=>null!==h?e-h.left:e+window.pageXOffset,E=e=>null!==h?e-h.top:e+(s?window.pageYOffset:0);if(n.style.top=`${E(u+p+3)}px`,n.style.left=`${C(r)}px`,n.style.height=`${a}px`,n.style.width=`${c}px`,null!==o){o.style.top=`${u}`;const t=o.getBoundingClientRect(),l=t.height,i=t.width,s=e.getBoundingClientRect();r+i>s.right&&(n.style.left=`${C(s.right-i)}px`),(u+l>window.innerHeight||u+l>s.bottom)&&u-s.top>l+a&&(n.style.top=`${E(u-l-a)}px`)}n.isConnected||(m(n,i),d.append(n)),n.setAttribute("id","typeahead-menu"),e.setAttribute("aria-controls","typeahead-menu")}},[c,l,s,i,d]);n.useEffect(()=>{const e=c.getRootElement();return null!==l&&h(),()=>{null!==e&&e.removeAttribute("aria-controls");const t=g.current;null!==t&&t.isConnected&&(t.remove(),t.removeAttribute("id"))}},[c,h,l]);const C=n.useCallback(e=>{null!==l&&(e||r(null))},[l,r]);return function(l,r,i,u){const[s]=e.useLexicalComposerContext();n.useEffect(()=>{if(null!=r&&null!=l){const e=s.getRootElement(),n=null!=e?o.getScrollParent(e,!1):document.body;let l=!1,c=a(r,n);const d=function(){l||(window.requestAnimationFrame(function(){i(),l=!1}),l=!0);const e=a(r,n);e!==c&&(c=e,null!=u&&u(e))},p=new ResizeObserver(i),m=t.getDOMShadowRoots(e??r);return p.observe(r),t.mergeRegister(t.registerEventListener(window,"resize",i),t.registerEventListener(document,"scroll",d,{capture:!0,passive:!0}),...m.map(e=>t.registerEventListener(e,"scroll",d,{capture:!0,passive:!0})),()=>p.unobserve(r))}},[r,s,u,i,l])}(l,g.current,h,C),null!=p&&p===g.current&&(m(p,i),null!=d&&d.append(p)),g}exports.MenuOption=u.MenuOption,exports.LexicalNodeMenuPlugin=function({options:l,nodeKey:o,onClose:r,onOpen:u,onSelectOption:s,menuRenderFn:c,anchorClassName:a,commandPriority:d=t.COMMAND_PRIORITY_LOW,parent:m}){const[f]=e.useLexicalComposerContext(),[h,C]=n.useState(null),E=g(h,C,a,m),x=n.useCallback(()=>{C(null),null!=r&&null!==h&&r()},[r,h]),R=n.useCallback(e=>{C(e),null!=u&&null===h&&u(e)},[u,h]),O=n.useCallback(()=>{o?f.update(()=>{const e=t.$getNodeByKey(o),l=f.getElementByKey(o);null!=e&&null!=l&&null==h&&n.startTransition(()=>R({getRect:()=>l.getBoundingClientRect()}))}):null==o&&null!=h&&x()},[x,f,o,R,h]);return n.useEffect(()=>{O()},[O,o]),n.useEffect(()=>{if(null!=o)return f.registerUpdateListener(({dirtyElements:e})=>{e.get(o)&&O()})},[f,O,o]),null===E.current||null===h||null===f?null:/*#__PURE__*/i.jsx(p,{close:x,resolution:h,editor:f,anchorElementRef:E,options:l,menuRenderFn:c,onSelectOption:s,commandPriority:d})};

package/dist/LexicalNodeMenuPlugin.prod.mjs

@@ -6,4 +6,4 @@
  *
  */
 
-import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{CAN_USE_DOM as e,getRootOwnerDocument as n,mergeRegister as l,COMMAND_PRIORITY_LOW as o,KEY_ARROW_DOWN_COMMAND as r,KEY_ARROW_UP_COMMAND as i,KEY_ESCAPE_COMMAND as c,KEY_TAB_COMMAND as u,KEY_ENTER_COMMAND as s,isDOMShadowRoot as a,isHTMLElement as m,getParentElement as p,getDOMShadowRoots as d,registerEventListener as f,$getSelection as g,$isRangeSelection as h,createCommand as y,$getNodeByKey as C}from"lexical";import{useLayoutEffect as b,useEffect as R,useRef as x,useCallback as v,useState as w,useMemo as E,startTransition as I}from"react";import{getScrollParent as S}from"@lexical/utils";import k from"react-dom";import{jsx as A,jsxs as O}from"react/jsx-runtime";const P=e?b:R;class D{key;ref;icon;title;constructor(t){this.key=t,this.ref={current:null},this.setRefElement=this.setRefElement.bind(this)}setRefElement(t){this.ref={current:t}}}const N=t=>{const e=t.closest("#typeahead-menu");if(!e)return;const n=e.getBoundingClientRect();n.top+n.height>window.innerHeight&&e.scrollIntoView({block:"center"}),n.top<0&&e.scrollIntoView({block:"center"}),t.scrollIntoView({block:"nearest"})};function T(t,e){const n=t.getBoundingClientRect(),l=e.getBoundingClientRect();return n.top>=l.top-6&&n.top<=l.bottom+6}const B=/* @__PURE__ */y("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");function $({index:t,isSelected:e,onClick:n,onMouseEnter:l,option:o}){let r="item";return e&&(r+=" selected"),/*#__PURE__*/O("li",{tabIndex:-1,className:r,ref:o.setRefElement,role:"option","aria-selected":e,id:"typeahead-item-"+t,onMouseEnter:l,onClick:n,children:[o.icon,/*#__PURE__*/A("span",{className:"text",children:o.title})]},o.key)}function F({close:t,editor:e,anchorElementRef:n,resolution:a,options:m,menuRenderFn:p,onSelectOption:d,shouldSplitNodeWithQuery:f=!1,commandPriority:y=o,preselectFirstItem:C=!0}){const[b,x]=w(null),I=null!==b?Math.min(m.length-1,b):null,S=a.match&&a.match.matchingString;R(()=>{C&&x(0)},[S,C]);const O=v(n=>{e.update(()=>{const e=null!=a.match&&f?function(t){const e=g();if(!h(e)||!e.isCollapsed())return null;const n=e.anchor;if("text"!==n.type)return null;const l=n.getNode();if(!l.isSimpleText())return null;const o=n.offset,r=l.getTextContent().slice(0,o),i=t.replaceableString.length,c=o-function(t,e,n){let l=n;for(let n=l;n<=e.length;n++)t.slice(-n)===e.substring(0,n)&&(l=n);return l}(r,t.matchingString,i);if(c<0)return null;let u;return 0===c?[u]=l.splitText(o):[,u]=l.splitText(c,o),u}(a.match):null;d(n,e,t,a.match?a.match.matchingString:"")})},[e,f,a.match,d,t]),D=v(t=>{const n=e.getRootElement();null!==n&&(n.setAttribute("aria-activedescendant","typeahead-item-"+t),x(t))},[e]),T=v(()=>n.current&&m.length?/*#__PURE__*/k.createPortal(/*#__PURE__*/A("div",{className:"typeahead-popover mentions-menu",children:/*#__PURE__*/A("ul",{children:m.map((t,e)=>/*#__PURE__*/A($,{index:e,isSelected:I===e,onClick:()=>{x(e),O(t)},onMouseEnter:()=>{x(e)},option:t},t.key))})}),n.current):null,[n,m,I,O,x]);R(()=>()=>{const t=e.getRootElement();null!==t&&t.removeAttribute("aria-activedescendant")},[e]),P(()=>{null===m?x(null):null===I&&C&&D(0)},[m,I,D,C]);const F=null==p&&(null===m||!m.length);R(()=>l(e.registerCommand(B,({option:t})=>!(!t.ref||null==t.ref.current)&&(N(t.ref.current),!0),y)),[e,D,y]),R(()=>l(e.registerCommand(r,t=>{const n=t;if(F)return!1;const l=null===I?0:I!==m.length-1?I+1:0;D(l);const o=m[l];return o?(o.ref&&o.ref.current&&e.dispatchCommand(B,{index:l,option:o}),n.preventDefault(),n.stopImmediatePropagation(),!0):(D(-1),n.preventDefault(),n.stopImmediatePropagation(),!0)},y),e.registerCommand(i,t=>{const e=t;if(F)return!1;const n=null===I?m.length-1:0!==I?I-1:m.length-1;D(n);const l=m[n];return l?(l.ref&&l.ref.current&&N(l.ref.current),e.preventDefault(),e.stopImmediatePropagation(),!0):(D(-1),e.preventDefault(),e.stopImmediatePropagation(),!0)},y),e.registerCommand(c,e=>{const n=e;return!F&&(n.preventDefault(),n.stopImmediatePropagation(),t(),!0)},y),e.registerCommand(u,t=>{const e=t;return null!==m&&null!==I&&null!=m[I]&&(e.preventDefault(),e.stopImmediatePropagation(),O(m[I]),!0)},y),e.registerCommand(s,t=>!(null===m||null===I||null==m[I]||t&&t.shiftKey)&&(null!==t&&(t.preventDefault(),t.stopImmediatePropagation()),O(m[I]),!0),y)),[O,t,e,m,F,I,D,y]);const L=E(()=>({options:m,selectOptionAndCleanUp:O,selectedIndex:I,setHighlightedIndex:x}),[O,I,m]);return null!=p?p(n,L,a.match?a.match.matchingString:""):T()}function L(t,e){null!=e&&(t.className=e),t.setAttribute("aria-label","Typeahead menu"),t.setAttribute("role","listbox"),t.style.display="block",t.style.position="absolute"}function M(t){if("static"!==t.position)return!0;const e=t.willChange;return"none"!==t.transform||"none"!==t.perspective||"none"!==t.filter||"none"!==t.backdropFilter||t.contain.includes("paint")||t.contain.includes("layout")||t.contain.includes("strict")||t.contain.includes("content")||e.includes("transform")||e.includes("perspective")||e.includes("filter")||e.includes("contain")}function H(o,r,i,c,u=!0){const[s]=t(),g=c??function(t){if(!e)return;const n=t.getRootElement();if(null!==n){const t=n.getRootNode();return a(t)?t:n.ownerDocument.body}return document.body}(s),h=e?n(s.getRootElement()).createElement("div"):null,y=x(h),C=v(()=>{if(null===y.current||void 0===g)return;y.current.style.top=y.current.style.bottom;const t=s.getRootElement(),e=y.current,n=e.firstChild;if(null!==t&&null!==o){const{left:l,top:r,width:c,height:s}=o.getRect(),d=y.current.offsetHeight,f=function(t){const e=a(t)?t.host:t;for(let t=m(e)?e:null;null!==t;t=p(t)){const e=t.ownerDocument.defaultView;if(null===e)break;if(M(e.getComputedStyle(t))){const e=t.getBoundingClientRect();return{left:e.left+t.clientLeft-t.scrollLeft,top:e.top+t.clientTop-t.scrollTop}}}return null}(g),h=t=>null!==f?t-f.left:t+window.pageXOffset,C=t=>null!==f?t-f.top:t+(u?window.pageYOffset:0);if(e.style.top=`${C(r+d+3)}px`,e.style.left=`${h(l)}px`,e.style.height=`${s}px`,e.style.width=`${c}px`,null!==n){n.style.top=`${r}`;const o=n.getBoundingClientRect(),i=o.height,c=o.width,u=t.getBoundingClientRect();l+c>u.right&&(e.style.left=`${h(u.right-c)}px`),(r+i>window.innerHeight||r+i>u.bottom)&&r-u.top>i+s&&(e.style.top=`${C(r-i-s)}px`)}e.isConnected||(L(e,i),g.append(e)),e.setAttribute("id","typeahead-menu"),t.setAttribute("aria-controls","typeahead-menu")}},[s,o,u,i,g]);R(()=>{const t=s.getRootElement();return null!==o&&C(),()=>{null!==t&&t.removeAttribute("aria-controls");const e=y.current;null!==e&&e.isConnected&&(e.remove(),e.removeAttribute("id"))}},[s,C,o]);const b=v(t=>{null!==o&&(t||r(null))},[o,r]);return function(e,n,o,r){const[i]=t();R(()=>{if(null!=n&&null!=e){const t=i.getRootElement(),e=null!=t?S(t,!1):document.body;let c=!1,u=T(n,e);const s=function(){c||(window.requestAnimationFrame(function(){o(),c=!1}),c=!0);const t=T(n,e);t!==u&&(u=t,null!=r&&r(t))},a=new ResizeObserver(o),m=d(t??n);return a.observe(n),l(f(window,"resize",o),f(document,"scroll",s,{capture:!0,passive:!0}),...m.map(t=>f(t,"scroll",s,{capture:!0,passive:!0})),()=>a.unobserve(n))}},[n,i,r,o,e])}(o,y.current,C,b),null!=h&&h===y.current&&(L(h,i),null!=g&&g.append(h)),y}function V({options:e,nodeKey:n,onClose:l,onOpen:r,onSelectOption:i,menuRenderFn:c,anchorClassName:u,commandPriority:s=o,parent:a}){const[m]=t(),[p,d]=w(null),f=H(p,d,u,a),g=v(()=>{d(null),null!=l&&null!==p&&l()},[l,p]),h=v(t=>{d(t),null!=r&&null===p&&r(t)},[r,p]),y=v(()=>{n?m.update(()=>{const t=C(n),e=m.getElementByKey(n);null!=t&&null!=e&&null==p&&I(()=>h({getRect:()=>e.getBoundingClientRect()}))}):null==n&&null!=p&&g()},[g,m,n,h,p]);return R(()=>{y()},[y,n]),R(()=>{if(null!=n)return m.registerUpdateListener(({dirtyElements:t})=>{t.get(n)&&y()})},[m,y,n]),null===f.current||null===p||null===m?null:/*#__PURE__*/A(F,{close:g,resolution:p,editor:m,anchorElementRef:f,options:e,menuRenderFn:c,onSelectOption:i,commandPriority:s})}export{V as LexicalNodeMenuPlugin,D as MenuOption};
+import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{CAN_USE_DOM as e,getRootOwnerDocument as n,mergeRegister as l,COMMAND_PRIORITY_LOW as o,KEY_ARROW_DOWN_COMMAND as r,KEY_ARROW_UP_COMMAND as i,KEY_ESCAPE_COMMAND as c,KEY_TAB_COMMAND as u,KEY_ENTER_COMMAND as s,isDOMShadowRoot as a,isHTMLElement as m,getParentElement as p,getDOMShadowRoots as d,registerEventListener as f,$getSelection as g,$isRangeSelection as h,$getNodeByKey as y}from"lexical";import{useLayoutEffect as x,useEffect as b,useRef as C,useCallback as v,useState as R,useMemo as w,startTransition as E}from"react";import{SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND as I}from"@lexical/react/LexicalTypeaheadMenuPluginUtils";import{getScrollParent as S}from"@lexical/utils";import P from"react-dom";import{jsx as k,jsxs as A}from"react/jsx-runtime";export{MenuOption}from"@lexical/react/LexicalMenuOption";const O=e?x:b,D=t=>{const e=t.closest("#typeahead-menu");if(!e)return;const n=e.getBoundingClientRect();n.top+n.height>window.innerHeight&&e.scrollIntoView({block:"center"}),n.top<0&&e.scrollIntoView({block:"center"}),t.scrollIntoView({block:"nearest"})};function B(t,e){const n=t.getBoundingClientRect(),l=e.getBoundingClientRect();return n.top>=l.top-6&&n.top<=l.bottom+6}function N({index:t,isSelected:e,onClick:n,onMouseEnter:l,option:o}){let r="item";return e&&(r+=" selected"),/*#__PURE__*/A("li",{tabIndex:-1,className:r,ref:o.setRefElement,role:"option","aria-selected":e,id:"typeahead-item-"+t,onMouseEnter:l,onClick:n,children:[o.icon,/*#__PURE__*/k("span",{className:"text",children:o.title})]},o.key)}function T({close:t,editor:e,anchorElementRef:n,resolution:a,options:m,menuRenderFn:p,onSelectOption:d,shouldSplitNodeWithQuery:f=!1,commandPriority:y=o,preselectFirstItem:x=!0}){const[C,E]=R(null),S=null!==C?Math.min(m.length-1,C):null,A=a.match&&a.match.matchingString;b(()=>{x&&E(0)},[A,x]);const B=v(n=>{e.update(()=>{const e=null!=a.match&&f?function(t){const e=g();if(!h(e)||!e.isCollapsed())return null;const n=e.anchor;if("text"!==n.type)return null;const l=n.getNode();if(!l.isSimpleText())return null;const o=n.offset,r=l.getTextContent().slice(0,o),i=t.replaceableString.length,c=o-function(t,e,n){let l=n;for(let n=l;n<=e.length;n++)t.slice(-n)===e.substring(0,n)&&(l=n);return l}(r,t.matchingString,i);if(c<0)return null;let u;return 0===c?[u]=l.splitText(o):[,u]=l.splitText(c,o),u}(a.match):null;d(n,e,t,a.match?a.match.matchingString:"")})},[e,f,a.match,d,t]),T=v(t=>{const n=e.getRootElement();null!==n&&(n.setAttribute("aria-activedescendant","typeahead-item-"+t),E(t))},[e]),M=v(()=>n.current&&m.length?/*#__PURE__*/P.createPortal(/*#__PURE__*/k("div",{className:"typeahead-popover mentions-menu",children:/*#__PURE__*/k("ul",{children:m.map((t,e)=>/*#__PURE__*/k(N,{index:e,isSelected:S===e,onClick:()=>{E(e),B(t)},onMouseEnter:()=>{E(e)},option:t},t.key))})}),n.current):null,[n,m,S,B,E]);b(()=>()=>{const t=e.getRootElement();null!==t&&t.removeAttribute("aria-activedescendant")},[e]),O(()=>{null===m?E(null):null===S&&x&&T(0)},[m,S,T,x]);const $=null==p&&(null===m||!m.length);b(()=>l(e.registerCommand(I,({option:t})=>!(!t.ref||null==t.ref.current)&&(D(t.ref.current),!0),y)),[e,T,y]),b(()=>l(e.registerCommand(r,t=>{const n=t;if($)return!1;const l=null===S?0:S!==m.length-1?S+1:0;T(l);const o=m[l];return o?(o.ref&&o.ref.current&&e.dispatchCommand(I,{index:l,option:o}),n.preventDefault(),n.stopImmediatePropagation(),!0):(T(-1),n.preventDefault(),n.stopImmediatePropagation(),!0)},y),e.registerCommand(i,t=>{const e=t;if($)return!1;const n=null===S?m.length-1:0!==S?S-1:m.length-1;T(n);const l=m[n];return l?(l.ref&&l.ref.current&&D(l.ref.current),e.preventDefault(),e.stopImmediatePropagation(),!0):(T(-1),e.preventDefault(),e.stopImmediatePropagation(),!0)},y),e.registerCommand(c,e=>{const n=e;return!$&&(n.preventDefault(),n.stopImmediatePropagation(),t(),!0)},y),e.registerCommand(u,t=>{const e=t;return null!==m&&null!==S&&null!=m[S]&&(e.preventDefault(),e.stopImmediatePropagation(),B(m[S]),!0)},y),e.registerCommand(s,t=>!(null===m||null===S||null==m[S]||t&&t.shiftKey)&&(null!==t&&(t.preventDefault(),t.stopImmediatePropagation()),B(m[S]),!0),y)),[B,t,e,m,$,S,T,y]);const F=w(()=>({options:m,selectOptionAndCleanUp:B,selectedIndex:S,setHighlightedIndex:E}),[B,S,m]);return null!=p?p(n,F,a.match?a.match.matchingString:""):M()}function M(t,e){null!=e&&(t.className=e),t.setAttribute("aria-label","Typeahead menu"),t.setAttribute("role","listbox"),t.style.display="block",t.style.position="absolute"}function $(t){if("static"!==t.position)return!0;const e=t.willChange;return"none"!==t.transform||"none"!==t.perspective||"none"!==t.filter||"none"!==t.backdropFilter||t.contain.includes("paint")||t.contain.includes("layout")||t.contain.includes("strict")||t.contain.includes("content")||e.includes("transform")||e.includes("perspective")||e.includes("filter")||e.includes("contain")}function F(o,r,i,c,u=!0){const[s]=t(),g=c??function(t){if(!e)return;const n=t.getRootElement();if(null!==n){const t=n.getRootNode();return a(t)?t:n.ownerDocument.body}return document.body}(s),h=e?n(s.getRootElement()).createElement("div"):null,y=C(h),x=v(()=>{if(null===y.current||void 0===g)return;y.current.style.top=y.current.style.bottom;const t=s.getRootElement(),e=y.current,n=e.firstChild;if(null!==t&&null!==o){const{left:l,top:r,width:c,height:s}=o.getRect(),d=y.current.offsetHeight,f=function(t){const e=a(t)?t.host:t;for(let t=m(e)?e:null;null!==t;t=p(t)){const e=t.ownerDocument.defaultView;if(null===e)break;if($(e.getComputedStyle(t))){const e=t.getBoundingClientRect();return{left:e.left+t.clientLeft-t.scrollLeft,top:e.top+t.clientTop-t.scrollTop}}}return null}(g),h=t=>null!==f?t-f.left:t+window.pageXOffset,x=t=>null!==f?t-f.top:t+(u?window.pageYOffset:0);if(e.style.top=`${x(r+d+3)}px`,e.style.left=`${h(l)}px`,e.style.height=`${s}px`,e.style.width=`${c}px`,null!==n){n.style.top=`${r}`;const o=n.getBoundingClientRect(),i=o.height,c=o.width,u=t.getBoundingClientRect();l+c>u.right&&(e.style.left=`${h(u.right-c)}px`),(r+i>window.innerHeight||r+i>u.bottom)&&r-u.top>i+s&&(e.style.top=`${x(r-i-s)}px`)}e.isConnected||(M(e,i),g.append(e)),e.setAttribute("id","typeahead-menu"),t.setAttribute("aria-controls","typeahead-menu")}},[s,o,u,i,g]);b(()=>{const t=s.getRootElement();return null!==o&&x(),()=>{null!==t&&t.removeAttribute("aria-controls");const e=y.current;null!==e&&e.isConnected&&(e.remove(),e.removeAttribute("id"))}},[s,x,o]);const R=v(t=>{null!==o&&(t||r(null))},[o,r]);return function(e,n,o,r){const[i]=t();b(()=>{if(null!=n&&null!=e){const t=i.getRootElement(),e=null!=t?S(t,!1):document.body;let c=!1,u=B(n,e);const s=function(){c||(window.requestAnimationFrame(function(){o(),c=!1}),c=!0);const t=B(n,e);t!==u&&(u=t,null!=r&&r(t))},a=new ResizeObserver(o),m=d(t??n);return a.observe(n),l(f(window,"resize",o),f(document,"scroll",s,{capture:!0,passive:!0}),...m.map(t=>f(t,"scroll",s,{capture:!0,passive:!0})),()=>a.unobserve(n))}},[n,i,r,o,e])}(o,y.current,x,R),null!=h&&h===y.current&&(M(h,i),null!=g&&g.append(h)),y}function L({options:e,nodeKey:n,onClose:l,onOpen:r,onSelectOption:i,menuRenderFn:c,anchorClassName:u,commandPriority:s=o,parent:a}){const[m]=t(),[p,d]=R(null),f=F(p,d,u,a),g=v(()=>{d(null),null!=l&&null!==p&&l()},[l,p]),h=v(t=>{d(t),null!=r&&null===p&&r(t)},[r,p]),x=v(()=>{n?m.update(()=>{const t=y(n),e=m.getElementByKey(n);null!=t&&null!=e&&null==p&&E(()=>h({getRect:()=>e.getBoundingClientRect()}))}):null==n&&null!=p&&g()},[g,m,n,h,p]);return b(()=>{x()},[x,n]),b(()=>{if(null!=n)return m.registerUpdateListener(({dirtyElements:t})=>{t.get(n)&&x()})},[m,x,n]),null===f.current||null===p||null===m?null:/*#__PURE__*/k(T,{close:g,resolution:p,editor:m,anchorElementRef:f,options:e,menuRenderFn:c,onSelectOption:i,commandPriority:s})}export{L as LexicalNodeMenuPlugin};

package/dist/LexicalTypeaheadMenuPlugin.d.ts

@@ -5,43 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { getScrollParent as getScrollParent_ } from '@lexical/utils';
-import { type CommandListenerPriority, type LexicalCommand, type TextNode } from 'lexical';
+import { type CommandListenerPriority, type TextNode } from 'lexical';
 import { type JSX } from 'react';
 import { MenuOption, type MenuRenderFn, type MenuResolution, type MenuTextMatch, type TriggerFn } from './shared/LexicalMenu';
-/**
- * The default set of punctuation characters (as a character-class fragment)
- * that terminate a typeahead query. Used as the default `punctuation` option of
- * {@link useBasicTypeaheadTriggerMatch}.
- */
-export declare const PUNCTUATION = "\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";
 export { useDynamicPositioning } from './shared/LexicalMenu';
-/** @deprecated Moved to `@lexical/utils`. Import `getScrollParent` from there. */
-export declare const getScrollParent: typeof getScrollParent_;
-/**
- * Command dispatched while the typeahead menu is open to scroll the option at
- * the given `index` into view. The default menu renderer listens for it; custom
- * {@link MenuRenderFn}s can handle it to implement their own scrolling.
- */
-export declare const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND: LexicalCommand<{
-    index: number;
-    option: MenuOption;
-}>;
-/**
- * Builds a {@link TriggerFn} for the common case of a single-character
- * `trigger` (such as `@` or `#`) followed by a query. The returned function
- * matches when the trigger is preceded by whitespace or the start of the line
- * and is followed by between `minLength` and `maxLength` non-`punctuation`
- * characters (optionally allowing whitespace).
- *
- * @returns A memoized trigger function for {@link LexicalTypeaheadMenuPlugin}.
- */
-export declare function useBasicTypeaheadTriggerMatch(trigger: string, { minLength, maxLength, punctuation, allowWhitespace, }: {
-    minLength?: number;
-    maxLength?: number;
-    punctuation?: string;
-    allowWhitespace?: boolean;
-}): TriggerFn;
+export { getScrollParent, PUNCTUATION, SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, useBasicTypeaheadTriggerMatch, } from '@lexical/react/LexicalTypeaheadMenuPluginUtils';
 /**
  * Props for the {@link LexicalTypeaheadMenuPlugin} component.
  */

package/dist/LexicalTypeaheadMenuPlugin.dev.js

@@ -9,11 +9,13 @@
 'use strict';
 
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var utils = require('@lexical/utils');
 var lexical = require('lexical');
 var react = require('react');
+var LexicalTypeaheadMenuPluginUtils = require('@lexical/react/LexicalTypeaheadMenuPluginUtils');
+var utils = require('@lexical/utils');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
+var LexicalMenuOption = require('@lexical/react/LexicalMenuOption');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -37,30 +39,6 @@ const useLayoutEffectImpl = lexical.CAN_USE_DOM ? react.useLayoutEffect : react.
  *
  */
 
-/**
- * The base class for an item shown in a {@link LexicalTypeaheadMenuPlugin} or
- * {@link LexicalNodeMenuPlugin} menu. Each option has a unique `key` and a `ref`
- * to its rendered element (used for scrolling and keyboard navigation).
- * Subclass it to attach your own data such as a label or callback.
- */
-class MenuOption {
-  key;
-  ref;
-  icon;
-  title;
-  constructor(key) {
-    this.key = key;
-    this.ref = {
-      current: null
-    };
-    this.setRefElement = this.setRefElement.bind(this);
-  }
-  setRefElement(element) {
-    this.ref = {
-      current: element
-    };
-  }
-}
 
 /**
  * A render function for a menu's contents. It receives the anchor element ref,
@@ -202,7 +180,6 @@ function useDynamicPositioning(resolution, targetElement, onReposition, onVisibi
     }
   }, [targetElement, editor, onVisibilityChange, onReposition, resolution]);
 }
-const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND$1 = /* @__PURE__ */lexical.createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
 function MenuItem({
   index,
   isSelected,
@@ -306,7 +283,7 @@ function LexicalMenu({
   // has to be able to arrow through and dismiss.
   const rendersNothing = menuRenderFnProp == null && (options === null || !options.length);
   react.useEffect(() => {
-    return lexical.mergeRegister(editor.registerCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND$1, ({
+    return lexical.mergeRegister(editor.registerCommand(LexicalTypeaheadMenuPluginUtils.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, ({
       option
     }) => {
       if (option.ref && option.ref.current != null) {
@@ -335,7 +312,7 @@ function LexicalMenu({
         return true;
       }
       if (option.ref && option.ref.current) {
-        editor.dispatchCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND$1, {
+        editor.dispatchCommand(LexicalTypeaheadMenuPluginUtils.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, {
           index: newSelectedIndex,
           option
         });
@@ -598,7 +575,6 @@ function useMenuAnchorRef(resolution, setResolution, className, parent, shouldIn
  *
  */
 
-const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
 function getTextUpToAnchor(selection) {
   const anchor = selection.anchor;
   if (anchor.type !== 'text') {
@@ -657,50 +633,6 @@ function isSelectionOnEntityBoundary(editor, offset) {
     return false;
   });
 }
-/** @deprecated Moved to `@lexical/utils`. Import `getScrollParent` from there. */
-const getScrollParent = utils.getScrollParent;
-
-/**
- * Command dispatched while the typeahead menu is open to scroll the option at
- * the given `index` into view. The default menu renderer listens for it; custom
- * {@link MenuRenderFn}s can handle it to implement their own scrolling.
- */
-const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = /* @__PURE__ */lexical.createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
-
-/**
- * Builds a {@link TriggerFn} for the common case of a single-character
- * `trigger` (such as `@` or `#`) followed by a query. The returned function
- * matches when the trigger is preceded by whitespace or the start of the line
- * and is followed by between `minLength` and `maxLength` non-`punctuation`
- * characters (optionally allowing whitespace).
- *
- * @returns A memoized trigger function for {@link LexicalTypeaheadMenuPlugin}.
- */
-function useBasicTypeaheadTriggerMatch(trigger, {
-  minLength = 1,
-  maxLength = 75,
-  punctuation = PUNCTUATION,
-  allowWhitespace = false
-}) {
-  return react.useCallback(text => {
-    const validCharsSuffix = allowWhitespace ? '' : '\\s';
-    const validChars = '[^' + trigger + punctuation + validCharsSuffix + ']';
-    const TypeaheadTriggerRegex = new RegExp('(^|\\s|\\()(' + '[' + trigger + ']' + '((?:' + validChars + '){0,' + maxLength + '})' + ')$');
-    const match = TypeaheadTriggerRegex.exec(text);
-    if (match !== null) {
-      const maybeLeadingWhitespace = match[1];
-      const matchingString = match[3];
-      if (matchingString.length >= minLength) {
-        return {
-          leadOffset: match.index + maybeLeadingWhitespace.length,
-          matchingString,
-          replaceableString: match[2]
-        };
-      }
-    }
-    return null;
-  }, [allowWhitespace, trigger, punctuation, maxLength, minLength]);
-}
 
 /**
  * Props for the {@link LexicalTypeaheadMenuPlugin} component.
@@ -816,10 +748,10 @@ function LexicalTypeaheadMenuPlugin({
   });
 }
 
+exports.PUNCTUATION = LexicalTypeaheadMenuPluginUtils.PUNCTUATION;
+exports.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = LexicalTypeaheadMenuPluginUtils.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND;
+exports.getScrollParent = LexicalTypeaheadMenuPluginUtils.getScrollParent;
+exports.useBasicTypeaheadTriggerMatch = LexicalTypeaheadMenuPluginUtils.useBasicTypeaheadTriggerMatch;
+exports.MenuOption = LexicalMenuOption.MenuOption;
 exports.LexicalTypeaheadMenuPlugin = LexicalTypeaheadMenuPlugin;
-exports.MenuOption = MenuOption;
-exports.PUNCTUATION = PUNCTUATION;
-exports.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND;
-exports.getScrollParent = getScrollParent;
-exports.useBasicTypeaheadTriggerMatch = useBasicTypeaheadTriggerMatch;
 exports.useDynamicPositioning = useDynamicPositioning;

package/dist/LexicalTypeaheadMenuPlugin.dev.mjs

@@ -7,11 +7,14 @@
  */
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { getScrollParent as getScrollParent$1 } from '@lexical/utils';
-import { CAN_USE_DOM, getDOMShadowRoots, mergeRegister, registerEventListener, getRootOwnerDocument, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, isDOMShadowRoot, isHTMLElement, getParentElement, $getSelection, $isRangeSelection, createCommand, $isTextNode, getDOMSelection, getDOMSelectionPoints } from 'lexical';
+import { CAN_USE_DOM, getDOMShadowRoots, mergeRegister, registerEventListener, getRootOwnerDocument, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, KEY_ENTER_COMMAND, isDOMShadowRoot, isHTMLElement, getParentElement, $getSelection, $isRangeSelection, $isTextNode, getDOMSelection, getDOMSelectionPoints } from 'lexical';
 import { useLayoutEffect, useEffect, useRef, useCallback, useState, useMemo, startTransition } from 'react';
+import { SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND } from '@lexical/react/LexicalTypeaheadMenuPluginUtils';
+export { PUNCTUATION, SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, getScrollParent, useBasicTypeaheadTriggerMatch } from '@lexical/react/LexicalTypeaheadMenuPluginUtils';
+import { getScrollParent } from '@lexical/utils';
 import ReactDOM from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
+export { MenuOption } from '@lexical/react/LexicalMenuOption';
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -35,30 +38,6 @@ const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
  *
  */
 
-/**
- * The base class for an item shown in a {@link LexicalTypeaheadMenuPlugin} or
- * {@link LexicalNodeMenuPlugin} menu. Each option has a unique `key` and a `ref`
- * to its rendered element (used for scrolling and keyboard navigation).
- * Subclass it to attach your own data such as a label or callback.
- */
-class MenuOption {
-  key;
-  ref;
-  icon;
-  title;
-  constructor(key) {
-    this.key = key;
-    this.ref = {
-      current: null
-    };
-    this.setRefElement = this.setRefElement.bind(this);
-  }
-  setRefElement(element) {
-    this.ref = {
-      current: element
-    };
-  }
-}
 
 /**
  * A render function for a menu's contents. It receives the anchor element ref,
@@ -157,7 +136,7 @@ function useDynamicPositioning(resolution, targetElement, onReposition, onVisibi
   useEffect(() => {
     if (targetElement != null && resolution != null) {
       const rootElement = editor.getRootElement();
-      const rootScrollParent = rootElement != null ? getScrollParent$1(rootElement, false) :
+      const rootScrollParent = rootElement != null ? getScrollParent(rootElement, false) :
       // eslint-disable-next-line no-restricted-syntax
       document.body;
       let ticking = false;
@@ -200,7 +179,6 @@ function useDynamicPositioning(resolution, targetElement, onReposition, onVisibi
     }
   }, [targetElement, editor, onVisibilityChange, onReposition, resolution]);
 }
-const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND$1 = /* @__PURE__ */createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
 function MenuItem({
   index,
   isSelected,
@@ -304,7 +282,7 @@ function LexicalMenu({
   // has to be able to arrow through and dismiss.
   const rendersNothing = menuRenderFnProp == null && (options === null || !options.length);
   useEffect(() => {
-    return mergeRegister(editor.registerCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND$1, ({
+    return mergeRegister(editor.registerCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, ({
       option
     }) => {
       if (option.ref && option.ref.current != null) {
@@ -333,7 +311,7 @@ function LexicalMenu({
         return true;
       }
       if (option.ref && option.ref.current) {
-        editor.dispatchCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND$1, {
+        editor.dispatchCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, {
           index: newSelectedIndex,
           option
         });
@@ -596,7 +574,6 @@ function useMenuAnchorRef(resolution, setResolution, className, parent, shouldIn
  *
  */
 
-const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
 function getTextUpToAnchor(selection) {
   const anchor = selection.anchor;
   if (anchor.type !== 'text') {
@@ -655,50 +632,6 @@ function isSelectionOnEntityBoundary(editor, offset) {
     return false;
   });
 }
-/** @deprecated Moved to `@lexical/utils`. Import `getScrollParent` from there. */
-const getScrollParent = getScrollParent$1;
-
-/**
- * Command dispatched while the typeahead menu is open to scroll the option at
- * the given `index` into view. The default menu renderer listens for it; custom
- * {@link MenuRenderFn}s can handle it to implement their own scrolling.
- */
-const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = /* @__PURE__ */createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
-
-/**
- * Builds a {@link TriggerFn} for the common case of a single-character
- * `trigger` (such as `@` or `#`) followed by a query. The returned function
- * matches when the trigger is preceded by whitespace or the start of the line
- * and is followed by between `minLength` and `maxLength` non-`punctuation`
- * characters (optionally allowing whitespace).
- *
- * @returns A memoized trigger function for {@link LexicalTypeaheadMenuPlugin}.
- */
-function useBasicTypeaheadTriggerMatch(trigger, {
-  minLength = 1,
-  maxLength = 75,
-  punctuation = PUNCTUATION,
-  allowWhitespace = false
-}) {
-  return useCallback(text => {
-    const validCharsSuffix = allowWhitespace ? '' : '\\s';
-    const validChars = '[^' + trigger + punctuation + validCharsSuffix + ']';
-    const TypeaheadTriggerRegex = new RegExp('(^|\\s|\\()(' + '[' + trigger + ']' + '((?:' + validChars + '){0,' + maxLength + '})' + ')$');
-    const match = TypeaheadTriggerRegex.exec(text);
-    if (match !== null) {
-      const maybeLeadingWhitespace = match[1];
-      const matchingString = match[3];
-      if (matchingString.length >= minLength) {
-        return {
-          leadOffset: match.index + maybeLeadingWhitespace.length,
-          matchingString,
-          replaceableString: match[2]
-        };
-      }
-    }
-    return null;
-  }, [allowWhitespace, trigger, punctuation, maxLength, minLength]);
-}
 
 /**
  * Props for the {@link LexicalTypeaheadMenuPlugin} component.
@@ -814,4 +747,4 @@ function LexicalTypeaheadMenuPlugin({
   });
 }
 
-export { LexicalTypeaheadMenuPlugin, MenuOption, PUNCTUATION, SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, getScrollParent, useBasicTypeaheadTriggerMatch, useDynamicPositioning };
+export { LexicalTypeaheadMenuPlugin, useDynamicPositioning };

package/dist/LexicalTypeaheadMenuPlugin.prod.js

@@ -6,4 +6,4 @@
  *
  */
 
-"use strict";var e=require("@lexical/react/LexicalComposerContext"),t=require("@lexical/utils"),n=require("lexical"),l=require("react"),o=require("react-dom"),r=require("react/jsx-runtime");const i=n.CAN_USE_DOM?l.useLayoutEffect:l.useEffect;const s=e=>{const t=e.closest("#typeahead-menu");if(!t)return;const n=t.getBoundingClientRect();n.top+n.height>window.innerHeight&&t.scrollIntoView({block:"center"}),n.top<0&&t.scrollIntoView({block:"center"}),e.scrollIntoView({block:"nearest"})};function c(e,t){const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();return n.top>=l.top-6&&n.top<=l.bottom+6}function u(o,r,i,s){const[u]=e.useLexicalComposerContext();l.useEffect(()=>{if(null!=r&&null!=o){const e=u.getRootElement(),l=null!=e?t.getScrollParent(e,!1):document.body;let o=!1,a=c(r,l);const d=function(){o||(window.requestAnimationFrame(function(){i(),o=!1}),o=!0);const e=c(r,l);e!==a&&(a=e,null!=s&&s(e))},f=new ResizeObserver(i),m=n.getDOMShadowRoots(e??r);return f.observe(r),n.mergeRegister(n.registerEventListener(window,"resize",i),n.registerEventListener(document,"scroll",d,{capture:!0,passive:!0}),...m.map(e=>n.registerEventListener(e,"scroll",d,{capture:!0,passive:!0})),()=>f.unobserve(r))}},[r,u,s,i,o])}const a=/* @__PURE__ */n.createCommand("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");function d({index:e,isSelected:t,onClick:n,onMouseEnter:l,option:o}){let i="item";return t&&(i+=" selected"),/*#__PURE__*/r.jsxs("li",{tabIndex:-1,className:i,ref:o.setRefElement,role:"option","aria-selected":t,id:"typeahead-item-"+e,onMouseEnter:l,onClick:n,children:[o.icon,/*#__PURE__*/r.jsx("span",{className:"text",children:o.title})]},o.key)}function f({close:e,editor:t,anchorElementRef:c,resolution:u,options:f,menuRenderFn:m,onSelectOption:p,shouldSplitNodeWithQuery:g=!1,commandPriority:h=n.COMMAND_PRIORITY_LOW,preselectFirstItem:C=!0}){const[E,x]=l.useState(null),R=null!==E?Math.min(f.length-1,E):null,O=u.match&&u.match.matchingString;l.useEffect(()=>{C&&x(0)},[O,C]);const y=l.useCallback(l=>{t.update(()=>{const t=null!=u.match&&g?function(e){const t=n.$getSelection();if(!n.$isRangeSelection(t)||!t.isCollapsed())return null;const l=t.anchor;if("text"!==l.type)return null;const o=l.getNode();if(!o.isSimpleText())return null;const r=l.offset,i=o.getTextContent().slice(0,r),s=e.replaceableString.length,c=r-function(e,t,n){let l=n;for(let n=l;n<=t.length;n++)e.slice(-n)===t.substring(0,n)&&(l=n);return l}(i,e.matchingString,s);if(c<0)return null;let u;return 0===c?[u]=o.splitText(r):[,u]=o.splitText(c,r),u}(u.match):null;p(l,t,e,u.match?u.match.matchingString:"")})},[t,g,u.match,p,e]),S=l.useCallback(e=>{const n=t.getRootElement();null!==n&&(n.setAttribute("aria-activedescendant","typeahead-item-"+e),x(e))},[t]),b=l.useCallback(()=>c.current&&f.length?/*#__PURE__*/o.createPortal(/*#__PURE__*/r.jsx("div",{className:"typeahead-popover mentions-menu",children:/*#__PURE__*/r.jsx("ul",{children:f.map((e,t)=>/*#__PURE__*/r.jsx(d,{index:t,isSelected:R===t,onClick:()=>{x(t),y(e)},onMouseEnter:()=>{x(t)},option:e},e.key))})}),c.current):null,[c,f,R,y,x]);l.useEffect(()=>()=>{const e=t.getRootElement();null!==e&&e.removeAttribute("aria-activedescendant")},[t]),i(()=>{null===f?x(null):null===R&&C&&S(0)},[f,R,S,C]);const _=null==m&&(null===f||!f.length);l.useEffect(()=>n.mergeRegister(t.registerCommand(a,({option:e})=>!(!e.ref||null==e.ref.current)&&(s(e.ref.current),!0),h)),[t,S,h]),l.useEffect(()=>n.mergeRegister(t.registerCommand(n.KEY_ARROW_DOWN_COMMAND,e=>{const n=e;if(_)return!1;const l=null===R?0:R!==f.length-1?R+1:0;S(l);const o=f[l];return o?(o.ref&&o.ref.current&&t.dispatchCommand(a,{index:l,option:o}),n.preventDefault(),n.stopImmediatePropagation(),!0):(S(-1),n.preventDefault(),n.stopImmediatePropagation(),!0)},h),t.registerCommand(n.KEY_ARROW_UP_COMMAND,e=>{const t=e;if(_)return!1;const n=null===R?f.length-1:0!==R?R-1:f.length-1;S(n);const l=f[n];return l?(l.ref&&l.ref.current&&s(l.ref.current),t.preventDefault(),t.stopImmediatePropagation(),!0):(S(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),t.registerCommand(n.KEY_ESCAPE_COMMAND,t=>{const n=t;return!_&&(n.preventDefault(),n.stopImmediatePropagation(),e(),!0)},h),t.registerCommand(n.KEY_TAB_COMMAND,e=>{const t=e;return null!==f&&null!==R&&null!=f[R]&&(t.preventDefault(),t.stopImmediatePropagation(),y(f[R]),!0)},h),t.registerCommand(n.KEY_ENTER_COMMAND,e=>!(null===f||null===R||null==f[R]||e&&e.shiftKey)&&(null!==e&&(e.preventDefault(),e.stopImmediatePropagation()),y(f[R]),!0),h)),[y,e,t,f,_,R,S,h]);const M=l.useMemo(()=>({options:f,selectOptionAndCleanUp:y,selectedIndex:R,setHighlightedIndex:x}),[y,R,f]);return null!=m?m(c,M,u.match?u.match.matchingString:""):b()}function m(e,t){null!=t&&(e.className=t),e.setAttribute("aria-label","Typeahead menu"),e.setAttribute("role","listbox"),e.style.display="block",e.style.position="absolute"}function p(e){if("static"!==e.position)return!0;const t=e.willChange;return"none"!==e.transform||"none"!==e.perspective||"none"!==e.filter||"none"!==e.backdropFilter||e.contain.includes("paint")||e.contain.includes("layout")||e.contain.includes("strict")||e.contain.includes("content")||t.includes("transform")||t.includes("perspective")||t.includes("filter")||t.includes("contain")}function g(t,o,r,i,s=!0){const[c]=e.useLexicalComposerContext(),a=i??function(e){if(!n.CAN_USE_DOM)return;const t=e.getRootElement();if(null!==t){const e=t.getRootNode();return n.isDOMShadowRoot(e)?e:t.ownerDocument.body}return document.body}(c),d=n.CAN_USE_DOM?n.getRootOwnerDocument(c.getRootElement()).createElement("div"):null,f=l.useRef(d),g=l.useCallback(()=>{if(null===f.current||void 0===a)return;f.current.style.top=f.current.style.bottom;const e=c.getRootElement(),l=f.current,o=l.firstChild;if(null!==e&&null!==t){const{left:i,top:c,width:u,height:d}=t.getRect(),g=f.current.offsetHeight,h=function(e){const t=n.isDOMShadowRoot(e)?e.host:e;for(let e=n.isHTMLElement(t)?t:null;null!==e;e=n.getParentElement(e)){const t=e.ownerDocument.defaultView;if(null===t)break;if(p(t.getComputedStyle(e))){const t=e.getBoundingClientRect();return{left:t.left+e.clientLeft-e.scrollLeft,top:t.top+e.clientTop-e.scrollTop}}}return null}(a),C=e=>null!==h?e-h.left:e+window.pageXOffset,E=e=>null!==h?e-h.top:e+(s?window.pageYOffset:0);if(l.style.top=`${E(c+g+3)}px`,l.style.left=`${C(i)}px`,l.style.height=`${d}px`,l.style.width=`${u}px`,null!==o){o.style.top=`${c}`;const t=o.getBoundingClientRect(),n=t.height,r=t.width,s=e.getBoundingClientRect();i+r>s.right&&(l.style.left=`${C(s.right-r)}px`),(c+n>window.innerHeight||c+n>s.bottom)&&c-s.top>n+d&&(l.style.top=`${E(c-n-d)}px`)}l.isConnected||(m(l,r),a.append(l)),l.setAttribute("id","typeahead-menu"),e.setAttribute("aria-controls","typeahead-menu")}},[c,t,s,r,a]);l.useEffect(()=>{const e=c.getRootElement();return null!==t&&g(),()=>{null!==e&&e.removeAttribute("aria-controls");const t=f.current;null!==t&&t.isConnected&&(t.remove(),t.removeAttribute("id"))}},[c,g,t]);const h=l.useCallback(e=>{null!==t&&(e||o(null))},[t,o]);return u(t,f.current,g,h),null!=d&&d===f.current&&(m(d,r),null!=a&&a.append(d)),f}const h="\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";const C=t.getScrollParent,E=/* @__PURE__ */n.createCommand("SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND");exports.LexicalTypeaheadMenuPlugin=function({options:t,onQueryChange:o,onSelectOption:i,onOpen:s,onClose:c,menuRenderFn:u,triggerFn:a,anchorClassName:d,commandPriority:m=n.COMMAND_PRIORITY_LOW,parent:p,preselectFirstItem:h=!0,ignoreEntityBoundary:C=!1}){const[E]=e.useLexicalComposerContext(),[x,R]=l.useState(null),O=g(x,R,d,p),y=l.useCallback(()=>{if(null===x)return;const e=()=>{R(null)};let t;try{t=c&&c()}finally{t?t.then(e,e):e()}},[c,x]),S=l.useCallback(e=>{R(e),null!=s&&null===x&&s(e)},[s,x]);return l.useEffect(()=>{const e=E.registerUpdateListener(()=>{E.read("latest",()=>{if(!E.isEditable())return void y();const e=()=>{E.isComposing()||y()},t=E._window||window,r=t.document.createRange(),i=n.$getSelection(),s=function(e){let t=null;return e.read("latest",()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(t=function(e){const t=e.anchor;if("text"!==t.type)return null;const n=t.getNode();if(!n.isSimpleText())return null;const l=t.offset;return n.getTextContent().slice(0,l)}(e))}),t}(E);if(!n.$isRangeSelection(i)||!i.isCollapsed()||null===s||null===r)return void e();const c=a(s,E);if(o(c?c.matchingString:null),null!==c&&(C||!function(e,t){return 0===t&&e.read("latest",()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.anchor.getNode().getPreviousSibling();return n.$isTextNode(t)&&t.isTextEntity()}return!1})}(E,c.leadOffset))){const e=function(e,t,l,o){const r=n.getDOMSelection(l);if(null===r||!r.isCollapsed)return!1;const i=n.getDOMSelectionPoints(r,o),s=i.anchorNode,c=e,u=i.anchorOffset;if(null==s||null==u)return!1;try{t.setStart(s,c),t.setEnd(s,u)}catch(e){return!1}return!0}(c.leadOffset,r,t,E.getRootElement());if(null!==e)return void l.startTransition(()=>S({getRect:()=>r.getBoundingClientRect(),match:c}))}e()})});return()=>{e()}},[E,a,o,x,y,S,C]),l.useEffect(()=>E.registerEditableListener(e=>{e||y()}),[E,y]),null===x||null===E||null===O.current?null:/*#__PURE__*/r.jsx(f,{close:y,resolution:x,editor:E,anchorElementRef:O,options:t,menuRenderFn:u,shouldSplitNodeWithQuery:!0,onSelectOption:i,commandPriority:m,preselectFirstItem:h})},exports.MenuOption=class{key;ref;icon;title;constructor(e){this.key=e,this.ref={current:null},this.setRefElement=this.setRefElement.bind(this)}setRefElement(e){this.ref={current:e}}},exports.PUNCTUATION=h,exports.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND=E,exports.getScrollParent=C,exports.useBasicTypeaheadTriggerMatch=function(e,{minLength:t=1,maxLength:n=75,punctuation:o=h,allowWhitespace:r=!1}){return l.useCallback(l=>{const i=new RegExp("(^|\\s|\\()(["+e+"]((?:"+("[^"+e+o+(r?"":"\\s")+"]")+"){0,"+n+"}))$").exec(l);if(null!==i){const e=i[1],n=i[3];if(n.length>=t)return{leadOffset:i.index+e.length,matchingString:n,replaceableString:i[2]}}return null},[r,e,o,n,t])},exports.useDynamicPositioning=u;
+"use strict";var e=require("@lexical/react/LexicalComposerContext"),t=require("lexical"),n=require("react"),l=require("@lexical/react/LexicalTypeaheadMenuPluginUtils"),o=require("@lexical/utils"),r=require("react-dom"),i=require("react/jsx-runtime"),s=require("@lexical/react/LexicalMenuOption");const c=t.CAN_USE_DOM?n.useLayoutEffect:n.useEffect,u=e=>{const t=e.closest("#typeahead-menu");if(!t)return;const n=t.getBoundingClientRect();n.top+n.height>window.innerHeight&&t.scrollIntoView({block:"center"}),n.top<0&&t.scrollIntoView({block:"center"}),e.scrollIntoView({block:"nearest"})};function a(e,t){const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();return n.top>=l.top-6&&n.top<=l.bottom+6}function d(l,r,i,s){const[c]=e.useLexicalComposerContext();n.useEffect(()=>{if(null!=r&&null!=l){const e=c.getRootElement(),n=null!=e?o.getScrollParent(e,!1):document.body;let l=!1,u=a(r,n);const d=function(){l||(window.requestAnimationFrame(function(){i(),l=!1}),l=!0);const e=a(r,n);e!==u&&(u=e,null!=s&&s(e))},p=new ResizeObserver(i),g=t.getDOMShadowRoots(e??r);return p.observe(r),t.mergeRegister(t.registerEventListener(window,"resize",i),t.registerEventListener(document,"scroll",d,{capture:!0,passive:!0}),...g.map(e=>t.registerEventListener(e,"scroll",d,{capture:!0,passive:!0})),()=>p.unobserve(r))}},[r,c,s,i,l])}function p({index:e,isSelected:t,onClick:n,onMouseEnter:l,option:o}){let r="item";return t&&(r+=" selected"),/*#__PURE__*/i.jsxs("li",{tabIndex:-1,className:r,ref:o.setRefElement,role:"option","aria-selected":t,id:"typeahead-item-"+e,onMouseEnter:l,onClick:n,children:[o.icon,/*#__PURE__*/i.jsx("span",{className:"text",children:o.title})]},o.key)}function g({close:e,editor:o,anchorElementRef:s,resolution:a,options:d,menuRenderFn:g,onSelectOption:m,shouldSplitNodeWithQuery:f=!1,commandPriority:h=t.COMMAND_PRIORITY_LOW,preselectFirstItem:C=!0}){const[E,O]=n.useState(null),x=null!==E?Math.min(d.length-1,E):null,R=a.match&&a.match.matchingString;n.useEffect(()=>{C&&O(0)},[R,C]);const y=n.useCallback(n=>{o.update(()=>{const l=null!=a.match&&f?function(e){const n=t.$getSelection();if(!t.$isRangeSelection(n)||!n.isCollapsed())return null;const l=n.anchor;if("text"!==l.type)return null;const o=l.getNode();if(!o.isSimpleText())return null;const r=l.offset,i=o.getTextContent().slice(0,r),s=e.replaceableString.length,c=r-function(e,t,n){let l=n;for(let n=l;n<=t.length;n++)e.slice(-n)===t.substring(0,n)&&(l=n);return l}(i,e.matchingString,s);if(c<0)return null;let u;return 0===c?[u]=o.splitText(r):[,u]=o.splitText(c,r),u}(a.match):null;m(n,l,e,a.match?a.match.matchingString:"")})},[o,f,a.match,m,e]),S=n.useCallback(e=>{const t=o.getRootElement();null!==t&&(t.setAttribute("aria-activedescendant","typeahead-item-"+e),O(e))},[o]),M=n.useCallback(()=>s.current&&d.length?/*#__PURE__*/r.createPortal(/*#__PURE__*/i.jsx("div",{className:"typeahead-popover mentions-menu",children:/*#__PURE__*/i.jsx("ul",{children:d.map((e,t)=>/*#__PURE__*/i.jsx(p,{index:t,isSelected:x===t,onClick:()=>{O(t),y(e)},onMouseEnter:()=>{O(t)},option:e},e.key))})}),s.current):null,[s,d,x,y,O]);n.useEffect(()=>()=>{const e=o.getRootElement();null!==e&&e.removeAttribute("aria-activedescendant")},[o]),c(()=>{null===d?O(null):null===x&&C&&S(0)},[d,x,S,C]);const _=null==g&&(null===d||!d.length);n.useEffect(()=>t.mergeRegister(o.registerCommand(l.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND,({option:e})=>!(!e.ref||null==e.ref.current)&&(u(e.ref.current),!0),h)),[o,S,h]),n.useEffect(()=>t.mergeRegister(o.registerCommand(t.KEY_ARROW_DOWN_COMMAND,e=>{const t=e;if(_)return!1;const n=null===x?0:x!==d.length-1?x+1:0;S(n);const r=d[n];return r?(r.ref&&r.ref.current&&o.dispatchCommand(l.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND,{index:n,option:r}),t.preventDefault(),t.stopImmediatePropagation(),!0):(S(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),o.registerCommand(t.KEY_ARROW_UP_COMMAND,e=>{const t=e;if(_)return!1;const n=null===x?d.length-1:0!==x?x-1:d.length-1;S(n);const l=d[n];return l?(l.ref&&l.ref.current&&u(l.ref.current),t.preventDefault(),t.stopImmediatePropagation(),!0):(S(-1),t.preventDefault(),t.stopImmediatePropagation(),!0)},h),o.registerCommand(t.KEY_ESCAPE_COMMAND,t=>{const n=t;return!_&&(n.preventDefault(),n.stopImmediatePropagation(),e(),!0)},h),o.registerCommand(t.KEY_TAB_COMMAND,e=>{const t=e;return null!==d&&null!==x&&null!=d[x]&&(t.preventDefault(),t.stopImmediatePropagation(),y(d[x]),!0)},h),o.registerCommand(t.KEY_ENTER_COMMAND,e=>!(null===d||null===x||null==d[x]||e&&e.shiftKey)&&(null!==e&&(e.preventDefault(),e.stopImmediatePropagation()),y(d[x]),!0),h)),[y,e,o,d,_,x,S,h]);const N=n.useMemo(()=>({options:d,selectOptionAndCleanUp:y,selectedIndex:x,setHighlightedIndex:O}),[y,x,d]);return null!=g?g(s,N,a.match?a.match.matchingString:""):M()}function m(e,t){null!=t&&(e.className=t),e.setAttribute("aria-label","Typeahead menu"),e.setAttribute("role","listbox"),e.style.display="block",e.style.position="absolute"}function f(e){if("static"!==e.position)return!0;const t=e.willChange;return"none"!==e.transform||"none"!==e.perspective||"none"!==e.filter||"none"!==e.backdropFilter||e.contain.includes("paint")||e.contain.includes("layout")||e.contain.includes("strict")||e.contain.includes("content")||t.includes("transform")||t.includes("perspective")||t.includes("filter")||t.includes("contain")}function h(l,o,r,i,s=!0){const[c]=e.useLexicalComposerContext(),u=i??function(e){if(!t.CAN_USE_DOM)return;const n=e.getRootElement();if(null!==n){const e=n.getRootNode();return t.isDOMShadowRoot(e)?e:n.ownerDocument.body}return document.body}(c),a=t.CAN_USE_DOM?t.getRootOwnerDocument(c.getRootElement()).createElement("div"):null,p=n.useRef(a),g=n.useCallback(()=>{if(null===p.current||void 0===u)return;p.current.style.top=p.current.style.bottom;const e=c.getRootElement(),n=p.current,o=n.firstChild;if(null!==e&&null!==l){const{left:i,top:c,width:a,height:d}=l.getRect(),g=p.current.offsetHeight,h=function(e){const n=t.isDOMShadowRoot(e)?e.host:e;for(let e=t.isHTMLElement(n)?n:null;null!==e;e=t.getParentElement(e)){const t=e.ownerDocument.defaultView;if(null===t)break;if(f(t.getComputedStyle(e))){const t=e.getBoundingClientRect();return{left:t.left+e.clientLeft-e.scrollLeft,top:t.top+e.clientTop-e.scrollTop}}}return null}(u),C=e=>null!==h?e-h.left:e+window.pageXOffset,E=e=>null!==h?e-h.top:e+(s?window.pageYOffset:0);if(n.style.top=`${E(c+g+3)}px`,n.style.left=`${C(i)}px`,n.style.height=`${d}px`,n.style.width=`${a}px`,null!==o){o.style.top=`${c}`;const t=o.getBoundingClientRect(),l=t.height,r=t.width,s=e.getBoundingClientRect();i+r>s.right&&(n.style.left=`${C(s.right-r)}px`),(c+l>window.innerHeight||c+l>s.bottom)&&c-s.top>l+d&&(n.style.top=`${E(c-l-d)}px`)}n.isConnected||(m(n,r),u.append(n)),n.setAttribute("id","typeahead-menu"),e.setAttribute("aria-controls","typeahead-menu")}},[c,l,s,r,u]);n.useEffect(()=>{const e=c.getRootElement();return null!==l&&g(),()=>{null!==e&&e.removeAttribute("aria-controls");const t=p.current;null!==t&&t.isConnected&&(t.remove(),t.removeAttribute("id"))}},[c,g,l]);const h=n.useCallback(e=>{null!==l&&(e||o(null))},[l,o]);return d(l,p.current,g,h),null!=a&&a===p.current&&(m(a,r),null!=u&&u.append(a)),p}exports.PUNCTUATION=l.PUNCTUATION,exports.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND=l.SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND,exports.getScrollParent=l.getScrollParent,exports.useBasicTypeaheadTriggerMatch=l.useBasicTypeaheadTriggerMatch,exports.MenuOption=s.MenuOption,exports.LexicalTypeaheadMenuPlugin=function({options:l,onQueryChange:o,onSelectOption:r,onOpen:s,onClose:c,menuRenderFn:u,triggerFn:a,anchorClassName:d,commandPriority:p=t.COMMAND_PRIORITY_LOW,parent:m,preselectFirstItem:f=!0,ignoreEntityBoundary:C=!1}){const[E]=e.useLexicalComposerContext(),[O,x]=n.useState(null),R=h(O,x,d,m),y=n.useCallback(()=>{if(null===O)return;const e=()=>{x(null)};let t;try{t=c&&c()}finally{t?t.then(e,e):e()}},[c,O]),S=n.useCallback(e=>{x(e),null!=s&&null===O&&s(e)},[s,O]);return n.useEffect(()=>{const e=E.registerUpdateListener(()=>{E.read("latest",()=>{if(!E.isEditable())return void y();const e=()=>{E.isComposing()||y()},l=E._window||window,r=l.document.createRange(),i=t.$getSelection(),s=function(e){let n=null;return e.read("latest",()=>{const e=t.$getSelection();t.$isRangeSelection(e)&&(n=function(e){const t=e.anchor;if("text"!==t.type)return null;const n=t.getNode();if(!n.isSimpleText())return null;const l=t.offset;return n.getTextContent().slice(0,l)}(e))}),n}(E);if(!t.$isRangeSelection(i)||!i.isCollapsed()||null===s||null===r)return void e();const c=a(s,E);if(o(c?c.matchingString:null),null!==c&&(C||!function(e,n){return 0===n&&e.read("latest",()=>{const e=t.$getSelection();if(t.$isRangeSelection(e)){const n=e.anchor.getNode().getPreviousSibling();return t.$isTextNode(n)&&n.isTextEntity()}return!1})}(E,c.leadOffset))){const e=function(e,n,l,o){const r=t.getDOMSelection(l);if(null===r||!r.isCollapsed)return!1;const i=t.getDOMSelectionPoints(r,o),s=i.anchorNode,c=e,u=i.anchorOffset;if(null==s||null==u)return!1;try{n.setStart(s,c),n.setEnd(s,u)}catch(e){return!1}return!0}(c.leadOffset,r,l,E.getRootElement());if(null!==e)return void n.startTransition(()=>S({getRect:()=>r.getBoundingClientRect(),match:c}))}e()})});return()=>{e()}},[E,a,o,O,y,S,C]),n.useEffect(()=>E.registerEditableListener(e=>{e||y()}),[E,y]),null===O||null===E||null===R.current?null:/*#__PURE__*/i.jsx(g,{close:y,resolution:O,editor:E,anchorElementRef:R,options:l,menuRenderFn:u,shouldSplitNodeWithQuery:!0,onSelectOption:r,commandPriority:p,preselectFirstItem:f})},exports.useDynamicPositioning=d;