@lexical/react 0.3.8 → 0.3.11

package/LexicalTypeaheadMenuPlugin.dev.js

@@ -143,7 +143,7 @@ function getFullMatchOffset(documentText, entryText, offset) {
   return triggerOffset;
 }
 /**
- * Split Lexica TextNode and return a new TextNode only containing matched text.
+ * Split Lexical TextNode and return a new TextNode only containing matched text.
  * Common use cases include: removing the node, replacing with a new node.
  */
 
@@ -207,59 +207,27 @@ function isSelectionOnEntityBoundary(editor, offset) {
   });
 }
 
-function ShortcutTypeahead({
+function startTransition(callback) {
+  if (React.startTransition) {
+    React.startTransition(callback);
+  } else {
+    callback();
+  }
+}
+
+function LexicalPopoverMenu({
   close,
   editor,
+  anchorElement,
   resolution,
   options,
   menuRenderFn,
   onSelectOption
 }) {
   const [selectedIndex, setHighlightedIndex] = React.useState(null);
-  const anchorElementRef = React.useRef(document.createElement('div'));
   React.useEffect(() => {
     setHighlightedIndex(0);
   }, [resolution.match.matchingString]);
-  React.useEffect(() => {
-    const rootElement = editor.getRootElement();
-
-    function positionMenu() {
-      const containerDiv = anchorElementRef.current;
-      containerDiv.setAttribute('aria-label', 'Typeahead menu');
-      containerDiv.setAttribute('id', 'typeahead-menu');
-      containerDiv.setAttribute('role', 'listbox');
-
-      if (rootElement !== null) {
-        const range = resolution.range;
-        const {
-          left,
-          top,
-          height
-        } = range.getBoundingClientRect();
-        containerDiv.style.top = `${top + height + window.pageYOffset}px`;
-        containerDiv.style.left = `${left + window.pageXOffset}px`;
-        containerDiv.style.display = 'block';
-        containerDiv.style.position = 'absolute';
-
-        if (!containerDiv.isConnected) {
-          document.body.append(containerDiv);
-        }
-
-        anchorElementRef.current = containerDiv;
-        rootElement.setAttribute('aria-controls', 'typeahead-menu');
-      }
-    }
-
-    positionMenu();
-    window.addEventListener('resize', positionMenu);
-    return () => {
-      window.removeEventListener('resize', positionMenu);
-
-      if (rootElement !== null) {
-        rootElement.removeAttribute('aria-controls');
-      }
-    };
-  }, [editor, resolution, options]);
   const selectOptionAndCleanUp = React.useCallback(async selectedEntry => {
     editor.update(() => {
       const textNodeContainingQuery = splitNodeContainingQuery(editor, resolution.match);
@@ -294,7 +262,7 @@ function ShortcutTypeahead({
     return utils.mergeRegister(editor.registerCommand(lexical.KEY_ARROW_DOWN_COMMAND, payload => {
       const event = payload;
 
-      if (options !== null && selectedIndex !== null) {
+      if (options !== null && options.length && selectedIndex !== null) {
         const newSelectedIndex = selectedIndex !== options.length - 1 ? selectedIndex + 1 : 0;
         updateSelectedIndex(newSelectedIndex);
         const option = options[newSelectedIndex];
@@ -311,7 +279,7 @@ function ShortcutTypeahead({
     }, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.KEY_ARROW_UP_COMMAND, payload => {
       const event = payload;
 
-      if (options !== null && selectedIndex !== null) {
+      if (options !== null && options.length && selectedIndex !== null) {
         const newSelectedIndex = selectedIndex !== 0 ? selectedIndex - 1 : options.length - 1;
         updateSelectedIndex(newSelectedIndex);
         const option = options[newSelectedIndex];
@@ -327,11 +295,6 @@ function ShortcutTypeahead({
       return true;
     }, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.KEY_ESCAPE_COMMAND, payload => {
       const event = payload;
-
-      if (options === null || selectedIndex === null) {
-        return false;
-      }
-
       event.preventDefault();
       event.stopImmediatePropagation();
       close();
@@ -366,7 +329,7 @@ function ShortcutTypeahead({
     selectedIndex,
     setHighlightedIndex
   }), [selectOptionAndCleanUp, selectedIndex]);
-  return menuRenderFn(anchorElementRef.current, listItemProps, resolution.match.matchingString);
+  return menuRenderFn(anchorElement, listItemProps, resolution.match.matchingString);
 }
 
 function useBasicTypeaheadTriggerMatch(trigger, {
@@ -394,6 +357,55 @@ function useBasicTypeaheadTriggerMatch(trigger, {
     return null;
   }, [maxLength, minLength, trigger]);
 }
+
+function useAnchorElementRef(resolution, options) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const anchorElementRef = React.useRef(document.createElement('div'));
+  React.useEffect(() => {
+    const rootElement = editor.getRootElement();
+
+    function positionMenu() {
+      const containerDiv = anchorElementRef.current;
+      containerDiv.setAttribute('aria-label', 'Typeahead menu');
+      containerDiv.setAttribute('id', 'typeahead-menu');
+      containerDiv.setAttribute('role', 'listbox');
+
+      if (rootElement !== null && resolution !== null) {
+        const {
+          left,
+          top,
+          height,
+          width
+        } = resolution.getRect();
+        containerDiv.style.top = `${top + height + window.pageYOffset}px`;
+        containerDiv.style.left = `${left + width + window.pageXOffset}px`;
+        containerDiv.style.display = 'block';
+        containerDiv.style.position = 'absolute';
+
+        if (!containerDiv.isConnected) {
+          document.body.append(containerDiv);
+        }
+
+        anchorElementRef.current = containerDiv;
+        rootElement.setAttribute('aria-controls', 'typeahead-menu');
+      }
+    }
+
+    if (resolution !== null) {
+      positionMenu();
+      window.addEventListener('resize', positionMenu);
+      return () => {
+        window.removeEventListener('resize', positionMenu);
+
+        if (rootElement !== null) {
+          rootElement.removeAttribute('aria-controls');
+        }
+      };
+    }
+  }, [editor, resolution, options]);
+  return anchorElementRef;
+}
+
 function LexicalTypeaheadMenuPlugin({
   options,
   onQueryChange,
@@ -403,6 +415,7 @@ function LexicalTypeaheadMenuPlugin({
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const [resolution, setResolution] = React.useState(null);
+  const anchorElementRef = useAnchorElementRef(resolution, options);
   React.useEffect(() => {
     let activeRange = document.createRange();
     let previousText = null;
@@ -414,27 +427,27 @@ function LexicalTypeaheadMenuPlugin({
         const text = getQueryTextForSearch(editor);
 
         if (!lexical.$isRangeSelection(selection) || !selection.isCollapsed() || text === previousText || text === null || range === null) {
-          React.startTransition(() => setResolution(null));
+          setResolution(null);
           return;
         }
 
         previousText = text;
-        const match = triggerFn(text);
+        const match = triggerFn(text, editor);
         onQueryChange(match ? match.matchingString : null);
 
         if (match !== null && !isSelectionOnEntityBoundary(editor, match.leadOffset)) {
           const isRangePositioned = tryToPositionRange(match.leadOffset, range);
 
           if (isRangePositioned !== null) {
-            React.startTransition(() => setResolution({
-              match,
-              range
+            startTransition(() => setResolution({
+              getRect: () => range.getBoundingClientRect(),
+              match
             }));
             return;
           }
         }
 
-        React.startTransition(() => setResolution(null));
+        setResolution(null);
       });
     };
 
@@ -447,16 +460,60 @@ function LexicalTypeaheadMenuPlugin({
   const closeTypeahead = React.useCallback(() => {
     setResolution(null);
   }, []);
-  return resolution === null || editor === null ? null : /*#__PURE__*/React.createElement(ShortcutTypeahead, {
+  return resolution === null || editor === null ? null : /*#__PURE__*/React.createElement(LexicalPopoverMenu, {
     close: closeTypeahead,
     resolution: resolution,
     editor: editor,
+    anchorElement: anchorElementRef.current,
+    options: options,
+    menuRenderFn: menuRenderFn,
+    onSelectOption: onSelectOption
+  });
+}
+function LexicalNodeMenuPlugin({
+  options,
+  nodeKey,
+  onClose,
+  onSelectOption,
+  menuRenderFn
+}) {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const [resolution, setResolution] = React.useState(null);
+  const anchorElementRef = useAnchorElementRef(resolution, options);
+  React.useEffect(() => {
+    if (nodeKey && resolution == null) {
+      editor.update(() => {
+        const node = lexical.$getNodeByKey(nodeKey);
+        const domElement = editor.getElementByKey(nodeKey);
+
+        if (node != null && domElement != null) {
+          const text = node.getTextContent();
+          startTransition(() => setResolution({
+            getRect: () => domElement.getBoundingClientRect(),
+            match: {
+              leadOffset: text.length,
+              matchingString: text,
+              replaceableString: text
+            }
+          }));
+        }
+      });
+    } else if (nodeKey == null && resolution != null) {
+      setResolution(null);
+    }
+  }, [editor, nodeKey, resolution]);
+  return resolution === null || editor === null ? null : /*#__PURE__*/React.createElement(LexicalPopoverMenu, {
+    close: onClose,
+    resolution: resolution,
+    editor: editor,
+    anchorElement: anchorElementRef.current,
     options: options,
     menuRenderFn: menuRenderFn,
     onSelectOption: onSelectOption
   });
 }
 
+exports.LexicalNodeMenuPlugin = LexicalNodeMenuPlugin;
 exports.LexicalTypeaheadMenuPlugin = LexicalTypeaheadMenuPlugin;
 exports.PUNCTUATION = PUNCTUATION;
 exports.TypeaheadOption = TypeaheadOption;

package/LexicalTypeaheadMenuPlugin.prod.js

@@ -4,16 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var h=require("@lexical/react/LexicalComposerContext"),k=require("@lexical/utils"),w=require("lexical"),x=require("react"),y="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?x.useLayoutEffect:x.useEffect;class z{constructor(d){this.key=d;this.ref={current:null};this.setRefElement=this.setRefElement.bind(this)}setRefElement(d){this.ref={current:d}}}
-let A=d=>{var a=document.getElementById("typeahead-menu");if(a){a=a.getBoundingClientRect();const b=d.getBoundingClientRect();b.bottom>a.bottom?d.scrollIntoView(!1):b.top<a.top&&d.scrollIntoView()}};function B(d,a){var b=window.getSelection();if(null===b||!b.isCollapsed)return!1;let c=b.anchorNode;b=b.anchorOffset;if(null==c||null==b)return!1;try{a.setStart(c,d),a.setEnd(c,b)}catch(n){return!1}return!0}
-function C(d){let a=null;d.getEditorState().read(()=>{var b=w.$getSelection();if(w.$isRangeSelection(b)){var c=b.anchor;"text"!==c.type?a=null:(b=c.getNode(),b.isSimpleText()?(c=c.offset,a=b.getTextContent().slice(0,c)):a=null)}});return a}
-function D(d,a){d=w.$getSelection();if(!w.$isRangeSelection(d)||!d.isCollapsed())return null;var b=d.anchor;if("text"!==b.type)return null;d=b.getNode();if(!d.isSimpleText())return null;b=b.offset;let c=d.getTextContent().slice(0,b);var n=a.matchingString;a=a.replaceableString.length;for(let f=a;f<=n.length;f++)c.substr(-f)===n.substr(0,f)&&(a=f);a=b-a;if(0>a)return null;let l;0===a?[l]=d.splitText(b):[,l]=d.splitText(a,b);return l}
-function E(d,a){return 0!==a?!1:d.getEditorState().read(()=>{var b=w.$getSelection();return w.$isRangeSelection(b)?(b=b.anchor.getNode().getPreviousSibling(),w.$isTextNode(b)&&b.isTextEntity()):!1})}
-function F({close:d,editor:a,resolution:b,options:c,menuRenderFn:n,onSelectOption:l}){let [f,p]=x.useState(null),u=x.useRef(document.createElement("div"));x.useEffect(()=>{p(0)},[b.match.matchingString]);x.useEffect(()=>{function e(){let m=u.current;m.setAttribute("aria-label","Typeahead menu");m.setAttribute("id","typeahead-menu");m.setAttribute("role","listbox");if(null!==g){let {left:q,top:G,height:H}=b.range.getBoundingClientRect();m.style.top=`${G+H+window.pageYOffset}px`;m.style.left=`${q+window.pageXOffset}px`;
-m.style.display="block";m.style.position="absolute";m.isConnected||document.body.append(m);u.current=m;g.setAttribute("aria-controls","typeahead-menu")}}let g=a.getRootElement();e();window.addEventListener("resize",e);return()=>{window.removeEventListener("resize",e);null!==g&&g.removeAttribute("aria-controls")}},[a,b,c]);let r=x.useCallback(async e=>{a.update(()=>{const g=D(a,b.match);l(e,g,d,b.match.matchingString)})},[d,a,b.match,l]),t=x.useCallback(e=>{const g=a.getRootElement();null!==g&&(g.setAttribute("aria-activedescendant",
-"typeahead-item-"+e),p(e))},[a]);x.useEffect(()=>()=>{let e=a.getRootElement();null!==e&&e.removeAttribute("aria-activedescendant")},[a]);y(()=>{null===c?p(null):null===f&&t(0)},[c,f,t]);x.useEffect(()=>k.mergeRegister(a.registerCommand(w.KEY_ARROW_DOWN_COMMAND,e=>{if(null!==c&&null!==f){var g=f!==c.length-1?f+1:0;t(g);g=c[g];null!=g.ref&&g.ref.current&&A(g.ref.current);e.preventDefault();e.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_ARROW_UP_COMMAND,e=>{if(null!==
-c&&null!==f){var g=0!==f?f-1:c.length-1;t(g);g=c[g];null!=g.ref&&g.ref.current&&A(g.ref.current);e.preventDefault();e.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_ESCAPE_COMMAND,e=>{if(null===c||null===f)return!1;e.preventDefault();e.stopImmediatePropagation();d();return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_TAB_COMMAND,e=>{if(null===c||null===f||null==c[f])return!1;e.preventDefault();e.stopImmediatePropagation();r(c[f]);return!0},w.COMMAND_PRIORITY_LOW),
-a.registerCommand(w.KEY_ENTER_COMMAND,e=>{if(null===c||null===f||null==c[f])return!1;null!==e&&(e.preventDefault(),e.stopImmediatePropagation());r(c[f]);return!0},w.COMMAND_PRIORITY_LOW)),[r,d,a,c,f,t]);let v=x.useMemo(()=>({selectOptionAndCleanUp:r,selectedIndex:f,setHighlightedIndex:p}),[r,f]);return n(u.current,v,b.match.matchingString)}
-exports.LexicalTypeaheadMenuPlugin=function({options:d,onQueryChange:a,onSelectOption:b,menuRenderFn:c,triggerFn:n}){let [l]=h.useLexicalComposerContext(),[f,p]=x.useState(null);x.useEffect(()=>{let r=document.createRange(),t=null,v=l.registerUpdateListener(()=>{l.getEditorState().read(()=>{const e=r,g=w.$getSelection(),m=C(l);if(w.$isRangeSelection(g)&&g.isCollapsed()&&m!==t&&null!==m&&null!==e){t=m;var q=n(m);a(q?q.matchingString:null);null===q||E(l,q.leadOffset)||null===B(q.leadOffset,e)?x.startTransition(()=>
-p(null)):x.startTransition(()=>p({match:q,range:e}))}else x.startTransition(()=>p(null))})});return()=>{r=null;v()}},[l,n,a,f]);let u=x.useCallback(()=>{p(null)},[]);return null===f||null===l?null:x.createElement(F,{close:u,resolution:f,editor:l,options:d,menuRenderFn:c,onSelectOption:b})};exports.PUNCTUATION="\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";exports.TypeaheadOption=z;
-exports.useBasicTypeaheadTriggerMatch=function(d,{minLength:a=1,maxLength:b=75}){return x.useCallback(c=>{c=(new RegExp("(^|\\s|\\()(["+d+"]((?:[^"+(d+"\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;\\s]){0,")+b+"}))$")).exec(c);if(null!==c){let n=c[1],l=c[3];if(l.length>=a)return{leadOffset:c.index+n.length,matchingString:l,replaceableString:c[2]}}return null},[b,a,d])}
+'use strict';var m=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),w=require("lexical"),x=require("react"),y="undefined"!==typeof window&&"undefined"!==typeof window.document&&"undefined"!==typeof window.document.createElement?x.useLayoutEffect:x.useEffect;class z{constructor(b){this.key=b;this.ref={current:null};this.setRefElement=this.setRefElement.bind(this)}setRefElement(b){this.ref={current:b}}}
+let A=b=>{var a=document.getElementById("typeahead-menu");if(a){a=a.getBoundingClientRect();const c=b.getBoundingClientRect();c.bottom>a.bottom?b.scrollIntoView(!1):c.top<a.top&&b.scrollIntoView()}};function C(b,a){var c=window.getSelection();if(null===c||!c.isCollapsed)return!1;let d=c.anchorNode;c=c.anchorOffset;if(null==d||null==c)return!1;try{a.setStart(d,b),a.setEnd(d,c)}catch(e){return!1}return!0}
+function D(b){let a=null;b.getEditorState().read(()=>{var c=w.$getSelection();if(w.$isRangeSelection(c)){var d=c.anchor;"text"!==d.type?a=null:(c=d.getNode(),c.isSimpleText()?(d=d.offset,a=c.getTextContent().slice(0,d)):a=null)}});return a}
+function E(b,a){b=w.$getSelection();if(!w.$isRangeSelection(b)||!b.isCollapsed())return null;var c=b.anchor;if("text"!==c.type)return null;b=c.getNode();if(!b.isSimpleText())return null;c=c.offset;let d=b.getTextContent().slice(0,c);var e=a.matchingString;a=a.replaceableString.length;for(let f=a;f<=e.length;f++)d.substr(-f)===e.substr(0,f)&&(a=f);a=c-a;if(0>a)return null;let g;0===a?[g]=b.splitText(c):[,g]=b.splitText(a,c);return g}
+function F(b,a){return 0!==a?!1:b.getEditorState().read(()=>{var c=w.$getSelection();return w.$isRangeSelection(c)?(c=c.anchor.getNode().getPreviousSibling(),w.$isTextNode(c)&&c.isTextEntity()):!1})}function G(b){x.startTransition?x.startTransition(b):b()}
+function H({close:b,editor:a,anchorElement:c,resolution:d,options:e,menuRenderFn:g,onSelectOption:f}){let [h,r]=x.useState(null);x.useEffect(()=>{r(0)},[d.match.matchingString]);let q=x.useCallback(async k=>{a.update(()=>{const l=E(a,d.match);f(k,l,b,d.match.matchingString)})},[b,a,d.match,f]),p=x.useCallback(k=>{const l=a.getRootElement();null!==l&&(l.setAttribute("aria-activedescendant","typeahead-item-"+k),r(k))},[a]);x.useEffect(()=>()=>{let k=a.getRootElement();null!==k&&k.removeAttribute("aria-activedescendant")},
+[a]);y(()=>{null===e?r(null):null===h&&p(0)},[e,h,p]);x.useEffect(()=>n.mergeRegister(a.registerCommand(w.KEY_ARROW_DOWN_COMMAND,k=>{if(null!==e&&e.length&&null!==h){var l=h!==e.length-1?h+1:0;p(l);l=e[l];null!=l.ref&&l.ref.current&&A(l.ref.current);k.preventDefault();k.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_ARROW_UP_COMMAND,k=>{if(null!==e&&e.length&&null!==h){var l=0!==h?h-1:e.length-1;p(l);l=e[l];null!=l.ref&&l.ref.current&&A(l.ref.current);k.preventDefault();
+k.stopImmediatePropagation()}return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_ESCAPE_COMMAND,k=>{k.preventDefault();k.stopImmediatePropagation();b();return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_TAB_COMMAND,k=>{if(null===e||null===h||null==e[h])return!1;k.preventDefault();k.stopImmediatePropagation();q(e[h]);return!0},w.COMMAND_PRIORITY_LOW),a.registerCommand(w.KEY_ENTER_COMMAND,k=>{if(null===e||null===h||null==e[h])return!1;null!==k&&(k.preventDefault(),k.stopImmediatePropagation());
+q(e[h]);return!0},w.COMMAND_PRIORITY_LOW)),[q,b,a,e,h,p]);let t=x.useMemo(()=>({selectOptionAndCleanUp:q,selectedIndex:h,setHighlightedIndex:r}),[q,h]);return g(c,t,d.match.matchingString)}
+function I(b,a){let [c]=m.useLexicalComposerContext(),d=x.useRef(document.createElement("div"));x.useEffect(()=>{function e(){let f=d.current;f.setAttribute("aria-label","Typeahead menu");f.setAttribute("id","typeahead-menu");f.setAttribute("role","listbox");if(null!==g&&null!==b){let {left:h,top:r,height:q,width:p}=b.getRect();f.style.top=`${r+q+window.pageYOffset}px`;f.style.left=`${h+p+window.pageXOffset}px`;f.style.display="block";f.style.position="absolute";f.isConnected||document.body.append(f);
+d.current=f;g.setAttribute("aria-controls","typeahead-menu")}}let g=c.getRootElement();if(null!==b)return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e);null!==g&&g.removeAttribute("aria-controls")}},[c,b,a]);return d}
+exports.LexicalNodeMenuPlugin=function({options:b,nodeKey:a,onClose:c,onSelectOption:d,menuRenderFn:e}){let [g]=m.useLexicalComposerContext(),[f,h]=x.useState(null),r=I(f,b);x.useEffect(()=>{a&&null==f?g.update(()=>{let q=w.$getNodeByKey(a),p=g.getElementByKey(a);if(null!=q&&null!=p){let t=q.getTextContent();G(()=>h({getRect:()=>p.getBoundingClientRect(),match:{leadOffset:t.length,matchingString:t,replaceableString:t}}))}}):null==a&&null!=f&&h(null)},[g,a,f]);return null===f||null===g?null:x.createElement(H,
+{close:c,resolution:f,editor:g,anchorElement:r.current,options:b,menuRenderFn:e,onSelectOption:d})};
+exports.LexicalTypeaheadMenuPlugin=function({options:b,onQueryChange:a,onSelectOption:c,menuRenderFn:d,triggerFn:e}){let [g]=m.useLexicalComposerContext(),[f,h]=x.useState(null),r=I(f,b);x.useEffect(()=>{let p=document.createRange(),t=null,k=g.registerUpdateListener(()=>{g.getEditorState().read(()=>{const l=p,B=w.$getSelection(),v=D(g);if(w.$isRangeSelection(B)&&B.isCollapsed()&&v!==t&&null!==v&&null!==l){t=v;var u=e(v,g);a(u?u.matchingString:null);null===u||F(g,u.leadOffset)||null===C(u.leadOffset,
+l)?h(null):G(()=>h({getRect:()=>l.getBoundingClientRect(),match:u}))}else h(null)})});return()=>{p=null;k()}},[g,e,a,f]);let q=x.useCallback(()=>{h(null)},[]);return null===f||null===g?null:x.createElement(H,{close:q,resolution:f,editor:g,anchorElement:r.current,options:b,menuRenderFn:d,onSelectOption:c})};exports.PUNCTUATION="\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";exports.TypeaheadOption=z;
+exports.useBasicTypeaheadTriggerMatch=function(b,{minLength:a=1,maxLength:c=75}){return x.useCallback(d=>{d=(new RegExp("(^|\\s|\\()(["+b+"]((?:[^"+(b+"\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;\\s]){0,")+c+"}))$")).exec(d);if(null!==d){let e=d[1],g=d[3];if(g.length>=a)return{leadOffset:d.index+e.length,matchingString:g,replaceableString:d[2]}}return null},[c,a,b])}

package/package.json

@@ -8,28 +8,28 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.3.8",
+  "version": "0.3.11",
   "dependencies": {
-    "@lexical/clipboard": "0.3.8",
-    "@lexical/code": "0.3.8",
-    "@lexical/dragon": "0.3.8",
-    "@lexical/hashtag": "0.3.8",
-    "@lexical/history": "0.3.8",
-    "@lexical/link": "0.3.8",
-    "@lexical/list": "0.3.8",
-    "@lexical/mark": "0.3.8",
-    "@lexical/markdown": "0.3.8",
-    "@lexical/overflow": "0.3.8",
-    "@lexical/plain-text": "0.3.8",
-    "@lexical/rich-text": "0.3.8",
-    "@lexical/selection": "0.3.8",
-    "@lexical/table": "0.3.8",
-    "@lexical/text": "0.3.8",
-    "@lexical/utils": "0.3.8",
-    "@lexical/yjs": "0.3.8"
+    "@lexical/clipboard": "0.3.11",
+    "@lexical/code": "0.3.11",
+    "@lexical/dragon": "0.3.11",
+    "@lexical/hashtag": "0.3.11",
+    "@lexical/history": "0.3.11",
+    "@lexical/link": "0.3.11",
+    "@lexical/list": "0.3.11",
+    "@lexical/mark": "0.3.11",
+    "@lexical/markdown": "0.3.11",
+    "@lexical/overflow": "0.3.11",
+    "@lexical/plain-text": "0.3.11",
+    "@lexical/rich-text": "0.3.11",
+    "@lexical/selection": "0.3.11",
+    "@lexical/table": "0.3.11",
+    "@lexical/text": "0.3.11",
+    "@lexical/utils": "0.3.11",
+    "@lexical/yjs": "0.3.11"
   },
   "peerDependencies": {
-    "lexical": "0.3.8",
+    "lexical": "0.3.11",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },