@liveblocks/react-lexical 2.25.0-aiprivatebeta9 → 3.1.0-alpha1

package/dist/mentions/mention-plugin.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useFloating, flip, offset, hide, shift, limitShift, size, autoUpdate } from '@floating-ui/react-dom';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { assertNever } from '@liveblocks/core';
 import { useRoom } from '@liveblocks/react';
 import { useMentionSuggestions, useCreateTextMention, useDeleteTextMention, useLayoutEffect } from '@liveblocks/react/_private';
+import { Avatar, User } from '@liveblocks/react-ui/_private';
 import { $getSelection, $isRangeSelection, $isTextNode, $getNodeByKey, $isNodeSelection, $createTextNode, $createRangeSelection, $setSelection, $isElementNode, KEY_BACKSPACE_COMMAND, COMMAND_PRIORITY_LOW } from 'lexical';
 import { useState, useEffect, useCallback } from 'react';
 import { createPortal } from 'react-dom';
-import { Avatar } from './avatar.js';
 import { $isMentionNode, MentionNode, $createMentionNode } from './mention-node.js';
-import { SuggestionsContext, OnValueSelectCallbackContext, OnResetMatchCallbackContext, List, Item } from './suggestions.js';
-import { User } from './user.js';
+import { SuggestionsContext, OnSuggestionSelectCallbackContext, OnResetMatchCallbackContext, List, Item } from './suggestions.js';
 
 const MENTION_TRIGGER = "@";
 const PUNCTUATIONS = `\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'"~=<>_:;`;
@@ -191,8 +191,8 @@ function MentionPlugin() {
       COMMAND_PRIORITY_LOW
     );
   }, [editor]);
