@lexical/react 0.49.1-nightly.20260901.0 → 0.50.0

package/src/shared/LexicalMenu.tsx

@@ -7,6 +7,8 @@
  */
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {MenuOption} from '@lexical/react/LexicalMenuOption';
+import {SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND} from '@lexical/react/LexicalTypeaheadMenuPluginUtils';
 import {getScrollParent} from '@lexical/utils';
 import {
   $getSelection,
@@ -14,7 +16,6 @@ import {
   CAN_USE_DOM,
   COMMAND_PRIORITY_LOW,
   type CommandListenerPriority,
-  createCommand,
   getDOMShadowRoots,
   getParentElement,
   getRootOwnerDocument,
@@ -25,7 +26,6 @@ import {
   KEY_ENTER_COMMAND,
   KEY_ESCAPE_COMMAND,
   KEY_TAB_COMMAND,
-  type LexicalCommand,
   type LexicalEditor,
   mergeRegister,
   registerEventListener,
@@ -67,28 +67,10 @@ export type MenuResolution = {
   getRect: () => DOMRect;
 };
 
-/**
- * The base class for an item shown in a {@link LexicalTypeaheadMenuPlugin} or
- * {@link LexicalNodeMenuPlugin} menu. Each option has a unique `key` and a `ref`
- * to its rendered element (used for scrolling and keyboard navigation).
- * Subclass it to attach your own data such as a label or callback.
- */
-export class MenuOption {
-  key: string;
-  ref?: RefObject<HTMLElement | null>;
-  icon?: JSX.Element;
-  title?: JSX.Element | string;
-
-  constructor(key: string) {
-    this.key = key;
-    this.ref = {current: null};
-    this.setRefElement = this.setRefElement.bind(this);
-  }
-
-  setRefElement(element: HTMLElement | null) {
-    this.ref = {current: element};
-  }
-}
+// Defined in its own entry point rather than here, for the same reason as the
+// command above: this module is inlined into every entry that reaches it, so a
+// class defined here would be a different class in each of them.
+export {MenuOption};
 
 /**
  * A render function for a menu's contents. It receives the anchor element ref,
@@ -283,10 +265,12 @@ export function useDynamicPositioning(
   }, [targetElement, editor, onVisibilityChange, onReposition, resolution]);
 }
 
-export const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND: LexicalCommand<{
-  index: number;
-  option: MenuOption;
-}> = createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
+// Imported through the package path rather than defined here: this module is
+// not an entry point, so it is inlined into every entry that reaches it, and a
+// command created here would be a different object in each of them — including
+// a different one from the command this package exports, which is the one a
+// consumer dispatches. Re-exported for anything that imports it from here.
+export {SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND};
 
 function MenuItem({
   index,