-  const handleValueSelect = useCallback(
-    (userId) => {
+  const handleSuggestionSelect = useCallback(
+    (mention) => {
       function $onValueSelect() {
         if (match === null)
           return;
@@ -215,7 +215,14 @@ function MentionPlugin() {
         const startOffset = selectionOffset - queryOffset;
         if (startOffset < 0)
           return;
-        const mentionNode = $createMentionNode(userId);
+        let mentionNode;
+        switch (mention.kind) {
+          case "user":
+            mentionNode = $createMentionNode(mention.id);
+            break;
+          default:
+            return assertNever(mention.kind, "Unhandled mention kind");
+        }
         if (startOffset === 0) {
           const [node] = anchorNode.splitText(selectionOffset);
           node.replace(mentionNode);
@@ -238,8 +245,8 @@ function MentionPlugin() {
   return createPortal(
     /* @__PURE__ */ jsx(SuggestionsContext.Provider, {
       value: suggestions,
-      children: /* @__PURE__ */ jsx(OnValueSelectCallbackContext.Provider, {
-        value: handleValueSelect,
+      children: /* @__PURE__ */ jsx(OnSuggestionSelectCallbackContext.Provider, {
+        value: handleSuggestionSelect,
         children: /* @__PURE__ */ jsx(OnResetMatchCallbackContext.Provider, {
           value: () => setMatch(null),
           children: /* @__PURE__ */ jsx(SuggestionsPortal, {
@@ -247,20 +254,27 @@ function MentionPlugin() {
             container: document.body,
             children: /* @__PURE__ */ jsx(List, {
               className: "lb-lexical-suggestions-list lb-lexical-mention-suggestions-list",
-              children: suggestions.map((userId) => /* @__PURE__ */ jsxs(Item, {
-                value: userId,
-                className: "lb-lexical-suggestions-list-item lb-lexical-mention-suggestion",
-                children: [
-                  /* @__PURE__ */ jsx(Avatar, {
-                    userId,
-                    className: "lb-lexical-mention-suggestion-avatar"
-                  }),
-                  /* @__PURE__ */ jsx(User, {
-                    userId,
-                    className: "lb-lexical-mention-suggestion-user"
-                  })
-                ]
-              }, userId))
+              children: suggestions.map((mention) => {
+                switch (mention.kind) {
+                  case "user":
+                    return /* @__PURE__ */ jsxs(Item, {
+                      value: mention.id,
+                      className: "lb-lexical-suggestions-list-item lb-lexical-mention-suggestion",
+                      children: [
+                        /* @__PURE__ */ jsx(Avatar, {
+                          userId: mention.id,
+                          className: "lb-lexical-mention-suggestion-avatar"
+                        }),
+                        /* @__PURE__ */ jsx(User, {
+                          userId: mention.id,
+                          className: "lb-lexical-mention-suggestion-user"
+                        })
+                      ]
+                    }, mention.id);
+                  default:
+                    return assertNever(mention.kind, "Unhandled mention kind");
+                }
+              })
             })
           }, matchingString)
         })

package/dist/mentions/mention-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"mention-plugin.js","sources":["../../src/mentions/mention-plugin.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  hide,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/react-dom\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useRoom } from \"@liveblocks/react\";\nimport {\n  useCreateTextMention,\n  useDeleteTextMention,\n  useLayoutEffect,\n  useMentionSuggestions,\n} from \"@liveblocks/react/_private\";\nimport type { EditorState, NodeKey, NodeMutation, TextNode } from \"lexical\";\nimport {\n  $createRangeSelection,\n  $createTextNode,\n  $getNodeByKey,\n  $getSelection,\n  $isElementNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  $isTextNode,\n  $setSelection,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n} from \"lexical\";\nimport type { ReactNode } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { Avatar } from \"./avatar\";\nimport {\n  $createMentionNode,\n  $isMentionNode,\n  MentionNode,\n} from \"./mention-node\";\nimport * as Suggestions from \"./suggestions\";\nimport {\n  OnResetMatchCallbackContext,\n  OnValueSelectCallbackContext,\n  SuggestionsContext,\n} from \"./suggestions\";\nimport { User } from \"./user\";\n\nconst MENTION_TRIGGER = \"@\";\n\nconst PUNCTUATIONS =\n  \"\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%'\\\"~=<>_:;\";\n\n// Characters we expect to see in a mention (non-space, non-punctuation).\nconst VALID_CHARACTERS = \"[^\" + MENTION_TRIGGER + PUNCTUATIONS + \"\\\\s]\";\n\nconst VALID_JOINS =\n  \"(?:\" +\n  \"\\\\.[ |$]|\" + // E.g. \"r. \" in \"Mr. Smith\"\n  \" |\" + // E.g. \" \" in \"Josh Duck\"\n  \"[\" +\n  PUNCTUATIONS +\n  \"]|\" + // E.g. \"-' in \"Salier-Hellendag\"\n  \")\";\n\nconst LENGTH_LIMIT = 75;\n\nconst MentionRegex = new RegExp(\n  \"(^|\\\\s|\\\\()(\" +\n    \"[\" +\n    MENTION_TRIGGER +\n    \"]\" +\n    \"((?:\" +\n    VALID_CHARACTERS +\n    VALID_JOINS +\n    \"){0,\" +\n    LENGTH_LIMIT +\n    \"})\" +\n    \")$\"\n);\n\nfunction $getAnchorNodeTextContent(): string | null {\n  const selection = $getSelection();\n  if (!$isRangeSelection(selection)) return null;\n\n  const anchor = selection.anchor;\n  if (anchor.type !== \"text\") return null;\n  const anchorNode = anchor.getNode();\n  if (!anchorNode.isSimpleText()) return null;\n  const anchorOffset = anchor.offset;\n  return anchorNode.getTextContent().slice(0, anchorOffset);\n}\n\n/**\n * Walk backwards along user input and forward through entity title to try and replace more of the user's text with entity.\n */\nfunction getFullMatchOffset(\n  documentText: string,\n  entryText: string,\n  offset: number\n): number {\n  let triggerOffset = offset;\n  for (let i = triggerOffset; i <= entryText.length; i++) {\n    if (documentText.substr(-i) === entryText.substr(0, i)) {\n      triggerOffset = i;\n    }\n  }\n  return triggerOffset;\n}\n\nfunction $isCurrentSelectionAtBoundary(offset: number): boolean {\n  // If the offset is not zero, i.e. not at the beginning of the text node, the selection is somewhere in the middle of the entity, i.e. not at the boundary.\n  if (offset !== 0) return false;\n\n  // Othewise (if the offset is zero), it means the selection could be at the start of an entity. It could also be at the end of the previous entity, or it could be in a position where there are no entities at all.\n  // So, we check if the previous sibling of the node at the anchor of the selection is a text entity. If it is, then the selection is at the boundary of the entity.\n  const selection = $getSelection();\n\n  if (!$isRangeSelection(selection)) return false;\n\n  const anchor = selection.anchor.getNode();\n  const prevSibling = anchor.getPreviousSibling();\n\n  if (!$isTextNode(prevSibling)) return false;\n  if (!prevSibling.isTextEntity()) return false;\n\n  return true;\n}\n\nfunction $getRangeAtMatch(match: RegExpExecArray): globalThis.Range | null {\n  const offsetWithWhitespaces = match.index + match[1].length;\n\n  if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces)) return null;\n\n  const selection = window.getSelection();\n  if (selection === null) return null;\n  if (!selection.isCollapsed) return null;\n\n  const anchor = selection.anchorNode;\n  if (anchor === null) return null;\n\n  const endOffset = selection.anchorOffset;\n  if (endOffset === null) return null;\n\n  const range = document.createRange();\n\n  try {\n    range.setStart(anchor, offsetWithWhitespaces);\n    range.setEnd(anchor, endOffset);\n    return range;\n  } catch (error) {\n    return null;\n  }\n}\n\nexport function MentionPlugin() {\n  const [editor] = useLexicalComposerContext();\n  const room = useRoom();\n\n  const [match, setMatch] = useState<RegExpExecArray | null>(null); // Represents the current match of the mention regex. A `null` value means there is no match.\n  const matchingString = match?.[3];\n\n  const suggestions = useMentionSuggestions(room.id, matchingString);\n  const createTextMention = useCreateTextMention();\n  const deleteTextMention = useDeleteTextMention();\n\n  useEffect(() => {\n    function $handleMutation(\n      mutations: Map<NodeKey, NodeMutation>,\n      {\n        prevEditorState,\n      }: {\n        prevEditorState: EditorState;\n      }\n    ) {\n      for (const [key, mutation] of mutations) {\n        if (mutation === \"created\") {\n          editor.getEditorState().read(() => {\n            const node = $getNodeByKey(key);\n            if (node === null) return;\n\n            if (!$isMentionNode(node)) return;\n            createTextMention(node.getUserId(), node.getId());\n          });\n        } else if (mutation === \"destroyed\") {\n          prevEditorState.read(() => {\n            const node = $getNodeByKey(key);\n            if (node === null) return;\n\n            if (!$isMentionNode(node)) return;\n            deleteTextMention(node.getId());\n          });\n        }\n      }\n    }\n\n    return editor.registerMutationListener(\n      MentionNode,\n      (mutations, payload) => {\n        // Ignore mutations to MentionNode (creation/updates/deletions) that are caused by collaboration (remote users) or history merge.\n        if (\n          payload.updateTags.has(\"collaboration\") ||\n          payload.updateTags.has(\"history-merge\")\n        ) {\n          return;\n        }\n\n        $handleMutation(mutations, payload);\n      }\n    );\n  }, [editor, createTextMention, deleteTextMention]);\n\n  useEffect(() => {\n    function $onStateRead() {\n      const text = $getAnchorNodeTextContent();\n      if (text === null) {\n        setMatch(null);\n        return;\n      }\n\n      const match = MentionRegex.exec(text);\n      setMatch(match);\n    }\n\n    return editor.registerUpdateListener(({ editorState: state }) => {\n      state.read($onStateRead);\n    });\n  }, [editor]);\n\n  useEffect(() => {\n    function $handleBackspace(event: KeyboardEvent): boolean {\n      const selection = $getSelection();\n\n      if (selection === null) return false;\n\n      // If the selection is a node selection and the only node selected is a mention node, then we replace the mention node with a text node containing \"@\" and set the selection at the end of the text node.\n      if ($isNodeSelection(selection)) {\n        const nodes = selection.getNodes();\n        if (nodes.length !== 1) return false;\n\n        const node = nodes[0];\n        if (!$isMentionNode(node)) return false;\n\n        const text = $createTextNode(\"@\");\n        node.replace(text);\n\n        const newSelection = $createRangeSelection();\n        newSelection.setTextNodeRange(text, 1, text, 1);\n        $setSelection(newSelection);\n\n        event.preventDefault();\n        return true;\n      } else if ($isRangeSelection(selection)) {\n        if (!selection.isCollapsed()) return false;\n\n        const anchor = selection.anchor.getNode();\n        const prevSibling = anchor.getPreviousSibling();\n        if (selection.anchor.offset === 0 && $isMentionNode(prevSibling)) {\n          const text = $createTextNode(\"@\");\n          prevSibling.replace(text);\n\n          const newSelection = $createRangeSelection();\n          newSelection.setTextNodeRange(text, 1, text, 1);\n          $setSelection(newSelection);\n\n          event.preventDefault();\n          return true;\n        } else if ($isElementNode(anchor)) {\n          const child = anchor.getChildAtIndex(selection.anchor.offset - 1);\n          if (!$isMentionNode(child)) return false;\n\n          const text = $createTextNode(\"@\");\n          child.replace(text);\n\n          const newSelection = $createRangeSelection();\n          newSelection.setTextNodeRange(text, 1, text, 1);\n          $setSelection(newSelection);\n\n          event.preventDefault();\n          return true;\n        }\n\n        return false;\n      }\n\n      return false;\n    }\n\n    return editor.registerCommand(\n      KEY_BACKSPACE_COMMAND,\n      $handleBackspace,\n      COMMAND_PRIORITY_LOW\n    );\n  }, [editor]);\n\n  const handleValueSelect = useCallback(\n    (userId: string) => {\n      function $onValueSelect() {\n        if (match === null) return;\n\n        setMatch(null);\n\n        const selection = $getSelection();\n\n        if (!$isRangeSelection(selection)) return;\n        if (!selection.isCollapsed()) return;\n\n        const anchor = selection.anchor;\n        if (anchor.type !== \"text\") return;\n\n        const anchorNode: TextNode = anchor.getNode();\n        if (!anchorNode.isSimpleText()) return;\n\n        const selectionOffset = anchor.offset;\n        const text = anchorNode.getTextContent().slice(0, selectionOffset);\n\n        const characterOffset = match[2].length;\n        const queryOffset = getFullMatchOffset(text, match[2], characterOffset);\n        const startOffset = selectionOffset - queryOffset;\n        if (startOffset < 0) return;\n\n        const mentionNode = $createMentionNode(userId);\n\n        // Split the anchor (text) node and create a new text node only containing matched text.\n        if (startOffset === 0) {\n          const [node] = anchorNode.splitText(selectionOffset);\n          node.replace(mentionNode);\n        } else {\n          const [, node] = anchorNode.splitText(startOffset, selectionOffset);\n          node.replace(mentionNode);\n        }\n      }\n\n      editor.update($onValueSelect);\n    },\n    [editor, match]\n  );\n\n  if (match === null || matchingString === undefined) return null;\n\n  if (suggestions === undefined || suggestions.length === 0) return null;\n\n  const range = editor.getEditorState().read(() => $getRangeAtMatch(match));\n\n  if (range === null) return null;\n\n  return createPortal(\n    <SuggestionsContext.Provider value={suggestions}>\n      <OnValueSelectCallbackContext.Provider value={handleValueSelect}>\n        <OnResetMatchCallbackContext.Provider value={() => setMatch(null)}>\n          <SuggestionsPortal\n            range={range}\n            container={document.body}\n            key={matchingString}\n          >\n            <Suggestions.List className=\"lb-lexical-suggestions-list lb-lexical-mention-suggestions-list\">\n              {suggestions.map((userId) => (\n                <Suggestions.Item\n                  key={userId}\n                  value={userId}\n                  className=\"lb-lexical-suggestions-list-item lb-lexical-mention-suggestion\"\n                >\n                  <Avatar\n                    userId={userId}\n                    className=\"lb-lexical-mention-suggestion-avatar\"\n                  />\n                  <User\n                    userId={userId}\n                    className=\"lb-lexical-mention-suggestion-user\"\n                  />\n                </Suggestions.Item>\n              ))}\n            </Suggestions.List>\n          </SuggestionsPortal>\n        </OnResetMatchCallbackContext.Provider>\n      </OnValueSelectCallbackContext.Provider>\n    </SuggestionsContext.Provider>,\n    document.body\n  );\n}\n\nexport const SUGGESTIONS_COLLISION_PADDING = 10;\n\nfunction SuggestionsPortal({\n  children,\n  range,\n  container,\n}: {\n  children: ReactNode;\n  range: Range;\n  container: Element;\n}) {\n  const {\n    refs: { setReference, setFloating },\n    strategy,\n    x,\n    y,\n  } = useFloating({\n    strategy: \"fixed\",\n    placement: \"top-start\",\n    middleware: [\n      flip({ padding: SUGGESTIONS_COLLISION_PADDING, crossAxis: false }),\n      offset(10),\n      hide({ padding: SUGGESTIONS_COLLISION_PADDING }),\n      shift({ padding: SUGGESTIONS_COLLISION_PADDING, limiter: limitShift() }),\n      size({ padding: SUGGESTIONS_COLLISION_PADDING }),\n    ],\n    whileElementsMounted: (...args) => {\n      return autoUpdate(...args, {\n        animationFrame: true,\n      });\n    },\n  });\n\n  useLayoutEffect(() => {\n    setReference({\n      getBoundingClientRect: () => range.getBoundingClientRect(),\n    });\n  }, [setReference, range]);\n\n  return createPortal(\n    <div\n      ref={setFloating}\n      style={{\n        position: strategy,\n        top: 0,\n        left: 0,\n        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,\n        minWidth: \"max-content\",\n      }}\n      className=\"lb-root lb-portal lb-elevation lb-lexical-suggestions lb-lexical-mention-suggestions\"\n    >\n      {children}\n    </div>,\n    container\n  );\n}\n"],"names":["offset","match","Suggestions.List","Suggestions.Item"],"mappings":"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"}
+{"version":3,"file":"mention-plugin.js","sources":["../../src/mentions/mention-plugin.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  hide,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/react-dom\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { assertNever, type MentionData } from \"@liveblocks/core\";\nimport { useRoom } from \"@liveblocks/react\";\nimport {\n  useCreateTextMention,\n  useDeleteTextMention,\n  useLayoutEffect,\n  useMentionSuggestions,\n} from \"@liveblocks/react/_private\";\nimport { Avatar, User } from \"@liveblocks/react-ui/_private\";\nimport type { EditorState, NodeKey, NodeMutation, TextNode } from \"lexical\";\nimport {\n  $createRangeSelection,\n  $createTextNode,\n  $getNodeByKey,\n  $getSelection,\n  $isElementNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  $isTextNode,\n  $setSelection,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n} from \"lexical\";\nimport type { ReactNode } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  $createMentionNode,\n  $isMentionNode,\n  MentionNode,\n} from \"./mention-node\";\nimport * as Suggestions from \"./suggestions\";\nimport {\n  OnResetMatchCallbackContext,\n  OnSuggestionSelectCallbackContext,\n  SuggestionsContext,\n} from \"./suggestions\";\n\nconst MENTION_TRIGGER = \"@\";\n\nconst PUNCTUATIONS =\n  \"\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%'\\\"~=<>_:;\";\n\n// Characters we expect to see in a mention (non-space, non-punctuation).\nconst VALID_CHARACTERS = \"[^\" + MENTION_TRIGGER + PUNCTUATIONS + \"\\\\s]\";\n\nconst VALID_JOINS =\n  \"(?:\" +\n  \"\\\\.[ |$]|\" + // E.g. \"r. \" in \"Mr. Smith\"\n  \" |\" + // E.g. \" \" in \"Josh Duck\"\n  \"[\" +\n  PUNCTUATIONS +\n  \"]|\" + // E.g. \"-' in \"Salier-Hellendag\"\n  \")\";\n\nconst LENGTH_LIMIT = 75;\n\nconst MentionRegex = new RegExp(\n  \"(^|\\\\s|\\\\()(\" +\n    \"[\" +\n    MENTION_TRIGGER +\n    \"]\" +\n    \"((?:\" +\n    VALID_CHARACTERS +\n    VALID_JOINS +\n    \"){0,\" +\n    LENGTH_LIMIT +\n    \"})\" +\n    \")$\"\n);\n\nfunction $getAnchorNodeTextContent(): string | null {\n  const selection = $getSelection();\n  if (!$isRangeSelection(selection)) return null;\n\n  const anchor = selection.anchor;\n  if (anchor.type !== \"text\") return null;\n  const anchorNode = anchor.getNode();\n  if (!anchorNode.isSimpleText()) return null;\n  const anchorOffset = anchor.offset;\n  return anchorNode.getTextContent().slice(0, anchorOffset);\n}\n\n/**\n * Walk backwards along user input and forward through entity title to try and replace more of the user's text with entity.\n */\nfunction getFullMatchOffset(\n  documentText: string,\n  entryText: string,\n  offset: number\n): number {\n  let triggerOffset = offset;\n  for (let i = triggerOffset; i <= entryText.length; i++) {\n    if (documentText.substr(-i) === entryText.substr(0, i)) {\n      triggerOffset = i;\n    }\n  }\n  return triggerOffset;\n}\n\nfunction $isCurrentSelectionAtBoundary(offset: number): boolean {\n  // If the offset is not zero, i.e. not at the beginning of the text node, the selection is somewhere in the middle of the entity, i.e. not at the boundary.\n  if (offset !== 0) return false;\n\n  // Othewise (if the offset is zero), it means the selection could be at the start of an entity. It could also be at the end of the previous entity, or it could be in a position where there are no entities at all.\n  // So, we check if the previous sibling of the node at the anchor of the selection is a text entity. If it is, then the selection is at the boundary of the entity.\n  const selection = $getSelection();\n\n  if (!$isRangeSelection(selection)) return false;\n\n  const anchor = selection.anchor.getNode();\n  const prevSibling = anchor.getPreviousSibling();\n\n  if (!$isTextNode(prevSibling)) return false;\n  if (!prevSibling.isTextEntity()) return false;\n\n  return true;\n}\n\nfunction $getRangeAtMatch(match: RegExpExecArray): globalThis.Range | null {\n  const offsetWithWhitespaces = match.index + match[1].length;\n\n  if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces)) return null;\n\n  const selection = window.getSelection();\n  if (selection === null) return null;\n  if (!selection.isCollapsed) return null;\n\n  const anchor = selection.anchorNode;\n  if (anchor === null) return null;\n\n  const endOffset = selection.anchorOffset;\n  if (endOffset === null) return null;\n\n  const range = document.createRange();\n\n  try {\n    range.setStart(anchor, offsetWithWhitespaces);\n    range.setEnd(anchor, endOffset);\n    return range;\n  } catch (error) {\n    return null;\n  }\n}\n\nexport function MentionPlugin() {\n  const [editor] = useLexicalComposerContext();\n  const room = useRoom();\n\n  const [match, setMatch] = useState<RegExpExecArray | null>(null); // Represents the current match of the mention regex. A `null` value means there is no match.\n  const matchingString = match?.[3];\n\n  const suggestions = useMentionSuggestions(room.id, matchingString);\n  const createTextMention = useCreateTextMention();\n  const deleteTextMention = useDeleteTextMention();\n\n  useEffect(() => {\n    function $handleMutation(\n      mutations: Map<NodeKey, NodeMutation>,\n      {\n        prevEditorState,\n      }: {\n        prevEditorState: EditorState;\n      }\n    ) {\n      for (const [key, mutation] of mutations) {\n        if (mutation === \"created\") {\n          editor.getEditorState().read(() => {\n            const node = $getNodeByKey(key);\n            if (node === null) return;\n\n            if (!$isMentionNode(node)) return;\n            createTextMention(node.getUserId(), node.getId());\n          });\n        } else if (mutation === \"destroyed\") {\n          prevEditorState.read(() => {\n            const node = $getNodeByKey(key);\n            if (node === null) return;\n\n            if (!$isMentionNode(node)) return;\n            deleteTextMention(node.getId());\n          });\n        }\n      }\n    }\n\n    return editor.registerMutationListener(\n      MentionNode,\n      (mutations, payload) => {\n        // Ignore mutations to MentionNode (creation/updates/deletions) that are caused by collaboration (remote users) or history merge.\n        if (\n          payload.updateTags.has(\"collaboration\") ||\n          payload.updateTags.has(\"history-merge\")\n        ) {\n          return;\n        }\n\n        $handleMutation(mutations, payload);\n      }\n    );\n  }, [editor, createTextMention, deleteTextMention]);\n\n  useEffect(() => {\n    function $onStateRead() {\n      const text = $getAnchorNodeTextContent();\n      if (text === null) {\n        setMatch(null);\n        return;\n      }\n\n      const match = MentionRegex.exec(text);\n      setMatch(match);\n    }\n\n    return editor.registerUpdateListener(({ editorState: state }) => {\n      state.read($onStateRead);\n    });\n  }, [editor]);\n\n  useEffect(() => {\n    function $handleBackspace(event: KeyboardEvent): boolean {\n      const selection = $getSelection();\n\n      if (selection === null) return false;\n\n      // If the selection is a node selection and the only node selected is a mention node, then we replace the mention node with a text node containing \"@\" and set the selection at the end of the text node.\n      if ($isNodeSelection(selection)) {\n        const nodes = selection.getNodes();\n        if (nodes.length !== 1) return false;\n\n        const node = nodes[0];\n        if (!$isMentionNode(node)) return false;\n\n        const text = $createTextNode(\"@\");\n        node.replace(text);\n\n        const newSelection = $createRangeSelection();\n        newSelection.setTextNodeRange(text, 1, text, 1);\n        $setSelection(newSelection);\n\n        event.preventDefault();\n        return true;\n      } else if ($isRangeSelection(selection)) {\n        if (!selection.isCollapsed()) return false;\n\n        const anchor = selection.anchor.getNode();\n        const prevSibling = anchor.getPreviousSibling();\n        if (selection.anchor.offset === 0 && $isMentionNode(prevSibling)) {\n          const text = $createTextNode(\"@\");\n          prevSibling.replace(text);\n\n          const newSelection = $createRangeSelection();\n          newSelection.setTextNodeRange(text, 1, text, 1);\n          $setSelection(newSelection);\n\n          event.preventDefault();\n          return true;\n        } else if ($isElementNode(anchor)) {\n          const child = anchor.getChildAtIndex(selection.anchor.offset - 1);\n          if (!$isMentionNode(child)) return false;\n\n          const text = $createTextNode(\"@\");\n          child.replace(text);\n\n          const newSelection = $createRangeSelection();\n          newSelection.setTextNodeRange(text, 1, text, 1);\n          $setSelection(newSelection);\n\n          event.preventDefault();\n          return true;\n        }\n\n        return false;\n      }\n\n      return false;\n    }\n\n    return editor.registerCommand(\n      KEY_BACKSPACE_COMMAND,\n      $handleBackspace,\n      COMMAND_PRIORITY_LOW\n    );\n  }, [editor]);\n\n  const handleSuggestionSelect = useCallback(\n    (mention: MentionData) => {\n      function $onValueSelect() {\n        if (match === null) return;\n\n        setMatch(null);\n\n        const selection = $getSelection();\n\n        if (!$isRangeSelection(selection)) return;\n        if (!selection.isCollapsed()) return;\n\n        const anchor = selection.anchor;\n        if (anchor.type !== \"text\") return;\n\n        const anchorNode: TextNode = anchor.getNode();\n        if (!anchorNode.isSimpleText()) return;\n\n        const selectionOffset = anchor.offset;\n        const text = anchorNode.getTextContent().slice(0, selectionOffset);\n\n        const characterOffset = match[2].length;\n        const queryOffset = getFullMatchOffset(text, match[2], characterOffset);\n        const startOffset = selectionOffset - queryOffset;\n        if (startOffset < 0) return;\n\n        let mentionNode: MentionNode;\n\n        // Other mention kinds will be different nodes: GroupMentionNode, etc.\n        switch (mention.kind) {\n          case \"user\":\n            mentionNode = $createMentionNode(mention.id);\n            break;\n\n          default:\n            return assertNever(mention.kind, \"Unhandled mention kind\");\n        }\n\n        // Split the anchor (text) node and create a new text node only containing matched text.\n        if (startOffset === 0) {\n          const [node] = anchorNode.splitText(selectionOffset);\n          node.replace(mentionNode);\n        } else {\n          const [, node] = anchorNode.splitText(startOffset, selectionOffset);\n          node.replace(mentionNode);\n        }\n      }\n\n      editor.update($onValueSelect);\n    },\n    [editor, match]\n  );\n\n  if (match === null || matchingString === undefined) return null;\n\n  if (suggestions === undefined || suggestions.length === 0) return null;\n\n  const range = editor.getEditorState().read(() => $getRangeAtMatch(match));\n\n  if (range === null) return null;\n\n  return createPortal(\n    <SuggestionsContext.Provider value={suggestions}>\n      <OnSuggestionSelectCallbackContext.Provider\n        value={handleSuggestionSelect}\n      >\n        <OnResetMatchCallbackContext.Provider value={() => setMatch(null)}>\n          <SuggestionsPortal\n            range={range}\n            container={document.body}\n            key={matchingString}\n          >\n            <Suggestions.List className=\"lb-lexical-suggestions-list lb-lexical-mention-suggestions-list\">\n              {suggestions.map((mention) => {\n                switch (mention.kind) {\n                  case \"user\":\n                    return (\n                      <Suggestions.Item\n                        key={mention.id}\n                        value={mention.id}\n                        className=\"lb-lexical-suggestions-list-item lb-lexical-mention-suggestion\"\n                      >\n                        <Avatar\n                          userId={mention.id}\n                          className=\"lb-lexical-mention-suggestion-avatar\"\n                        />\n                        <User\n                          userId={mention.id}\n                          className=\"lb-lexical-mention-suggestion-user\"\n                        />\n                      </Suggestions.Item>\n                    );\n\n                  default:\n                    return assertNever(mention.kind, \"Unhandled mention kind\");\n                }\n              })}\n            </Suggestions.List>\n          </SuggestionsPortal>\n        </OnResetMatchCallbackContext.Provider>\n      </OnSuggestionSelectCallbackContext.Provider>\n    </SuggestionsContext.Provider>,\n    document.body\n  );\n}\n\nexport const SUGGESTIONS_COLLISION_PADDING = 10;\n\nfunction SuggestionsPortal({\n  children,\n  range,\n  container,\n}: {\n  children: ReactNode;\n  range: Range;\n  container: Element;\n}) {\n  const {\n    refs: { setReference, setFloating },\n    strategy,\n    x,\n    y,\n  } = useFloating({\n    strategy: \"fixed\",\n    placement: \"top-start\",\n    middleware: [\n      flip({ padding: SUGGESTIONS_COLLISION_PADDING, crossAxis: false }),\n      offset(10),\n      hide({ padding: SUGGESTIONS_COLLISION_PADDING }),\n      shift({ padding: SUGGESTIONS_COLLISION_PADDING, limiter: limitShift() }),\n      size({ padding: SUGGESTIONS_COLLISION_PADDING }),\n    ],\n    whileElementsMounted: (...args) => {\n      return autoUpdate(...args, {\n        animationFrame: true,\n      });\n    },\n  });\n\n  useLayoutEffect(() => {\n    setReference({\n      getBoundingClientRect: () => range.getBoundingClientRect(),\n    });\n  }, [setReference, range]);\n\n  return createPortal(\n    <div\n      ref={setFloating}\n      style={{\n        position: strategy,\n        top: 0,\n        left: 0,\n        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,\n        minWidth: \"max-content\",\n      }}\n      className=\"lb-root lb-portal lb-elevation lb-lexical-suggestions lb-lexical-mention-suggestions\"\n    >\n      {children}\n    </div>,\n    container\n  );\n}\n"],"names":["offset","match","Suggestions.List","Suggestions.Item"],"mappings":"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"}

package/dist/mentions/suggestions.cjs

@@ -6,7 +6,7 @@ var lexical = require('lexical');
 var react = require('react');
 
 const SuggestionsContext = react.createContext(null);
-const OnValueSelectCallbackContext = react.createContext(null);
+const OnSuggestionSelectCallbackContext = react.createContext(null);
 const OnResetMatchCallbackContext = react.createContext(
   null
 );
@@ -16,16 +16,16 @@ const List = react.forwardRef(
     const { children, ...divProps } = props;
     const [editor] = LexicalComposerContext.useLexicalComposerContext();
     const [highlightedIndex, setHighlightedIndex] = react.useState(0);
-    const values = useSuggestions();
-    const onValueSelect = useOnValueSelectCallback();
+    const suggestions = useSuggestions();
+    const onSuggestionSelect = useOnSuggestionSelectCallback();
     const onEscapeKeyDown = useOnResetMatchCallback();
     react.useEffect(() => {
       function onKeyArrowDown(event) {
-        if (values.length === 0)
+        if (suggestions.length === 0)
           return true;
         if (highlightedIndex === null)
           return true;
-        const nextIndex = highlightedIndex === values.length - 1 ? 0 : highlightedIndex + 1;
+        const nextIndex = highlightedIndex === suggestions.length - 1 ? 0 : highlightedIndex + 1;
         setHighlightedIndex(nextIndex);
         event.preventDefault();
         event.stopImmediatePropagation();
@@ -36,14 +36,14 @@ const List = react.forwardRef(
         onKeyArrowDown,
         lexical.COMMAND_PRIORITY_LOW
       );
-    }, [editor, highlightedIndex, values]);
+    }, [editor, highlightedIndex, suggestions]);
     react.useEffect(() => {
       function onKeyArrowUp(event) {
-        if (values.length === 0)
+        if (suggestions.length === 0)
           return true;
         if (highlightedIndex === null)
           return true;
-        const nextIndex = highlightedIndex === 0 ? values.length - 1 : highlightedIndex - 1;
+        const nextIndex = highlightedIndex === 0 ? suggestions.length - 1 : highlightedIndex - 1;
         setHighlightedIndex(nextIndex);
         event.preventDefault();
         event.stopImmediatePropagation();
@@ -54,7 +54,7 @@ const List = react.forwardRef(
         onKeyArrowUp,
         lexical.COMMAND_PRIORITY_LOW
       );
-    }, [editor, highlightedIndex, values]);
+    }, [editor, highlightedIndex, suggestions]);
     react.useEffect(() => {
       function onKeyEscape(event) {
         event.preventDefault();
@@ -70,9 +70,9 @@ const List = react.forwardRef(
     }, [editor, onEscapeKeyDown]);
     react.useEffect(() => {
       function onKeyEnter(event) {
-        if (values.length === 0)
+        if (suggestions.length === 0)
           return true;
-        onValueSelect(values[highlightedIndex]);
+        onSuggestionSelect(suggestions[highlightedIndex]);
         if (event === null)
           return true;
         event.preventDefault();
@@ -84,7 +84,7 @@ const List = react.forwardRef(
         onKeyEnter,
         lexical.COMMAND_PRIORITY_LOW
       );
-    }, [editor, onValueSelect, highlightedIndex, values]);
+    }, [editor, onSuggestionSelect, highlightedIndex, suggestions]);
     react.useEffect(() => {
       const root = editor.getRootElement();
       if (root === null)
@@ -114,8 +114,8 @@ const Item = react.forwardRef(
     const divRef = react.useRef(null);
     const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex();
     const suggestions = useSuggestions();
-    const onValueSelect = useOnValueSelectCallback();
-    const isHighlighted = suggestions[highlightedIndex] === value;
+    const onSuggestionSelect = useOnSuggestionSelectCallback();
+    const isHighlighted = suggestions[highlightedIndex].id === value;
     react.useImperativeHandle(
       forwardedRef,
       () => divRef.current
@@ -132,7 +132,9 @@ const Item = react.forwardRef(
       onMouseEnter?.(event);
       if (event.isDefaultPrevented())
         return;
-      const index = suggestions.indexOf(value);
+      const index = suggestions.findIndex(
+        (suggestion) => suggestion.id === value
+      );
       if (index === -1)
         return;
       setHighlightedIndex(index);
@@ -141,7 +143,7 @@ const Item = react.forwardRef(
       onClick?.(event);
       if (event.isDefaultPrevented())
         return;
-      onValueSelect(value);
+      onSuggestionSelect(suggestions[highlightedIndex]);
     }
     return /* @__PURE__ */ jsxRuntime.jsx("div", {
       role: "option",
@@ -170,12 +172,14 @@ function useSuggestions() {
   }
   return suggestions;
 }
-function useOnValueSelectCallback() {
-  const onValueSelect = react.useContext(OnValueSelectCallbackContext);
-  if (onValueSelect === null) {
-    throw new Error("useOnValueSelectCallback: OnValueSelectContext not found");
+function useOnSuggestionSelectCallback() {
+  const onSuggestionSelect = react.useContext(OnSuggestionSelectCallbackContext);
+  if (onSuggestionSelect === null) {
+    throw new Error(
+      "useOnSuggestionSelectCallback: OnSuggestionSelectContext not found"
+    );
   }
-  return onValueSelect;
+  return onSuggestionSelect;
 }
 function useOnResetMatchCallback() {
   const onResetMatch = react.useContext(OnResetMatchCallbackContext);
@@ -188,6 +192,6 @@ function useOnResetMatchCallback() {
 exports.Item = Item;
 exports.List = List;
 exports.OnResetMatchCallbackContext = OnResetMatchCallbackContext;
-exports.OnValueSelectCallbackContext = OnValueSelectCallbackContext;
+exports.OnSuggestionSelectCallbackContext = OnSuggestionSelectCallbackContext;
 exports.SuggestionsContext = SuggestionsContext;
 //# sourceMappingURL=suggestions.cjs.map

package/dist/mentions/suggestions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions.cjs","sources":["../../src/mentions/suggestions.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_ENTER_COMMAND,\n  KEY_ESCAPE_COMMAND,\n} from \"lexical\";\nimport type {\n  Dispatch,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  SetStateAction,\n} from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nexport const SuggestionsContext = createContext<string[] | null>(null);\n\nexport const OnValueSelectCallbackContext = createContext<\n  ((value: string) => void) | null\n>(null);\n\nexport const OnResetMatchCallbackContext = createContext<(() => void) | null>(\n  null\n);\n\nconst HighlightedIndexContext = createContext<\n  [number, Dispatch<SetStateAction<number>>] | null\n>(null);\n\nexport interface ListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nconst List = forwardRef<HTMLDivElement, ListProps>(\n  function (props, forwardedRef) {\n    const { children, ...divProps } = props;\n    const [editor] = useLexicalComposerContext();\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n    const values = useSuggestions();\n    const onValueSelect = useOnValueSelectCallback();\n    const onEscapeKeyDown = useOnResetMatchCallback();\n\n    useEffect(() => {\n      function onKeyArrowDown(event: KeyboardEvent): boolean {\n        if (values.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the last suggestion, then we loop back to the first suggestion, otherwise we increment the index.\n        const nextIndex =\n          highlightedIndex === values.length - 1 ? 0 : highlightedIndex + 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        onKeyArrowDown,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, values]);\n\n    useEffect(() => {\n      function onKeyArrowUp(event: KeyboardEvent): boolean {\n        if (values.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the first suggestion, then we loop back to the last suggestion, otherwise we decrement the index.\n        const nextIndex =\n          highlightedIndex === 0 ? values.length - 1 : highlightedIndex - 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        onKeyArrowUp,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, values]);\n\n    useEffect(() => {\n      function onKeyEscape(event: KeyboardEvent): boolean {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        onEscapeKeyDown();\n        return true;\n      }\n\n      return editor.registerCommand<KeyboardEvent>(\n        KEY_ESCAPE_COMMAND,\n        onKeyEscape,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onEscapeKeyDown]);\n\n    useEffect(() => {\n      function onKeyEnter(event: KeyboardEvent | null): boolean {\n        if (values.length === 0) return true;\n\n        onValueSelect(values[highlightedIndex]);\n\n        if (event === null) return true;\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ENTER_COMMAND,\n        onKeyEnter,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onValueSelect, highlightedIndex, values]);\n\n    useEffect(() => {\n      const root = editor.getRootElement();\n      if (root === null) return;\n\n      root.setAttribute(\n        \"aria-activedescendant\",\n        `typeahead-item-${highlightedIndex}`\n      );\n\n      return () => {\n        root.removeAttribute(\"aria-activedescendant\");\n      };\n    }, [editor, highlightedIndex]);\n\n    return (\n      <HighlightedIndexContext.Provider\n        value={[highlightedIndex, setHighlightedIndex]}\n      >\n        <div role=\"listbox\" {...divProps} ref={forwardedRef}>\n          {children}\n        </div>\n      </HighlightedIndexContext.Provider>\n    );\n  }\n);\n\ninterface ItemProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst Item = forwardRef<HTMLDivElement | null, ItemProps>(\n  function Item(props, forwardedRef) {\n    const { children, value, onMouseEnter, onClick, ...divProps } = props;\n    const divRef = useRef<HTMLDivElement>(null);\n\n    const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex();\n    const suggestions = useSuggestions();\n    const onValueSelect = useOnValueSelectCallback();\n\n    const isHighlighted = suggestions[highlightedIndex] === value;\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      forwardedRef,\n      () => divRef.current\n    );\n\n    useEffect(() => {\n      if (!isHighlighted) return;\n\n      const div = divRef.current;\n      if (div === null) return;\n\n      div.scrollIntoView({ block: \"nearest\" });\n    }, [isHighlighted]);\n\n    function handleMouseEnter(event: MouseEvent<HTMLDivElement>) {\n      onMouseEnter?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      const index = suggestions.indexOf(value);\n      if (index === -1) return;\n\n      setHighlightedIndex(index);\n    }\n\n    function handleClick(event: MouseEvent<HTMLDivElement>) {\n      onClick?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      onValueSelect(value);\n    }\n\n    return (\n      <div\n        role=\"option\"\n        data-highlighted={isHighlighted || undefined}\n        onMouseEnter={handleMouseEnter}\n        onClick={handleClick}\n        {...divProps}\n        ref={divRef}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nfunction useHighlightedIndex(): [number, Dispatch<SetStateAction<number>>] {\n  const context = useContext(HighlightedIndexContext);\n  if (context === null) {\n    throw new Error(\n      \"useHighlightedIndex must be used within a HighlightedIndexProvider\"\n    );\n  }\n  return context;\n}\n\nfunction useSuggestions(): string[] {\n  const suggestions = useContext(SuggestionsContext);\n  if (suggestions === null) {\n    throw new Error(\"useSuggestions: SuggestionsContext not found\");\n  }\n\n  return suggestions;\n}\n\nfunction useOnValueSelectCallback(): (value: string) => void {\n  const onValueSelect = useContext(OnValueSelectCallbackContext);\n  if (onValueSelect === null) {\n    throw new Error(\"useOnValueSelectCallback: OnValueSelectContext not found\");\n  }\n\n  return onValueSelect;\n}\n\nfunction useOnResetMatchCallback(): () => void {\n  const onResetMatch = useContext(OnResetMatchCallbackContext);\n  if (onResetMatch === null) {\n    throw new Error(\"useOnResetMatchCallback: OnResetMatchContext not found\");\n  }\n\n  return onResetMatch;\n}\n\nexport { Item, List };\n"],"names":["createContext","forwardRef","useLexicalComposerContext","useState","useEffect","KEY_ARROW_DOWN_COMMAND","COMMAND_PRIORITY_LOW","KEY_ARROW_UP_COMMAND","KEY_ESCAPE_COMMAND","KEY_ENTER_COMMAND","jsx","Item","useRef","useImperativeHandle","useContext"],"mappings":"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"}
+{"version":3,"file":"suggestions.cjs","sources":["../../src/mentions/suggestions.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { MentionData } from \"@liveblocks/core\";\nimport {\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_ENTER_COMMAND,\n  KEY_ESCAPE_COMMAND,\n} from \"lexical\";\nimport type {\n  Dispatch,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  SetStateAction,\n} from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nexport const SuggestionsContext = createContext<MentionData[] | null>(null);\n\nexport const OnSuggestionSelectCallbackContext = createContext<\n  ((mention: MentionData) => void) | null\n>(null);\n\nexport const OnResetMatchCallbackContext = createContext<(() => void) | null>(\n  null\n);\n\nconst HighlightedIndexContext = createContext<\n  [number, Dispatch<SetStateAction<number>>] | null\n>(null);\n\nexport interface ListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nconst List = forwardRef<HTMLDivElement, ListProps>(\n  function (props, forwardedRef) {\n    const { children, ...divProps } = props;\n    const [editor] = useLexicalComposerContext();\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n    const suggestions = useSuggestions();\n    const onSuggestionSelect = useOnSuggestionSelectCallback();\n    const onEscapeKeyDown = useOnResetMatchCallback();\n\n    useEffect(() => {\n      function onKeyArrowDown(event: KeyboardEvent): boolean {\n        if (suggestions.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the last suggestion, then we loop back to the first suggestion, otherwise we increment the index.\n        const nextIndex =\n          highlightedIndex === suggestions.length - 1\n            ? 0\n            : highlightedIndex + 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        onKeyArrowDown,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, suggestions]);\n\n    useEffect(() => {\n      function onKeyArrowUp(event: KeyboardEvent): boolean {\n        if (suggestions.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the first suggestion, then we loop back to the last suggestion, otherwise we decrement the index.\n        const nextIndex =\n          highlightedIndex === 0\n            ? suggestions.length - 1\n            : highlightedIndex - 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        onKeyArrowUp,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, suggestions]);\n\n    useEffect(() => {\n      function onKeyEscape(event: KeyboardEvent): boolean {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        onEscapeKeyDown();\n        return true;\n      }\n\n      return editor.registerCommand<KeyboardEvent>(\n        KEY_ESCAPE_COMMAND,\n        onKeyEscape,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onEscapeKeyDown]);\n\n    useEffect(() => {\n      function onKeyEnter(event: KeyboardEvent | null): boolean {\n        if (suggestions.length === 0) return true;\n\n        onSuggestionSelect(suggestions[highlightedIndex]);\n\n        if (event === null) return true;\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ENTER_COMMAND,\n        onKeyEnter,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onSuggestionSelect, highlightedIndex, suggestions]);\n\n    useEffect(() => {\n      const root = editor.getRootElement();\n      if (root === null) return;\n\n      root.setAttribute(\n        \"aria-activedescendant\",\n        `typeahead-item-${highlightedIndex}`\n      );\n\n      return () => {\n        root.removeAttribute(\"aria-activedescendant\");\n      };\n    }, [editor, highlightedIndex]);\n\n    return (\n      <HighlightedIndexContext.Provider\n        value={[highlightedIndex, setHighlightedIndex]}\n      >\n        <div role=\"listbox\" {...divProps} ref={forwardedRef}>\n          {children}\n        </div>\n      </HighlightedIndexContext.Provider>\n    );\n  }\n);\n\ninterface ItemProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst Item = forwardRef<HTMLDivElement | null, ItemProps>(\n  function Item(props, forwardedRef) {\n    const { children, value, onMouseEnter, onClick, ...divProps } = props;\n    const divRef = useRef<HTMLDivElement>(null);\n\n    const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex();\n    const suggestions = useSuggestions();\n    const onSuggestionSelect = useOnSuggestionSelectCallback();\n\n    const isHighlighted = suggestions[highlightedIndex].id === value;\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      forwardedRef,\n      () => divRef.current\n    );\n\n    useEffect(() => {\n      if (!isHighlighted) return;\n\n      const div = divRef.current;\n      if (div === null) return;\n\n      div.scrollIntoView({ block: \"nearest\" });\n    }, [isHighlighted]);\n\n    function handleMouseEnter(event: MouseEvent<HTMLDivElement>) {\n      onMouseEnter?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      const index = suggestions.findIndex(\n        (suggestion) => suggestion.id === value\n      );\n      if (index === -1) return;\n\n      setHighlightedIndex(index);\n    }\n\n    function handleClick(event: MouseEvent<HTMLDivElement>) {\n      onClick?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      onSuggestionSelect(suggestions[highlightedIndex]);\n    }\n\n    return (\n      <div\n        role=\"option\"\n        data-highlighted={isHighlighted || undefined}\n        onMouseEnter={handleMouseEnter}\n        onClick={handleClick}\n        {...divProps}\n        ref={divRef}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nfunction useHighlightedIndex(): [number, Dispatch<SetStateAction<number>>] {\n  const context = useContext(HighlightedIndexContext);\n  if (context === null) {\n    throw new Error(\n      \"useHighlightedIndex must be used within a HighlightedIndexProvider\"\n    );\n  }\n  return context;\n}\n\nfunction useSuggestions(): MentionData[] {\n  const suggestions = useContext(SuggestionsContext);\n  if (suggestions === null) {\n    throw new Error(\"useSuggestions: SuggestionsContext not found\");\n  }\n\n  return suggestions;\n}\n\nfunction useOnSuggestionSelectCallback(): (mention: MentionData) => void {\n  const onSuggestionSelect = useContext(OnSuggestionSelectCallbackContext);\n  if (onSuggestionSelect === null) {\n    throw new Error(\n      \"useOnSuggestionSelectCallback: OnSuggestionSelectContext not found\"\n    );\n  }\n\n  return onSuggestionSelect;\n}\n\nfunction useOnResetMatchCallback(): () => void {\n  const onResetMatch = useContext(OnResetMatchCallbackContext);\n  if (onResetMatch === null) {\n    throw new Error(\"useOnResetMatchCallback: OnResetMatchContext not found\");\n  }\n\n  return onResetMatch;\n}\n\nexport { Item, List };\n"],"names":["createContext","forwardRef","useLexicalComposerContext","useState","useEffect","KEY_ARROW_DOWN_COMMAND","COMMAND_PRIORITY_LOW","KEY_ARROW_UP_COMMAND","KEY_ESCAPE_COMMAND","KEY_ENTER_COMMAND","jsx","Item","useRef","useImperativeHandle","useContext"],"mappings":"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"}

package/dist/mentions/suggestions.js

@@ -4,7 +4,7 @@ import { KEY_ARROW_DOWN_COMMAND, COMMAND_PRIORITY_LOW, KEY_ARROW_UP_COMMAND, KEY
 import { createContext, forwardRef, useState, useEffect, useRef, useImperativeHandle, useContext } from 'react';
 
 const SuggestionsContext = createContext(null);
-const OnValueSelectCallbackContext = createContext(null);
+const OnSuggestionSelectCallbackContext = createContext(null);
 const OnResetMatchCallbackContext = createContext(
   null
 );
@@ -14,16 +14,16 @@ const List = forwardRef(
     const { children, ...divProps } = props;
     const [editor] = useLexicalComposerContext();
     const [highlightedIndex, setHighlightedIndex] = useState(0);
-    const values = useSuggestions();
-    const onValueSelect = useOnValueSelectCallback();
+    const suggestions = useSuggestions();
+    const onSuggestionSelect = useOnSuggestionSelectCallback();
     const onEscapeKeyDown = useOnResetMatchCallback();
     useEffect(() => {
       function onKeyArrowDown(event) {
-        if (values.length === 0)
+        if (suggestions.length === 0)
           return true;
         if (highlightedIndex === null)
           return true;
-        const nextIndex = highlightedIndex === values.length - 1 ? 0 : highlightedIndex + 1;
+        const nextIndex = highlightedIndex === suggestions.length - 1 ? 0 : highlightedIndex + 1;
         setHighlightedIndex(nextIndex);
         event.preventDefault();
         event.stopImmediatePropagation();
@@ -34,14 +34,14 @@ const List = forwardRef(
         onKeyArrowDown,
         COMMAND_PRIORITY_LOW
       );
-    }, [editor, highlightedIndex, values]);
+    }, [editor, highlightedIndex, suggestions]);
     useEffect(() => {
       function onKeyArrowUp(event) {
-        if (values.length === 0)
+        if (suggestions.length === 0)
           return true;
         if (highlightedIndex === null)
           return true;
-        const nextIndex = highlightedIndex === 0 ? values.length - 1 : highlightedIndex - 1;
+        const nextIndex = highlightedIndex === 0 ? suggestions.length - 1 : highlightedIndex - 1;
         setHighlightedIndex(nextIndex);
         event.preventDefault();
         event.stopImmediatePropagation();
@@ -52,7 +52,7 @@ const List = forwardRef(
         onKeyArrowUp,
         COMMAND_PRIORITY_LOW
       );
-    }, [editor, highlightedIndex, values]);
+    }, [editor, highlightedIndex, suggestions]);
     useEffect(() => {
       function onKeyEscape(event) {
         event.preventDefault();
@@ -68,9 +68,9 @@ const List = forwardRef(
     }, [editor, onEscapeKeyDown]);
     useEffect(() => {
       function onKeyEnter(event) {
-        if (values.length === 0)
+        if (suggestions.length === 0)
           return true;
-        onValueSelect(values[highlightedIndex]);
+        onSuggestionSelect(suggestions[highlightedIndex]);
         if (event === null)
           return true;
         event.preventDefault();
@@ -82,7 +82,7 @@ const List = forwardRef(
         onKeyEnter,
         COMMAND_PRIORITY_LOW
       );
-    }, [editor, onValueSelect, highlightedIndex, values]);
+    }, [editor, onSuggestionSelect, highlightedIndex, suggestions]);
     useEffect(() => {
       const root = editor.getRootElement();
       if (root === null)
@@ -112,8 +112,8 @@ const Item = forwardRef(
     const divRef = useRef(null);
     const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex();
     const suggestions = useSuggestions();
-    const onValueSelect = useOnValueSelectCallback();
-    const isHighlighted = suggestions[highlightedIndex] === value;
+    const onSuggestionSelect = useOnSuggestionSelectCallback();
+    const isHighlighted = suggestions[highlightedIndex].id === value;
     useImperativeHandle(
       forwardedRef,
       () => divRef.current
@@ -130,7 +130,9 @@ const Item = forwardRef(
       onMouseEnter?.(event);
       if (event.isDefaultPrevented())
         return;
-      const index = suggestions.indexOf(value);
+      const index = suggestions.findIndex(
+        (suggestion) => suggestion.id === value
+      );
       if (index === -1)
         return;
       setHighlightedIndex(index);
@@ -139,7 +141,7 @@ const Item = forwardRef(
       onClick?.(event);
       if (event.isDefaultPrevented())
         return;
-      onValueSelect(value);
+      onSuggestionSelect(suggestions[highlightedIndex]);
     }
     return /* @__PURE__ */ jsx("div", {
       role: "option",
@@ -168,12 +170,14 @@ function useSuggestions() {
   }
   return suggestions;
 }
-function useOnValueSelectCallback() {
-  const onValueSelect = useContext(OnValueSelectCallbackContext);
-  if (onValueSelect === null) {
-    throw new Error("useOnValueSelectCallback: OnValueSelectContext not found");
+function useOnSuggestionSelectCallback() {
+  const onSuggestionSelect = useContext(OnSuggestionSelectCallbackContext);
+  if (onSuggestionSelect === null) {
+    throw new Error(
+      "useOnSuggestionSelectCallback: OnSuggestionSelectContext not found"
+    );
   }
-  return onValueSelect;
+  return onSuggestionSelect;
 }
 function useOnResetMatchCallback() {
   const onResetMatch = useContext(OnResetMatchCallbackContext);
@@ -183,5 +187,5 @@ function useOnResetMatchCallback() {
   return onResetMatch;
 }
 
-export { Item, List, OnResetMatchCallbackContext, OnValueSelectCallbackContext, SuggestionsContext };
+export { Item, List, OnResetMatchCallbackContext, OnSuggestionSelectCallbackContext, SuggestionsContext };
 //# sourceMappingURL=suggestions.js.map

package/dist/mentions/suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions.js","sources":["../../src/mentions/suggestions.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_ENTER_COMMAND,\n  KEY_ESCAPE_COMMAND,\n} from \"lexical\";\nimport type {\n  Dispatch,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  SetStateAction,\n} from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nexport const SuggestionsContext = createContext<string[] | null>(null);\n\nexport const OnValueSelectCallbackContext = createContext<\n  ((value: string) => void) | null\n>(null);\n\nexport const OnResetMatchCallbackContext = createContext<(() => void) | null>(\n  null\n);\n\nconst HighlightedIndexContext = createContext<\n  [number, Dispatch<SetStateAction<number>>] | null\n>(null);\n\nexport interface ListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nconst List = forwardRef<HTMLDivElement, ListProps>(\n  function (props, forwardedRef) {\n    const { children, ...divProps } = props;\n    const [editor] = useLexicalComposerContext();\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n    const values = useSuggestions();\n    const onValueSelect = useOnValueSelectCallback();\n    const onEscapeKeyDown = useOnResetMatchCallback();\n\n    useEffect(() => {\n      function onKeyArrowDown(event: KeyboardEvent): boolean {\n        if (values.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the last suggestion, then we loop back to the first suggestion, otherwise we increment the index.\n        const nextIndex =\n          highlightedIndex === values.length - 1 ? 0 : highlightedIndex + 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        onKeyArrowDown,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, values]);\n\n    useEffect(() => {\n      function onKeyArrowUp(event: KeyboardEvent): boolean {\n        if (values.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the first suggestion, then we loop back to the last suggestion, otherwise we decrement the index.\n        const nextIndex =\n          highlightedIndex === 0 ? values.length - 1 : highlightedIndex - 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        onKeyArrowUp,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, values]);\n\n    useEffect(() => {\n      function onKeyEscape(event: KeyboardEvent): boolean {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        onEscapeKeyDown();\n        return true;\n      }\n\n      return editor.registerCommand<KeyboardEvent>(\n        KEY_ESCAPE_COMMAND,\n        onKeyEscape,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onEscapeKeyDown]);\n\n    useEffect(() => {\n      function onKeyEnter(event: KeyboardEvent | null): boolean {\n        if (values.length === 0) return true;\n\n        onValueSelect(values[highlightedIndex]);\n\n        if (event === null) return true;\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ENTER_COMMAND,\n        onKeyEnter,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onValueSelect, highlightedIndex, values]);\n\n    useEffect(() => {\n      const root = editor.getRootElement();\n      if (root === null) return;\n\n      root.setAttribute(\n        \"aria-activedescendant\",\n        `typeahead-item-${highlightedIndex}`\n      );\n\n      return () => {\n        root.removeAttribute(\"aria-activedescendant\");\n      };\n    }, [editor, highlightedIndex]);\n\n    return (\n      <HighlightedIndexContext.Provider\n        value={[highlightedIndex, setHighlightedIndex]}\n      >\n        <div role=\"listbox\" {...divProps} ref={forwardedRef}>\n          {children}\n        </div>\n      </HighlightedIndexContext.Provider>\n    );\n  }\n);\n\ninterface ItemProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst Item = forwardRef<HTMLDivElement | null, ItemProps>(\n  function Item(props, forwardedRef) {\n    const { children, value, onMouseEnter, onClick, ...divProps } = props;\n    const divRef = useRef<HTMLDivElement>(null);\n\n    const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex();\n    const suggestions = useSuggestions();\n    const onValueSelect = useOnValueSelectCallback();\n\n    const isHighlighted = suggestions[highlightedIndex] === value;\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      forwardedRef,\n      () => divRef.current\n    );\n\n    useEffect(() => {\n      if (!isHighlighted) return;\n\n      const div = divRef.current;\n      if (div === null) return;\n\n      div.scrollIntoView({ block: \"nearest\" });\n    }, [isHighlighted]);\n\n    function handleMouseEnter(event: MouseEvent<HTMLDivElement>) {\n      onMouseEnter?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      const index = suggestions.indexOf(value);\n      if (index === -1) return;\n\n      setHighlightedIndex(index);\n    }\n\n    function handleClick(event: MouseEvent<HTMLDivElement>) {\n      onClick?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      onValueSelect(value);\n    }\n\n    return (\n      <div\n        role=\"option\"\n        data-highlighted={isHighlighted || undefined}\n        onMouseEnter={handleMouseEnter}\n        onClick={handleClick}\n        {...divProps}\n        ref={divRef}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nfunction useHighlightedIndex(): [number, Dispatch<SetStateAction<number>>] {\n  const context = useContext(HighlightedIndexContext);\n  if (context === null) {\n    throw new Error(\n      \"useHighlightedIndex must be used within a HighlightedIndexProvider\"\n    );\n  }\n  return context;\n}\n\nfunction useSuggestions(): string[] {\n  const suggestions = useContext(SuggestionsContext);\n  if (suggestions === null) {\n    throw new Error(\"useSuggestions: SuggestionsContext not found\");\n  }\n\n  return suggestions;\n}\n\nfunction useOnValueSelectCallback(): (value: string) => void {\n  const onValueSelect = useContext(OnValueSelectCallbackContext);\n  if (onValueSelect === null) {\n    throw new Error(\"useOnValueSelectCallback: OnValueSelectContext not found\");\n  }\n\n  return onValueSelect;\n}\n\nfunction useOnResetMatchCallback(): () => void {\n  const onResetMatch = useContext(OnResetMatchCallbackContext);\n  if (onResetMatch === null) {\n    throw new Error(\"useOnResetMatchCallback: OnResetMatchContext not found\");\n  }\n\n  return onResetMatch;\n}\n\nexport { Item, List };\n"],"names":["Item"],"mappings":"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"}
+{"version":3,"file":"suggestions.js","sources":["../../src/mentions/suggestions.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { MentionData } from \"@liveblocks/core\";\nimport {\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_ENTER_COMMAND,\n  KEY_ESCAPE_COMMAND,\n} from \"lexical\";\nimport type {\n  Dispatch,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  SetStateAction,\n} from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nexport const SuggestionsContext = createContext<MentionData[] | null>(null);\n\nexport const OnSuggestionSelectCallbackContext = createContext<\n  ((mention: MentionData) => void) | null\n>(null);\n\nexport const OnResetMatchCallbackContext = createContext<(() => void) | null>(\n  null\n);\n\nconst HighlightedIndexContext = createContext<\n  [number, Dispatch<SetStateAction<number>>] | null\n>(null);\n\nexport interface ListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nconst List = forwardRef<HTMLDivElement, ListProps>(\n  function (props, forwardedRef) {\n    const { children, ...divProps } = props;\n    const [editor] = useLexicalComposerContext();\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n    const suggestions = useSuggestions();\n    const onSuggestionSelect = useOnSuggestionSelectCallback();\n    const onEscapeKeyDown = useOnResetMatchCallback();\n\n    useEffect(() => {\n      function onKeyArrowDown(event: KeyboardEvent): boolean {\n        if (suggestions.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the last suggestion, then we loop back to the first suggestion, otherwise we increment the index.\n        const nextIndex =\n          highlightedIndex === suggestions.length - 1\n            ? 0\n            : highlightedIndex + 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        onKeyArrowDown,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, suggestions]);\n\n    useEffect(() => {\n      function onKeyArrowUp(event: KeyboardEvent): boolean {\n        if (suggestions.length === 0) return true;\n        if (highlightedIndex === null) return true;\n\n        // If the highlighted index is at the first suggestion, then we loop back to the last suggestion, otherwise we decrement the index.\n        const nextIndex =\n          highlightedIndex === 0\n            ? suggestions.length - 1\n            : highlightedIndex - 1;\n        setHighlightedIndex(nextIndex);\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        onKeyArrowUp,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, highlightedIndex, suggestions]);\n\n    useEffect(() => {\n      function onKeyEscape(event: KeyboardEvent): boolean {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n\n        onEscapeKeyDown();\n        return true;\n      }\n\n      return editor.registerCommand<KeyboardEvent>(\n        KEY_ESCAPE_COMMAND,\n        onKeyEscape,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onEscapeKeyDown]);\n\n    useEffect(() => {\n      function onKeyEnter(event: KeyboardEvent | null): boolean {\n        if (suggestions.length === 0) return true;\n\n        onSuggestionSelect(suggestions[highlightedIndex]);\n\n        if (event === null) return true;\n\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        return true;\n      }\n\n      return editor.registerCommand(\n        KEY_ENTER_COMMAND,\n        onKeyEnter,\n        COMMAND_PRIORITY_LOW\n      );\n    }, [editor, onSuggestionSelect, highlightedIndex, suggestions]);\n\n    useEffect(() => {\n      const root = editor.getRootElement();\n      if (root === null) return;\n\n      root.setAttribute(\n        \"aria-activedescendant\",\n        `typeahead-item-${highlightedIndex}`\n      );\n\n      return () => {\n        root.removeAttribute(\"aria-activedescendant\");\n      };\n    }, [editor, highlightedIndex]);\n\n    return (\n      <HighlightedIndexContext.Provider\n        value={[highlightedIndex, setHighlightedIndex]}\n      >\n        <div role=\"listbox\" {...divProps} ref={forwardedRef}>\n          {children}\n        </div>\n      </HighlightedIndexContext.Provider>\n    );\n  }\n);\n\ninterface ItemProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nconst Item = forwardRef<HTMLDivElement | null, ItemProps>(\n  function Item(props, forwardedRef) {\n    const { children, value, onMouseEnter, onClick, ...divProps } = props;\n    const divRef = useRef<HTMLDivElement>(null);\n\n    const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex();\n    const suggestions = useSuggestions();\n    const onSuggestionSelect = useOnSuggestionSelectCallback();\n\n    const isHighlighted = suggestions[highlightedIndex].id === value;\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n      forwardedRef,\n      () => divRef.current\n    );\n\n    useEffect(() => {\n      if (!isHighlighted) return;\n\n      const div = divRef.current;\n      if (div === null) return;\n\n      div.scrollIntoView({ block: \"nearest\" });\n    }, [isHighlighted]);\n\n    function handleMouseEnter(event: MouseEvent<HTMLDivElement>) {\n      onMouseEnter?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      const index = suggestions.findIndex(\n        (suggestion) => suggestion.id === value\n      );\n      if (index === -1) return;\n\n      setHighlightedIndex(index);\n    }\n\n    function handleClick(event: MouseEvent<HTMLDivElement>) {\n      onClick?.(event);\n\n      if (event.isDefaultPrevented()) return;\n\n      onSuggestionSelect(suggestions[highlightedIndex]);\n    }\n\n    return (\n      <div\n        role=\"option\"\n        data-highlighted={isHighlighted || undefined}\n        onMouseEnter={handleMouseEnter}\n        onClick={handleClick}\n        {...divProps}\n        ref={divRef}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nfunction useHighlightedIndex(): [number, Dispatch<SetStateAction<number>>] {\n  const context = useContext(HighlightedIndexContext);\n  if (context === null) {\n    throw new Error(\n      \"useHighlightedIndex must be used within a HighlightedIndexProvider\"\n    );\n  }\n  return context;\n}\n\nfunction useSuggestions(): MentionData[] {\n  const suggestions = useContext(SuggestionsContext);\n  if (suggestions === null) {\n    throw new Error(\"useSuggestions: SuggestionsContext not found\");\n  }\n\n  return suggestions;\n}\n\nfunction useOnSuggestionSelectCallback(): (mention: MentionData) => void {\n  const onSuggestionSelect = useContext(OnSuggestionSelectCallbackContext);\n  if (onSuggestionSelect === null) {\n    throw new Error(\n      \"useOnSuggestionSelectCallback: OnSuggestionSelectContext not found\"\n    );\n  }\n\n  return onSuggestionSelect;\n}\n\nfunction useOnResetMatchCallback(): () => void {\n  const onResetMatch = useContext(OnResetMatchCallbackContext);\n  if (onResetMatch === null) {\n    throw new Error(\"useOnResetMatchCallback: OnResetMatchContext not found\");\n  }\n\n  return onResetMatch;\n}\n\nexport { Item, List };\n"],"names":["Item"],"mappings":"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"}

package/dist/toolbar/floating-toolbar.cjs

@@ -7,7 +7,6 @@ var _private = require('@liveblocks/react-ui/_private');
 var lexical = require('lexical');
 var react = require('react');
 var reactDom$1 = require('react-dom');
-var classnames = require('../classnames.cjs');
 var floatingComposer = require('../comments/floating-composer.cjs');
 var createDomRange = require('../create-dom-range.cjs');
 var isCommandRegistered = require('../is-command-registered.cjs');
@@ -271,7 +270,7 @@ const FloatingToolbar = Object.assign(
               role: "toolbar",
               "aria-label": "Floating toolbar",
               "aria-orientation": "horizontal",
-              className: classnames.classNames(
+              className: _private.cn(
                 "lb-root lb-portal lb-elevation lb-lexical-floating-toolbar lb-lexical-toolbar",
                 className
               ),