@payloadcms/richtext-lexical 4.0.0-internal.a1317b2 → 4.0.0-internal.a2d053c

package/dist/lexical/plugins/DecoratorPlugin/index.js

@@ -3,7 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $findMatchingParent, mergeRegister } from '@lexical/utils';
-import { $createNodeSelection, $getEditor, $getNearestNodeFromDOMNode, $getSelection, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isNodeSelection, $isRangeSelection, $isRootOrShadowRoot, $isTextNode, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
+import { $createNodeSelection, $getEditor, $getNearestNodeFromDOMNode, $getSelection, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isNodeSelection, $isRangeSelection, $isRootOrShadowRoot, $isTextNode, $onUpdate, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
 import { useEffect } from 'react';
 import './index.css';
 // TODO: This should ideally be fixed in Lexical. See
@@ -15,7 +15,22 @@ export function DecoratorPlugin() {
   let t0;
   let t1;
   if ($[0] !== editor) {
-    t0 = () => mergeRegister(editor.registerCommand(CLICK_COMMAND, _temp3, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(SELECTION_CHANGE_COMMAND, _temp4, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_UP_COMMAND, _temp6, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_DOWN_COMMAND, _temp8, COMMAND_PRIORITY_LOW));
+    t0 = () => mergeRegister(editor.registerCommand(CLICK_COMMAND, _temp3, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_, activeEditor) => {
+      if (activeEditor !== editor) {
+        return false;
+      }
+      const hasSelectedDecorator = Boolean($getSelectedDecorator());
+      $onUpdate(() => {
+        activeEditor.read("latest", () => {
+          const decorator_0 = $getSelectedDecorator();
+          document.querySelector(".decorator-selected")?.classList.remove("decorator-selected");
+          if (decorator_0) {
+            activeEditor.getElementByKey(decorator_0.getKey())?.classList.add("decorator-selected");
+          }
+        });
+      });
+      return hasSelectedDecorator;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_UP_COMMAND, _temp5, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_DOWN_COMMAND, _temp7, COMMAND_PRIORITY_LOW));
     t1 = [editor];
     $[0] = editor;
     $[1] = t0;
@@ -27,7 +42,7 @@ export function DecoratorPlugin() {
   useEffect(t0, t1);
   return null;
 }
-function _temp8(event_2) {
+function _temp7(event_2) {
   const selection_1 = $getSelection();
   if ($isNodeSelection(selection_1)) {
     event_2.preventDefault();
@@ -59,7 +74,7 @@ function _temp8(event_2) {
   }
   const lastPoint = selection_1.isBackward() ? selection_1.anchor : selection_1.focus;
   const lastNode = lastPoint.getNode();
-  const lastSelectedBlock = $findMatchingParent(lastNode, _temp7);
+  const lastSelectedBlock = $findMatchingParent(lastNode, _temp6);
   const nextBlock = lastSelectedBlock?.getNextSibling();
   if (!lastSelectedBlock || nextBlock !== findLaterSiblingBlock(lastSelectedBlock)) {
     return false;
@@ -77,10 +92,10 @@ function _temp8(event_2) {
   }
   return false;
 }
-function _temp7(node_1) {
+function _temp6(node_1) {
   return findLaterSiblingBlock(node_1) !== null;
 }
-function _temp6(event_1) {
+function _temp5(event_1) {
   const selection_0 = $getSelection();
   if ($isNodeSelection(selection_0)) {
     const prevSibling = selection_0.getNodes()[0]?.getPreviousSibling();
@@ -113,7 +128,7 @@ function _temp6(event_1) {
   }
   const firstPoint = selection_0.isBackward() ? selection_0.anchor : selection_0.focus;
   const firstNode = firstPoint.getNode();
-  const firstSelectedBlock = $findMatchingParent(firstNode, _temp5);
+  const firstSelectedBlock = $findMatchingParent(firstNode, _temp4);
   const prevBlock = firstSelectedBlock?.getPreviousSibling();
   if (!firstSelectedBlock || prevBlock !== findFirstSiblingBlock(firstSelectedBlock)) {
     return false;
@@ -131,18 +146,9 @@ function _temp6(event_1) {
   }
   return false;
 }
-function _temp5(node_0) {
+function _temp4(node_0) {
   return findFirstSiblingBlock(node_0) !== null;
 }
-function _temp4() {
-  const decorator_0 = $getSelectedDecorator();
-  document.querySelector(".decorator-selected")?.classList.remove("decorator-selected");
-  if (decorator_0) {
-    decorator_0.element?.classList.add("decorator-selected");
-    return true;
-  }
-  return false;
-}
 function _temp3(event_0) {
   document.querySelector(".decorator-selected")?.classList.remove("decorator-selected");
   const decorator = $getDecoratorByMouseEvent(event_0);
@@ -196,10 +202,7 @@ function $getSelectedDecorator() {
     return undefined;
   }
   const node = nodes[0];
-  return $isDecoratorNode(node) ? {
-    decorator: node,
-    element: $getEditor().getElementByKey(node.getKey())
-  } : undefined;
+  return $isDecoratorNode(node) ? node : undefined;
 }
 function $selectDecorator({
   element,

package/dist/lexical/plugins/DecoratorPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$findMatchingParent","mergeRegister","$createNodeSelection","$getEditor","$getNearestNodeFromDOMNode","$getSelection","$isDecoratorNode","$isElementNode","$isLineBreakNode","$isNodeSelection","$isRangeSelection","$isRootOrShadowRoot","$isTextNode","$setSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_ARROW_DOWN_COMMAND","KEY_ARROW_UP_COMMAND","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","SELECTION_CHANGE_COMMAND","useEffect","DecoratorPlugin","$","editor","$onDelete","_temp2","t0","t1","registerCommand","_temp3","_temp4","_temp6","_temp8","event_2","selection_1","selection","event","preventDefault","nextSibling","getNodes","getNextSibling","element_0","getElementByKey","getKey","element","$selectDecorator","firstDescendant","getFirstDescendant","block_0","INTERNAL_$isBlock","block","selectEnd","lastPoint","isBackward","anchor","focus","lastNode","getNode","lastSelectedBlock","_temp7","nextBlock","findLaterSiblingBlock","nextBlockElement","node","node_1","event_1","selection_0","prevSibling","getPreviousSibling","lastDescendant","getLastDescendant","selectStart","firstPoint","firstNode","firstSelectedBlock","_temp5","prevBlock","findFirstSiblingBlock","prevBlockElement","node_0","decorator_0","$getSelectedDecorator","document","querySelector","classList","remove","decorator","add","event_0","$getDecoratorByMouseEvent","target","isInteractive","HTMLElement","isContentEditable","closest","forEach","_temp","undefined","nodes","length","scrollIntoView","behavior","isInline","firstChild","getFirstChild","isLeafElement","canBeEmpty","current"],"sources":["../../../../src/lexical/plugins/DecoratorPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DecoratorNode, ElementNode, LexicalNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport {\n  $createNodeSelection,\n  $getEditor,\n  $getNearestNodeFromDOMNode,\n  $getSelection,\n  $isDecoratorNode,\n  $isElementNode,\n  $isLineBreakNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  $isTextNode,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport './index.css'\n\n// TODO: This should ideally be fixed in Lexical. See\n// https://github.com/facebook/lexical/pull/7072\nexport function DecoratorPlugin() {\n  const [editor] = useLexicalComposerContext()\n\n  const $onDelete = (event: KeyboardEvent) => {\n    const selection = $getSelection()\n    if (!$isNodeSelection(selection)) {\n      return false\n    }\n    event.preventDefault()\n    selection.getNodes().forEach((node) => {\n      node.remove()\n    })\n    return true\n  }\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (event) => {\n          document.querySelector('.decorator-selected')?.classList.remove('decorator-selected')\n          const decorator = $getDecoratorByMouseEvent(event)\n          if (!decorator) {\n            return true\n          }\n          const { target } = event\n          const isInteractive =\n            !(target instanceof HTMLElement) ||\n            target.isContentEditable ||\n            target.closest(\n              'button, textarea, input, .react-select, .code-editor, .no-select-decorator, [role=\"button\"]',\n            )\n          if (isInteractive) {\n            $setSelection(null)\n          } else {\n            $selectDecorator(decorator)\n          }\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          const decorator = $getSelectedDecorator()\n          document.querySelector('.decorator-selected')?.classList.remove('decorator-selected')\n          if (decorator) {\n            decorator.element?.classList.add('decorator-selected')\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        (event) => {\n          // CASE 1: Node selection\n          const selection = $getSelection()\n          if ($isNodeSelection(selection)) {\n            const prevSibling = selection.getNodes()[0]?.getPreviousSibling()\n            if ($isDecoratorNode(prevSibling)) {\n              const element = $getEditor().getElementByKey(prevSibling.getKey())\n              if (element) {\n                $selectDecorator({ element, node: prevSibling })\n                event.preventDefault()\n                return true\n              }\n              return false\n            }\n            if (!$isElementNode(prevSibling)) {\n              return false\n            }\n            const lastDescendant = prevSibling.getLastDescendant() ?? prevSibling\n            if (!lastDescendant) {\n              return false\n            }\n            const block = $findMatchingParent(lastDescendant, INTERNAL_$isBlock)\n            block?.selectStart()\n            event.preventDefault()\n            return true\n          }\n          if (!$isRangeSelection(selection)) {\n            return false\n          }\n\n          // CASE 2: Range selection\n          // Get first selected block\n          const firstPoint = selection.isBackward() ? selection.anchor : selection.focus\n          const firstNode = firstPoint.getNode()\n          const firstSelectedBlock = $findMatchingParent(firstNode, (node) => {\n            return findFirstSiblingBlock(node) !== null\n          })\n          const prevBlock = firstSelectedBlock?.getPreviousSibling()\n          if (!firstSelectedBlock || prevBlock !== findFirstSiblingBlock(firstSelectedBlock)) {\n            return false\n          }\n\n          if ($isDecoratorNode(prevBlock)) {\n            const prevBlockElement = $getEditor().getElementByKey(prevBlock.getKey())\n            if (prevBlockElement) {\n              $selectDecorator({ element: prevBlockElement, node: prevBlock })\n              event.preventDefault()\n              return true\n            }\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        (event) => {\n          // CASE 1: Node selection\n          const selection = $getSelection()\n          if ($isNodeSelection(selection)) {\n            event.preventDefault()\n            const nextSibling = selection.getNodes()[0]?.getNextSibling()\n            if ($isDecoratorNode(nextSibling)) {\n              const element = $getEditor().getElementByKey(nextSibling.getKey())\n              if (element) {\n                $selectDecorator({ element, node: nextSibling })\n              }\n              return true\n            }\n            if (!$isElementNode(nextSibling)) {\n              return true\n            }\n            const firstDescendant = nextSibling.getFirstDescendant() ?? nextSibling\n            if (!firstDescendant) {\n              return true\n            }\n            const block = $findMatchingParent(firstDescendant, INTERNAL_$isBlock)\n            block?.selectEnd()\n            event.preventDefault()\n            return true\n          }\n          if (!$isRangeSelection(selection)) {\n            return false\n          }\n\n          // CASE 2: Range selection\n          // Get last selected block\n          const lastPoint = selection.isBackward() ? selection.anchor : selection.focus\n          const lastNode = lastPoint.getNode()\n          const lastSelectedBlock = $findMatchingParent(lastNode, (node) => {\n            return findLaterSiblingBlock(node) !== null\n          })\n          const nextBlock = lastSelectedBlock?.getNextSibling()\n          if (!lastSelectedBlock || nextBlock !== findLaterSiblingBlock(lastSelectedBlock)) {\n            return false\n          }\n\n          if ($isDecoratorNode(nextBlock)) {\n            const nextBlockElement = $getEditor().getElementByKey(nextBlock.getKey())\n            if (nextBlockElement) {\n              $selectDecorator({ element: nextBlockElement, node: nextBlock })\n              event.preventDefault()\n              return true\n            }\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor])\n\n  return null\n}\n\nfunction $getDecoratorByMouseEvent(\n  event: MouseEvent,\n): { element: HTMLElement; node: DecoratorNode<unknown> } | undefined {\n  if (!(event.target instanceof HTMLElement)) {\n    return undefined\n  }\n  const element = event.target.closest('[data-lexical-decorator=\"true\"]')\n  if (!(element instanceof HTMLElement)) {\n    return undefined\n  }\n  const node = $getNearestNodeFromDOMNode(element)\n  return $isDecoratorNode(node) ? { element, node } : undefined\n}\n\nfunction $getSelectedDecorator() {\n  const selection = $getSelection()\n  if (!$isNodeSelection(selection)) {\n    return undefined\n  }\n  const nodes = selection.getNodes()\n  if (nodes.length !== 1) {\n    return undefined\n  }\n  const node = nodes[0]\n  return $isDecoratorNode(node)\n    ? {\n        decorator: node,\n        element: $getEditor().getElementByKey(node.getKey()),\n      }\n    : undefined\n}\n\nfunction $selectDecorator({\n  element,\n  node,\n}: {\n  element: HTMLElement\n  node: DecoratorNode<unknown>\n}) {\n  document.querySelector('.decorator-selected')?.classList.remove('decorator-selected')\n  const selection = $createNodeSelection()\n  selection.add(node.getKey())\n  $setSelection(selection)\n  element.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n  element.classList.add('decorator-selected')\n}\n\n/**\n * Copied from https://github.com/facebook/lexical/blob/main/packages/lexical/src/LexicalUtils.ts\n *\n * This function returns true for a DecoratorNode that is not inline OR\n * an ElementNode that is:\n * - not a root or shadow root\n * - not inline\n * - can't be empty\n * - has no children or an inline first child\n */\nexport function INTERNAL_$isBlock(node: LexicalNode): node is DecoratorNode<unknown> | ElementNode {\n  if ($isDecoratorNode(node) && !node.isInline()) {\n    return true\n  }\n  if (!$isElementNode(node) || $isRootOrShadowRoot(node)) {\n    return false\n  }\n\n  const firstChild = node.getFirstChild()\n  const isLeafElement =\n    firstChild === null ||\n    $isLineBreakNode(firstChild) ||\n    $isTextNode(firstChild) ||\n    firstChild.isInline()\n\n  return !node.isInline() && node.canBeEmpty() !== false && isLeafElement\n}\n\nfunction findLaterSiblingBlock(node: LexicalNode): LexicalNode | null {\n  let current = node.getNextSibling()\n  while (current !== null) {\n    if (INTERNAL_$isBlock(current)) {\n      return current\n    }\n    current = current.getNextSibling()\n  }\n  return null\n}\n\nfunction findFirstSiblingBlock(node: LexicalNode): LexicalNode | null {\n  let current = node.getPreviousSibling()\n  while (current !== null) {\n    if (INTERNAL_$isBlock(current)) {\n      return current\n    }\n    current = current.getPreviousSibling()\n  }\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,mBAAmB,EAAEC,aAAa,QAAQ;AACnD,SACEC,oBAAoB,EACpBC,UAAU,EACVC,0BAA0B,EAC1BC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,aAAa,EACbC,oBAAoB,EACpBC,sBAAsB,EACtBC,oBAAoB,EACpBC,qBAAqB,EACrBC,kBAAkB,EAClBC,wBAAwB,QACnB;AACP,SAASC,SAAS,QAAQ;AAE1B,OAAO;AAEP;AACA;AACA,OAAO,SAAAC,gBAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EACL,OAAA0B,MAAA,IAAiBzB,yBAAA;EAEjB,MAAA0B,SAAA,GAAAC,MAAA;EAUA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,MAAA;IAEUG,EAAA,GAAAA,CAAA,KACD1B,aAAA,CACLuB,MAAA,CAAAK,eAAA,CAAAf,aAAA,EAAAgB,MAAA,EAAAf,oBAsBE,GAEFS,MAAA,CAAAK,eAAA,CAAAV,kBAAA,EAA2CM,SAAA,EAAAV,oBAAW,GACtDS,MAAA,CAAAK,eAAA,CAAAX,qBAAA,EAA8CO,SAAA,EAAAV,oBAAW,GACzDS,MAAA,CAAAK,eAAA,CAAAT,wBAAA,EAAAW,MAAA,EAAAhB,oBAWE,GAEFS,MAAA,CAAAK,eAAA,CAAAZ,oBAAA,EAAAe,MAAA,EAAAjB,oBAuDE,GAEFS,MAAA,CAAAK,eAAA,CAAAb,sBAAA,EAAAiB,MAAA,EAAAlB,oBAsDE;IAGHa,EAAA,IAACJ,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EA3JXF,SAAA,CAAUM,EA2JV,EAAGC,EAAQ;EAAA;AAAA;AA1KN,SAAAK,OAAAC,OAAA;EAqHG,MAAAC,WAAA,GAAkB9B,aAAA;EAAA,IACdI,gBAAA,CAAiB2B,WAAA;IACnBC,OAAA,CAAAC,cAAA,CAAoB;IACpB,MAAAC,WAAA,GAAoBH,WAAA,CAAAI,QAAA,CAAkB,CAAE,KAAAC,cAAA;IAAK,IACzCnC,gBAAA,CAAiBiC,WAAA;MACnB,MAAAG,SAAA,GAAgBvC,UAAA,GAAAwC,eAAA,CAA6BJ,WAAA,CAAAK,MAAA,CAAkB;MAAA,IAC3DC,SAAA;QACFC,gBAAA;UAAAD,OAAA,EAAmBA,SAAA;UAAAA,IAAA,EAAeN;QAAA,CAAY;MAAA;MAAA;IAAA;IAAA,KAI7ChC,cAAA,CAAegC,WAAA;MAAA;IAAA;IAGpB,MAAAQ,eAAA,GAAwBR,WAAA,CAAAS,kBAAA,CAA8B,KAAMT,WAAA;IAAA,KACvDQ,eAAA;MAAA;IAAA;IAGL,MAAAE,OAAA,GAAcjD,mBAAA,CAAoB+C,eAAA,EAAAG,iBAAiB;IACnDC,OAAA,EAAAC,SAAA;IACAf,OAAA,CAAAC,cAAA,CAAoB;IAAA;EAAA;EAAA,KAGjB5B,iBAAA,CAAkB0B,WAAA;IAAA;EAAA;EAMvB,MAAAiB,SAAA,GAAkBjB,WAAA,CAAAkB,UAAA,CAAoB,IAAKlB,WAAA,CAAAmB,MAAA,GAAmBnB,WAAA,CAAAoB,KAAe;EAC7E,MAAAC,QAAA,GAAiBJ,SAAA,CAAAK,OAAA,CAAiB;EAClC,MAAAC,iBAAA,GAA0B3D,mBAAA,CAAoByD,QAAA,EAAAG,MAE9C;EACA,MAAAC,SAAA,GAAkBF,iBAAA,EAAAlB,cAAA;EAAmB,IACjC,CAACkB,iBAAA,IAAqBE,SAAA,KAAcC,qBAAA,CAAsBH,iBAAA;IAAA;EAAA;EAAA,IAI1DrD,gBAAA,CAAiBuD,SAAA;IACnB,MAAAE,gBAAA,GAAyB5D,UAAA,GAAAwC,eAAA,CAA6BkB,SAAA,CAAAjB,MAAA,CAAgB;IAAA,IAClEmB,gBAAA;MACFjB,gBAAA;QAAAD,OAAA,EAA4BkB,gBAAA;QAAAC,IAAA,EAAwBH;MAAA,CAAU;MAC9DxB,OAAA,CAAAC,cAAA,CAAoB;MAAA;IAAA;EAAA;EAAA;AAAA;AAhK3B,SAAAsB,OAAAK,MAAA;EAAA,OAqJYH,qBAAA,CAAsBE,MAAA,UAAU;AAAA;AArJ5C,SAAAhC,OAAAkC,OAAA;EA4DG,MAAAC,WAAA,GAAkB9D,aAAA;EAAA,IACdI,gBAAA,CAAiB2B,WAAA;IACnB,MAAAgC,WAAA,GAAoBhC,WAAA,CAAAI,QAAA,CAAkB,CAAE,KAAA6B,kBAAA;IAAK,IACzC/D,gBAAA,CAAiB8D,WAAA;MACnB,MAAAvB,OAAA,GAAgB1C,UAAA,GAAAwC,eAAA,CAA6ByB,WAAA,CAAAxB,MAAA,CAAkB;MAAA,IAC3DC,OAAA;QACFC,gBAAA;UAAAD,OAAA;UAAAmB,IAAA,EAAkCI;QAAA,CAAY;QAC9C/B,OAAA,CAAAC,cAAA,CAAoB;QAAA;MAAA;MAAA;IAAA;IAAA,KAKnB/B,cAAA,CAAe6D,WAAA;MAAA;IAAA;IAGpB,MAAAE,cAAA,GAAuBF,WAAA,CAAAG,iBAAA,CAA6B,KAAMH,WAAA;IAAA,KACrDE,cAAA;MAAA;IAAA;IAGL,MAAAnB,KAAA,GAAcnD,mBAAA,CAAoBsE,cAAA,EAAApB,iBAAgB;IAClDC,KAAA,EAAAqB,WAAA;IACAnC,OAAA,CAAAC,cAAA,CAAoB;IAAA;EAAA;EAAA,KAGjB5B,iBAAA,CAAkB0B,WAAA;IAAA;EAAA;EAMvB,MAAAqC,UAAA,GAAmBrC,WAAA,CAAAkB,UAAA,CAAoB,IAAKlB,WAAA,CAAAmB,MAAA,GAAmBnB,WAAA,CAAAoB,KAAe;EAC9E,MAAAkB,SAAA,GAAkBD,UAAA,CAAAf,OAAA,CAAkB;EACpC,MAAAiB,kBAAA,GAA2B3E,mBAAA,CAAoB0E,SAAA,EAAAE,MAE/C;EACA,MAAAC,SAAA,GAAkBF,kBAAA,EAAAN,kBAAA;EAAoB,IAClC,CAACM,kBAAA,IAAsBE,SAAA,KAAcC,qBAAA,CAAsBH,kBAAA;IAAA;EAAA;EAAA,IAI3DrE,gBAAA,CAAiBuE,SAAA;IACnB,MAAAE,gBAAA,GAAyB5E,UAAA,GAAAwC,eAAA,CAA6BkC,SAAA,CAAAjC,MAAA,CAAgB;IAAA,IAClEmC,gBAAA;MACFjC,gBAAA;QAAAD,OAAA,EAA4BkC,gBAAA;QAAAf,IAAA,EAAwBa;MAAA,CAAU;MAC9DxC,OAAA,CAAAC,cAAA,CAAoB;MAAA;IAAA;EAAA;EAAA;AAAA;AAxG3B,SAAAsC,OAAAI,MAAA;EAAA,OA6FYF,qBAAA,CAAsBd,MAAA,UAAU;AAAA;AA7F5C,SAAAjC,OAAA;EA8CG,MAAAkD,WAAA,GAAkBC,qBAAA;EAClBC,QAAA,CAAAC,aAAA,CAAuB,wBAAAC,SAAA,CAAAC,MAAA,CAAyC;EAAA,IAC5DC,WAAA;IACFA,WAAA,CAAA1C,OAAA,EAAAwC,SAAA,CAAAG,GAAA,CAAiC;IAAA;EAAA;EAAA;AAAA;AAjDtC,SAAA1D,OAAA2D,OAAA;EAoBGN,QAAA,CAAAC,aAAA,CAAuB,wBAAAC,SAAA,CAAAC,MAAA,CAAyC;EAChE,MAAAC,SAAA,GAAkBG,yBAAA,CAA0BrD,OAAA;EAAA,KACvCkD,SAAA;IAAA;EAAA;EAGL;IAAAI;EAAA,IAAmBtD,OAAA;EACnB,MAAAuD,aAAA,GACE,EAAED,MAAA,YAAAE,WAA4B,KAC9BF,MAAA,CAAAG,iBAAwB,IACxBH,MAAA,CAAAI,OAAA,CACE;EAAA,IAEAH,aAAA;IACF/E,aAAA,KAAc;EAAA;IAEdiC,gBAAA,CAAiByC,SAAA;EAAA;EAAA;AAAA;AAnCtB,SAAA7D,OAAAW,KAAA;EAIH,MAAAD,SAAA,GAAkB/B,aAAA;EAAA,KACbI,gBAAA,CAAiB2B,SAAA;IAAA;EAAA;EAGtBC,KAAA,CAAAC,cAAA,CAAoB;EACpBF,SAAA,CAAAI,QAAA,CAAkB,EAAAwD,OAAA,CAAAC,KAElB;EAAA;AAAA;AAXG,SAAAA,MAAAjC,IAAA;EAUDA,IAAA,CAAAsB,MAAA,CAAW;AAAA;AAqKjB,SAASI,0BACPrD,KAAiB;EAEjB,IAAI,EAAEA,KAAA,CAAMsD,MAAM,YAAYE,WAAU,GAAI;IAC1C,OAAOK,SAAA;EACT;EACA,MAAMrD,OAAA,GAAUR,KAAA,CAAMsD,MAAM,CAACI,OAAO,CAAC;EACrC,IAAI,EAAElD,OAAA,YAAmBgD,WAAU,GAAI;IACrC,OAAOK,SAAA;EACT;EACA,MAAMlC,IAAA,GAAO5D,0BAAA,CAA2ByC,OAAA;EACxC,OAAOvC,gBAAA,CAAiB0D,IAAA,IAAQ;IAAEnB,OAAA;IAASmB;EAAK,IAAIkC,SAAA;AACtD;AAEA,SAAShB,sBAAA;EACP,MAAM9C,SAAA,GAAY/B,aAAA;EAClB,IAAI,CAACI,gBAAA,CAAiB2B,SAAA,GAAY;IAChC,OAAO8D,SAAA;EACT;EACA,MAAMC,KAAA,GAAQ/D,SAAA,CAAUI,QAAQ;EAChC,IAAI2D,KAAA,CAAMC,MAAM,KAAK,GAAG;IACtB,OAAOF,SAAA;EACT;EACA,MAAMlC,IAAA,GAAOmC,KAAK,CAAC,EAAE;EACrB,OAAO7F,gBAAA,CAAiB0D,IAAA,IACpB;IACEuB,SAAA,EAAWvB,IAAA;IACXnB,OAAA,EAAS1C,UAAA,GAAawC,eAAe,CAACqB,IAAA,CAAKpB,MAAM;EACnD,IACAsD,SAAA;AACN;AAEA,SAASpD,iBAAiB;EACxBD,OAAO;EACPmB;AAAI,CAIL;EACCmB,QAAA,CAASC,aAAa,CAAC,wBAAwBC,SAAA,CAAUC,MAAA,CAAO;EAChE,MAAMlD,SAAA,GAAYlC,oBAAA;EAClBkC,SAAA,CAAUoD,GAAG,CAACxB,IAAA,CAAKpB,MAAM;EACzB/B,aAAA,CAAcuB,SAAA;EACdS,OAAA,CAAQwD,cAAc,CAAC;IAAEC,QAAA,EAAU;IAAUnD,KAAA,EAAO;EAAU;EAC9DN,OAAA,CAAQwC,SAAS,CAACG,GAAG,CAAC;AACxB;AAEA;;;;;;;;;;AAUA,OAAO,SAAStC,kBAAkBc,IAAiB;EACjD,IAAI1D,gBAAA,CAAiB0D,IAAA,KAAS,CAACA,IAAA,CAAKuC,QAAQ,IAAI;IAC9C,OAAO;EACT;EACA,IAAI,CAAChG,cAAA,CAAeyD,IAAA,KAASrD,mBAAA,CAAoBqD,IAAA,GAAO;IACtD,OAAO;EACT;EAEA,MAAMwC,UAAA,GAAaxC,IAAA,CAAKyC,aAAa;EACrC,MAAMC,aAAA,GACJF,UAAA,KAAe,QACfhG,gBAAA,CAAiBgG,UAAA,KACjB5F,WAAA,CAAY4F,UAAA,KACZA,UAAA,CAAWD,QAAQ;EAErB,OAAO,CAACvC,IAAA,CAAKuC,QAAQ,MAAMvC,IAAA,CAAK2C,UAAU,OAAO,SAASD,aAAA;AAC5D;AAEA,SAAS5C,sBAAsBE,IAAiB;EAC9C,IAAI4C,OAAA,GAAU5C,IAAA,CAAKvB,cAAc;EACjC,OAAOmE,OAAA,KAAY,MAAM;IACvB,IAAI1D,iBAAA,CAAkB0D,OAAA,GAAU;MAC9B,OAAOA,OAAA;IACT;IACAA,OAAA,GAAUA,OAAA,CAAQnE,cAAc;EAClC;EACA,OAAO;AACT;AAEA,SAASqC,sBAAsBd,IAAiB;EAC9C,IAAI4C,OAAA,GAAU5C,IAAA,CAAKK,kBAAkB;EACrC,OAAOuC,OAAA,KAAY,MAAM;IACvB,IAAI1D,iBAAA,CAAkB0D,OAAA,GAAU;MAC9B,OAAOA,OAAA;IACT;IACAA,OAAA,GAAUA,OAAA,CAAQvC,kBAAkB;EACtC;EACA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$findMatchingParent","mergeRegister","$createNodeSelection","$getEditor","$getNearestNodeFromDOMNode","$getSelection","$isDecoratorNode","$isElementNode","$isLineBreakNode","$isNodeSelection","$isRangeSelection","$isRootOrShadowRoot","$isTextNode","$onUpdate","$setSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_ARROW_DOWN_COMMAND","KEY_ARROW_UP_COMMAND","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","SELECTION_CHANGE_COMMAND","useEffect","DecoratorPlugin","$","editor","$onDelete","_temp2","t0","t1","registerCommand","_temp3","_","activeEditor","hasSelectedDecorator","Boolean","$getSelectedDecorator","read","decorator_0","document","querySelector","classList","remove","decorator","getElementByKey","getKey","add","_temp5","_temp7","event_2","selection_1","selection","event","preventDefault","nextSibling","getNodes","getNextSibling","element_0","element","$selectDecorator","firstDescendant","getFirstDescendant","block_0","INTERNAL_$isBlock","block","selectEnd","lastPoint","isBackward","anchor","focus","lastNode","getNode","lastSelectedBlock","_temp6","nextBlock","findLaterSiblingBlock","nextBlockElement","node","node_1","event_1","selection_0","prevSibling","getPreviousSibling","lastDescendant","getLastDescendant","selectStart","firstPoint","firstNode","firstSelectedBlock","_temp4","prevBlock","findFirstSiblingBlock","prevBlockElement","node_0","event_0","$getDecoratorByMouseEvent","target","isInteractive","HTMLElement","isContentEditable","closest","forEach","_temp","undefined","nodes","length","scrollIntoView","behavior","isInline","firstChild","getFirstChild","isLeafElement","canBeEmpty","current"],"sources":["../../../../src/lexical/plugins/DecoratorPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DecoratorNode, ElementNode, LexicalNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport {\n  $createNodeSelection,\n  $getEditor,\n  $getNearestNodeFromDOMNode,\n  $getSelection,\n  $isDecoratorNode,\n  $isElementNode,\n  $isLineBreakNode,\n  $isNodeSelection,\n  $isRangeSelection,\n  $isRootOrShadowRoot,\n  $isTextNode,\n  $onUpdate,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport './index.css'\n\n// TODO: This should ideally be fixed in Lexical. See\n// https://github.com/facebook/lexical/pull/7072\nexport function DecoratorPlugin() {\n  const [editor] = useLexicalComposerContext()\n\n  const $onDelete = (event: KeyboardEvent) => {\n    const selection = $getSelection()\n    if (!$isNodeSelection(selection)) {\n      return false\n    }\n    event.preventDefault()\n    selection.getNodes().forEach((node) => {\n      node.remove()\n    })\n    return true\n  }\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        CLICK_COMMAND,\n        (event) => {\n          document.querySelector('.decorator-selected')?.classList.remove('decorator-selected')\n          const decorator = $getDecoratorByMouseEvent(event)\n          if (!decorator) {\n            return true\n          }\n          const { target } = event\n          const isInteractive =\n            !(target instanceof HTMLElement) ||\n            target.isContentEditable ||\n            target.closest(\n              'button, textarea, input, .react-select, .code-editor, .no-select-decorator, [role=\"button\"]',\n            )\n          if (isInteractive) {\n            $setSelection(null)\n          } else {\n            $selectDecorator(decorator)\n          }\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        (_, activeEditor) => {\n          // Nested editors reconcile independently and update their own highlight.\n          if (activeEditor !== editor) {\n            return false\n          }\n          const hasSelectedDecorator = Boolean($getSelectedDecorator())\n          $onUpdate(() => {\n            activeEditor.read('latest', () => {\n              const decorator = $getSelectedDecorator()\n              document.querySelector('.decorator-selected')?.classList.remove('decorator-selected')\n              if (decorator) {\n                activeEditor\n                  .getElementByKey(decorator.getKey())\n                  ?.classList.add('decorator-selected')\n              }\n            })\n          })\n          return hasSelectedDecorator\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        (event) => {\n          // CASE 1: Node selection\n          const selection = $getSelection()\n          if ($isNodeSelection(selection)) {\n            const prevSibling = selection.getNodes()[0]?.getPreviousSibling()\n            if ($isDecoratorNode(prevSibling)) {\n              const element = $getEditor().getElementByKey(prevSibling.getKey())\n              if (element) {\n                $selectDecorator({ element, node: prevSibling })\n                event.preventDefault()\n                return true\n              }\n              return false\n            }\n            if (!$isElementNode(prevSibling)) {\n              return false\n            }\n            const lastDescendant = prevSibling.getLastDescendant() ?? prevSibling\n            if (!lastDescendant) {\n              return false\n            }\n            const block = $findMatchingParent(lastDescendant, INTERNAL_$isBlock)\n            block?.selectStart()\n            event.preventDefault()\n            return true\n          }\n          if (!$isRangeSelection(selection)) {\n            return false\n          }\n\n          // CASE 2: Range selection\n          // Get first selected block\n          const firstPoint = selection.isBackward() ? selection.anchor : selection.focus\n          const firstNode = firstPoint.getNode()\n          const firstSelectedBlock = $findMatchingParent(firstNode, (node) => {\n            return findFirstSiblingBlock(node) !== null\n          })\n          const prevBlock = firstSelectedBlock?.getPreviousSibling()\n          if (!firstSelectedBlock || prevBlock !== findFirstSiblingBlock(firstSelectedBlock)) {\n            return false\n          }\n\n          if ($isDecoratorNode(prevBlock)) {\n            const prevBlockElement = $getEditor().getElementByKey(prevBlock.getKey())\n            if (prevBlockElement) {\n              $selectDecorator({ element: prevBlockElement, node: prevBlock })\n              event.preventDefault()\n              return true\n            }\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        (event) => {\n          // CASE 1: Node selection\n          const selection = $getSelection()\n          if ($isNodeSelection(selection)) {\n            event.preventDefault()\n            const nextSibling = selection.getNodes()[0]?.getNextSibling()\n            if ($isDecoratorNode(nextSibling)) {\n              const element = $getEditor().getElementByKey(nextSibling.getKey())\n              if (element) {\n                $selectDecorator({ element, node: nextSibling })\n              }\n              return true\n            }\n            if (!$isElementNode(nextSibling)) {\n              return true\n            }\n            const firstDescendant = nextSibling.getFirstDescendant() ?? nextSibling\n            if (!firstDescendant) {\n              return true\n            }\n            const block = $findMatchingParent(firstDescendant, INTERNAL_$isBlock)\n            block?.selectEnd()\n            event.preventDefault()\n            return true\n          }\n          if (!$isRangeSelection(selection)) {\n            return false\n          }\n\n          // CASE 2: Range selection\n          // Get last selected block\n          const lastPoint = selection.isBackward() ? selection.anchor : selection.focus\n          const lastNode = lastPoint.getNode()\n          const lastSelectedBlock = $findMatchingParent(lastNode, (node) => {\n            return findLaterSiblingBlock(node) !== null\n          })\n          const nextBlock = lastSelectedBlock?.getNextSibling()\n          if (!lastSelectedBlock || nextBlock !== findLaterSiblingBlock(lastSelectedBlock)) {\n            return false\n          }\n\n          if ($isDecoratorNode(nextBlock)) {\n            const nextBlockElement = $getEditor().getElementByKey(nextBlock.getKey())\n            if (nextBlockElement) {\n              $selectDecorator({ element: nextBlockElement, node: nextBlock })\n              event.preventDefault()\n              return true\n            }\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor])\n\n  return null\n}\n\nfunction $getDecoratorByMouseEvent(\n  event: MouseEvent,\n): { element: HTMLElement; node: DecoratorNode<unknown> } | undefined {\n  if (!(event.target instanceof HTMLElement)) {\n    return undefined\n  }\n  const element = event.target.closest('[data-lexical-decorator=\"true\"]')\n  if (!(element instanceof HTMLElement)) {\n    return undefined\n  }\n  const node = $getNearestNodeFromDOMNode(element)\n  return $isDecoratorNode(node) ? { element, node } : undefined\n}\n\nfunction $getSelectedDecorator() {\n  const selection = $getSelection()\n  if (!$isNodeSelection(selection)) {\n    return undefined\n  }\n  const nodes = selection.getNodes()\n  if (nodes.length !== 1) {\n    return undefined\n  }\n  const node = nodes[0]\n  return $isDecoratorNode(node) ? node : undefined\n}\n\nfunction $selectDecorator({\n  element,\n  node,\n}: {\n  element: HTMLElement\n  node: DecoratorNode<unknown>\n}) {\n  document.querySelector('.decorator-selected')?.classList.remove('decorator-selected')\n  const selection = $createNodeSelection()\n  selection.add(node.getKey())\n  $setSelection(selection)\n  element.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n  element.classList.add('decorator-selected')\n}\n\n/**\n * Copied from https://github.com/facebook/lexical/blob/main/packages/lexical/src/LexicalUtils.ts\n *\n * This function returns true for a DecoratorNode that is not inline OR\n * an ElementNode that is:\n * - not a root or shadow root\n * - not inline\n * - can't be empty\n * - has no children or an inline first child\n */\nexport function INTERNAL_$isBlock(node: LexicalNode): node is DecoratorNode<unknown> | ElementNode {\n  if ($isDecoratorNode(node) && !node.isInline()) {\n    return true\n  }\n  if (!$isElementNode(node) || $isRootOrShadowRoot(node)) {\n    return false\n  }\n\n  const firstChild = node.getFirstChild()\n  const isLeafElement =\n    firstChild === null ||\n    $isLineBreakNode(firstChild) ||\n    $isTextNode(firstChild) ||\n    firstChild.isInline()\n\n  return !node.isInline() && node.canBeEmpty() !== false && isLeafElement\n}\n\nfunction findLaterSiblingBlock(node: LexicalNode): LexicalNode | null {\n  let current = node.getNextSibling()\n  while (current !== null) {\n    if (INTERNAL_$isBlock(current)) {\n      return current\n    }\n    current = current.getNextSibling()\n  }\n  return null\n}\n\nfunction findFirstSiblingBlock(node: LexicalNode): LexicalNode | null {\n  let current = node.getPreviousSibling()\n  while (current !== null) {\n    if (INTERNAL_$isBlock(current)) {\n      return current\n    }\n    current = current.getPreviousSibling()\n  }\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/lexical/plugins/InsertParagraphAtEnd/index.css

@@ -13,7 +13,8 @@
     position: relative;
     padding: var(--spacer-1) var(--spacer-2) var(--spacer-1) 0;
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
       cursor: pointer;
 
       .insert-paragraph-at-end-inside {

package/dist/lexical/plugins/InsertParagraphAtEnd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useTranslation","$createParagraphNode","$getRoot","React","useEditorConfigContext","AddIcon","baseClass","InsertParagraphAtEndPlugin","$","editor","editorConfig","t","admin","hideInsertParagraphAtEnd","t0","update","_temp","onClick","t1","_jsx","className","type","children","size","paragraphNode","append","select"],"sources":["../../../../src/lexical/plugins/InsertParagraphAtEnd/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useTranslation } from '@payloadcms/ui'\nimport { $createParagraphNode, $getRoot } from 'lexical'\nimport React from 'react'\n\nimport './index.css'\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\nimport { AddIcon } from '../../ui/icons/Add/index.js'\nconst baseClass = 'insert-paragraph-at-end'\n\nexport const InsertParagraphAtEndPlugin: React.FC = () => {\n  const [editor] = useLexicalComposerContext()\n  const { editorConfig } = useEditorConfigContext()\n  const { t } = useTranslation<{}, string>()\n\n  if (editorConfig?.admin?.hideInsertParagraphAtEnd) {\n    return null\n  }\n\n  const onClick = () => {\n    editor.update(() => {\n      const paragraphNode = $createParagraphNode()\n      $getRoot().append(paragraphNode)\n      paragraphNode.select()\n    })\n  }\n\n  return (\n    <button\n      aria-label={t('lexical:general:insertParagraph')}\n      className={baseClass}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <span className={`${baseClass}-inside`}>\n        <AddIcon size={16} />\n      </span>\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ;AAC/C,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,sBAAsB,QAAQ;AACvC,SAASC,OAAO,QAAQ;AACxB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,0BAAA,GAAuCA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAClD,OAAAW,MAAA,IAAiBV,yBAAA;EACjB;IAAAW;EAAA,IAAyBN,sBAAA;EACzB;IAAAO;EAAA,IAAcX,cAAA;EAAA,IAEVU,YAAA,EAAAE,KAAA,EAAAC,wBAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,MAAA;IAIYK,EAAA,GAAAA,CAAA;MACdL,MAAA,CAAAM,MAAA,CAAAC,KAIA;IAAA;IACFR,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EANA,MAAAS,OAAA,GAAgBH,EAMhB;EAAA,IAAAI,EAAA;EAAA,IAAAV,CAAA,QAAAS,OAAA,IAAAT,CAAA,QAAAG,CAAA;IAGEO,EAAA,GAAAC,IAAA,CAAC;MAAA,cACaR,CAAA,CAAE;MAAAS,SAAA,EAAAd,SAAA;MAAAW,OAAA;MAAAI,IAAA,EAGT;MAAAC,QAAA,EAELH,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAAd,SAAA,SAAqB;QAAAgB,QAAA,EACpCH,IAAA,CAAAd,OAAA;UAAAkB,IAAA;QAAA,C;;;;;;;;;SAPJL,E;CAWJ;AA7BoD,SAAAF,MAAA;EAW9C,MAAAQ,aAAA,GAAsBvB,oBAAA;EACtBC,QAAA,GAAAuB,MAAA,CAAkBD,aAAA;EAClBA,aAAA,CAAAE,MAAA,CAAoB;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useTranslation","$createParagraphNode","$getRoot","React","useEditorConfigContext","AddIcon","baseClass","InsertParagraphAtEndPlugin","$","editor","editorConfig","t","admin","hideInsertParagraphAtEnd","t0","update","_temp","onClick","t1","_jsx","className","type","children","size","paragraphNode","append","select"],"sources":["../../../../src/lexical/plugins/InsertParagraphAtEnd/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useTranslation } from '@payloadcms/ui'\nimport { $createParagraphNode, $getRoot } from 'lexical'\nimport React from 'react'\n\nimport './index.css'\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\nimport { AddIcon } from '../../ui/icons/Add/index.js'\nconst baseClass = 'insert-paragraph-at-end'\n\nexport const InsertParagraphAtEndPlugin: React.FC = () => {\n  const [editor] = useLexicalComposerContext()\n  const { editorConfig } = useEditorConfigContext()\n  const { t } = useTranslation<{}, string>()\n\n  if (editorConfig?.admin?.hideInsertParagraphAtEnd) {\n    return null\n  }\n\n  const onClick = () => {\n    editor.update(() => {\n      const paragraphNode = $createParagraphNode()\n      $getRoot().append(paragraphNode)\n      paragraphNode.select()\n    })\n  }\n\n  return (\n    <button\n      aria-label={t('lexical:general:insertParagraph')}\n      className={baseClass}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <span className={`${baseClass}-inside`}>\n        <AddIcon size={16} />\n      </span>\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ;AAC/C,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,sBAAsB,QAAQ;AACvC,SAASC,OAAO,QAAQ;AACxB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,0BAAA,GAAuCA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAClD,OAAAW,MAAA,IAAiBV,yBAAA;EACjB;IAAAW;EAAA,IAAyBN,sBAAA;EACzB;IAAAO;EAAA,IAAcX,cAAA;EAEd,IAAIU,YAAA,EAAAE,KAAqB,EAAAC,wBAAA;IAAA,OAChB;EAAA;EACT,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,MAAA;IAEgBK,EAAA,GAAAA,CAAA;MACdL,MAAA,CAAAM,MAAa,CAACC,KAId;IAAA,CACF;IAAAR,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EANA,MAAAS,OAAA,GAAgBH,EAMhB;EAAA,IAAAI,EAAA;EAAA,IAAAV,CAAA,QAAAS,OAAA,IAAAT,CAAA,QAAAG,CAAA;IAGEO,EAAA,GAAAC,IAAA,CAAC;MAAA,cACaR,CAAA,CAAE;MAAAS,SAAA,EACHd,SAAA;MAAAW,OAAA;MAAAI,IAAA,EAEN;MAAAC,QAAA,EAELH,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAGd,SAAA,SAAkB;QAAAgB,QAAA,EACpCH,IAAA,CAACd,OAAA;UAAAkB,IAAA,EAAc;;;;;;;;;;SAPnBL,E;CAWJ;AA7BoD,SAAAF,MAAA;EAW9C,MAAAQ,aAAA,GAAsBvB,oBAAA;EACtBC,QAAA,GAAAuB,MAAiB,CAACD,aAAA;EAClBA,aAAA,CAAAE,MAAoB;AAAA","ignoreList":[]}

package/dist/lexical/plugins/MarkdownShortcut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","registerMarkdownShortcuts","useLexicalComposerContext","React","useEditorConfigContext","MarkdownShortcutPlugin","$","editorConfig","editor","t0","t1","features","markdownTransformers","useEffect"],"sources":["../../../../src/lexical/plugins/MarkdownShortcut/index.tsx"],"sourcesContent":["'use client'\n\nimport { registerMarkdownShortcuts } from '@lexical/markdown'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport * as React from 'react'\n\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\n\nexport const MarkdownShortcutPlugin: React.FC = () => {\n  const { editorConfig } = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\n\n  React.useEffect(() => {\n    return registerMarkdownShortcuts(editor, editorConfig.features.markdownTransformers ?? [])\n  }, [editor, editorConfig.features.markdownTransformers])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,yBAAyB,QAAQ;AAC1C,YAAYC,KAAA,MAAW;AAEvB,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,sBAAA,GAAmCA,CAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAC9C;IAAAO;EAAA,IAAyBH,sBAAA;EACzB,OAAAI,MAAA,IAAiBN,yBAAA;EAAA,IAAAO,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAC,YAAA,CAAAI,QAAA,CAAAC,oBAAA;IAEDH,EAAA,GAAAA,CAAA,KACPR,yBAAA,CAA0BO,MAAA,EAAQD,YAAA,CAAAI,QAAA,CAAAC,oBAAA,MAAgD;IACxFF,EAAA,IAACF,MAAA,EAAQD,YAAA,CAAAI,QAAA,CAAAC,oBAAA;IAA2CN,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAC,YAAA,CAAAI,QAAA,CAAAC,oBAAA;IAAAN,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFvDH,KAAA,CAAAU,SAAA,CAAgBJ,EAEhB,EAAGC,EAAoD;EAAA;AAAA,CAGzD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","registerMarkdownShortcuts","useLexicalComposerContext","React","useEditorConfigContext","MarkdownShortcutPlugin","$","editorConfig","editor","t0","t1","features","markdownTransformers","useEffect"],"sources":["../../../../src/lexical/plugins/MarkdownShortcut/index.tsx"],"sourcesContent":["'use client'\n\nimport { registerMarkdownShortcuts } from '@lexical/markdown'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport * as React from 'react'\n\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\n\nexport const MarkdownShortcutPlugin: React.FC = () => {\n  const { editorConfig } = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\n\n  React.useEffect(() => {\n    return registerMarkdownShortcuts(editor, editorConfig.features.markdownTransformers ?? [])\n  }, [editor, editorConfig.features.markdownTransformers])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,yBAAyB,QAAQ;AAC1C,YAAYC,KAAA,MAAW;AAEvB,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,sBAAA,GAAmCA,CAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAC9C;IAAAO;EAAA,IAAyBH,sBAAA;EACzB,OAAAI,MAAA,IAAiBN,yBAAA;EAAA,IAAAO,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAC,YAAA,CAAAI,QAAA,CAAAC,oBAAA;IAEDH,EAAA,GAAAA,CAAA,KACPR,yBAAA,CAA0BO,MAAA,EAAQD,YAAA,CAAAI,QAAqB,CAAAC,oBAA2B,IAAhD,EAAgD,CAC3F;IAAGF,EAAA,IAACF,MAAA,EAAQD,YAAA,CAAAI,QAAqB,CAAAC,oBAAqB,CAAC;IAAAN,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAC,YAAA,CAAAI,QAAA,CAAAC,oBAAA;IAAAN,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFvDH,KAAA,CAAAU,SAAe,CAACJ,EAEhB,EAAGC,EAAoD;EAAA,OAEhD;AAAA,CACT","ignoreList":[]}

package/dist/lexical/plugins/NodeViewOverridePlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getRoot","useEffect","useRichTextView","clearEditorNodeViews","registerEditorNodeViews","refreshBlockDecorators","editor","update","walk","node","type","getType","markDirty","getChildren","child","NodeViewOverridePlugin","$","currentView","views","t0","t1","default","nodes"],"sources":["../../../../src/lexical/plugins/NodeViewOverridePlugin/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $getRoot, type LexicalNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport { useRichTextView } from '../../../field/RichTextViewProvider.js'\nimport { clearEditorNodeViews, registerEditorNodeViews } from '../../nodes/index.js'\n\n// `LexicalComposer` re-mounts with a new `editor` whenever `currentView` changes,\n// so decorator nodes run their initial `decorate()` before this effect registers the view's overrides.\n// Mark existing block decorators dirty after registering so they re-decorate with the resolved custom `Block` component.\nfunction refreshBlockDecorators(editor: ReturnType<typeof useLexicalComposerContext>[0]): void {\n  editor.update(() => {\n    const walk = (node: LexicalNode): void => {\n      const type = node.getType()\n      if (type === 'block' || type === 'inlineBlock') {\n        node.markDirty()\n      }\n      if ('getChildren' in node && typeof node.getChildren === 'function') {\n        for (const child of node.getChildren() as LexicalNode[]) {\n          walk(child)\n        }\n      }\n    }\n    walk($getRoot())\n  })\n}\n\nexport function NodeViewOverridePlugin(): null {\n  const [editor] = useLexicalComposerContext()\n  const { currentView, views } = useRichTextView()\n\n  useEffect(() => {\n    if (!views) {\n      return\n    }\n\n    if (currentView === 'default') {\n      if (views.default) {\n        registerEditorNodeViews(editor, views.default?.nodes)\n      } else {\n        clearEditorNodeViews(editor)\n      }\n    } else if (views[currentView]) {\n      clearEditorNodeViews(editor)\n      registerEditorNodeViews(editor, views[currentView]?.nodes)\n    }\n\n    refreshBlockDecorators(editor)\n  }, [editor, views, currentView])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,QAAQ,QAA0B;AAC3C,SAASC,SAAS,QAAQ;AAE1B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,EAAEC,uBAAuB,QAAQ;AAE9D;AACA;AACA;AACA,SAASC,uBAAuBC,MAAuD;EACrFA,MAAA,CAAOC,MAAM,CAAC;IACZ,MAAMC,IAAA,GAAQC,IAAA;MACZ,MAAMC,IAAA,GAAOD,IAAA,CAAKE,OAAO;MACzB,IAAID,IAAA,KAAS,WAAWA,IAAA,KAAS,eAAe;QAC9CD,IAAA,CAAKG,SAAS;MAChB;MACA,IAAI,iBAAiBH,IAAA,IAAQ,OAAOA,IAAA,CAAKI,WAAW,KAAK,YAAY;QACnE,KAAK,MAAMC,KAAA,IAASL,IAAA,CAAKI,WAAW,IAAqB;UACvDL,IAAA,CAAKM,KAAA;QACP;MACF;IACF;IACAN,IAAA,CAAKR,QAAA;EACP;AACF;AAEA,OAAO,SAAAe,uBAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EACL,OAAAQ,MAAA,IAAiBP,yBAAA;EACjB;IAAAkB,WAAA;IAAAC;EAAA,IAA+BhB,eAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAV,MAAA,IAAAU,CAAA,QAAAE,KAAA;IAErBC,EAAA,GAAAA,CAAA;MAAA,KACHD,KAAA;QAAA;MAAA;MAAA,IAIDD,WAAA,KAAgB;QAAA,IACdC,KAAA,CAAAG,OAAA;UACFjB,uBAAA,CAAwBE,MAAA,EAAQY,KAAA,CAAAG,OAAA,EAAAC,KAAe;QAAA;UAE/CnB,oBAAA,CAAqBG,MAAA;QAAA;MAAA;QAAA,IAEdY,KAAK,CAACD,WAAA;UACfd,oBAAA,CAAqBG,MAAA;UACrBF,uBAAA,CAAwBE,MAAA,EAAQY,KAAK,CAACD,WAAA,GAAAK,KAAc;QAAA;MAAA;MAGtDjB,sBAAA,CAAuBC,MAAA;IAAA;IACtBc,EAAA,IAACd,MAAA,EAAQY,KAAA,EAAOD,WAAA;IAAYD,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAV,MAAA;IAAAU,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAjB/Bf,SAAA,CAAUkB,EAiBV,EAAGC,EAA4B;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getRoot","useEffect","useRichTextView","clearEditorNodeViews","registerEditorNodeViews","refreshBlockDecorators","editor","update","walk","node","type","getType","markDirty","getChildren","child","NodeViewOverridePlugin","$","currentView","views","t0","t1","default","nodes"],"sources":["../../../../src/lexical/plugins/NodeViewOverridePlugin/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $getRoot, type LexicalNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport { useRichTextView } from '../../../field/RichTextViewProvider.js'\nimport { clearEditorNodeViews, registerEditorNodeViews } from '../../nodes/index.js'\n\n// `LexicalComposer` re-mounts with a new `editor` whenever `currentView` changes,\n// so decorator nodes run their initial `decorate()` before this effect registers the view's overrides.\n// Mark existing block decorators dirty after registering so they re-decorate with the resolved custom `Block` component.\nfunction refreshBlockDecorators(editor: ReturnType<typeof useLexicalComposerContext>[0]): void {\n  editor.update(() => {\n    const walk = (node: LexicalNode): void => {\n      const type = node.getType()\n      if (type === 'block' || type === 'inlineBlock') {\n        node.markDirty()\n      }\n      if ('getChildren' in node && typeof node.getChildren === 'function') {\n        for (const child of node.getChildren() as LexicalNode[]) {\n          walk(child)\n        }\n      }\n    }\n    walk($getRoot())\n  })\n}\n\nexport function NodeViewOverridePlugin(): null {\n  const [editor] = useLexicalComposerContext()\n  const { currentView, views } = useRichTextView()\n\n  useEffect(() => {\n    if (!views) {\n      return\n    }\n\n    if (currentView === 'default') {\n      if (views.default) {\n        registerEditorNodeViews(editor, views.default?.nodes)\n      } else {\n        clearEditorNodeViews(editor)\n      }\n    } else if (views[currentView]) {\n      clearEditorNodeViews(editor)\n      registerEditorNodeViews(editor, views[currentView]?.nodes)\n    }\n\n    refreshBlockDecorators(editor)\n  }, [editor, views, currentView])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,QAAQ,QAA0B;AAC3C,SAASC,SAAS,QAAQ;AAE1B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,EAAEC,uBAAuB,QAAQ;AAE9D;AACA;AACA;AACA,SAASC,uBAAuBC,MAAuD;EACrFA,MAAA,CAAOC,MAAM,CAAC;IACZ,MAAMC,IAAA,GAAQC,IAAA;MACZ,MAAMC,IAAA,GAAOD,IAAA,CAAKE,OAAO;MACzB,IAAID,IAAA,KAAS,WAAWA,IAAA,KAAS,eAAe;QAC9CD,IAAA,CAAKG,SAAS;MAChB;MACA,IAAI,iBAAiBH,IAAA,IAAQ,OAAOA,IAAA,CAAKI,WAAW,KAAK,YAAY;QACnE,KAAK,MAAMC,KAAA,IAASL,IAAA,CAAKI,WAAW,IAAqB;UACvDL,IAAA,CAAKM,KAAA;QACP;MACF;IACF;IACAN,IAAA,CAAKR,QAAA;EACP;AACF;AAEA,OAAO,SAAAe,uBAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EACL,OAAAQ,MAAA,IAAiBP,yBAAA;EACjB;IAAAkB,WAAA;IAAAC;EAAA,IAA+BhB,eAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAV,MAAA,IAAAU,CAAA,QAAAE,KAAA;IAErBC,EAAA,GAAAA,CAAA;MACR,IAAI,CAACD,KAAA;QAAA;MAAA;MAIL,IAAID,WAAA,KAAgB;QAClB,IAAIC,KAAA,CAAAG,OAAa;UACfjB,uBAAA,CAAwBE,MAAA,EAAQY,KAAA,CAAAG,OAAe,EAAAC,KAAA;QAAA;UAE/CnB,oBAAA,CAAqBG,MAAA;QAAA;MACvB;QACK,IAAIY,KAAK,CAACD,WAAA,CAAY;UAC3Bd,oBAAA,CAAqBG,MAAA;UACrBF,uBAAA,CAAwBE,MAAA,EAAQY,KAAK,CAACD,WAAA,CAAc,EAAAK,KAAA;QAAA;MACtD;MAEAjB,sBAAA,CAAuBC,MAAA;IAAA,CACzB;IAAGc,EAAA,IAACd,MAAA,EAAQY,KAAA,EAAOD,WAAA,CAAY;IAAAD,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAV,MAAA;IAAAU,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAjB/Bf,SAAA,CAAUkB,EAiBV,EAAGC,EAA4B;EAAA,OAExB;AAAA","ignoreList":[]}

package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/LexicalMenu.js

@@ -137,95 +137,182 @@ export function useDynamicPositioning(resolution, targetElementRef, onReposition
   useEffect(t0, t1);
 }
 export const SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND = createCommand('SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND');
-export function LexicalMenu({
-  anchorElementRef,
-  close,
-  editor,
-  // groups filtering is already handled in SlashMenu/index.tsx. Thus, groups always contains the matching items.
-  groups,
-  menuRenderFn,
-  resolution,
-  shouldSplitNodeWithQuery = false
-}) {
+export function LexicalMenu(t0) {
+  const $ = _c(50);
+  const {
+    anchorElementRef,
+    close,
+    editor,
+    groups,
+    menuRenderFn,
+    resolution,
+    shouldSplitNodeWithQuery: t1
+  } = t0;
+  const shouldSplitNodeWithQuery = t1 === undefined ? false : t1;
   const [selectedItemKey, setSelectedItemKey] = useState(null);
-  const matchingString = resolution.match && resolution.match.matchingString || '';
-  const updateSelectedItem = useCallback(item => {
-    const rootElem = editor.getRootElement();
-    if (rootElem !== null) {
-      rootElem.setAttribute('aria-activedescendant', `${baseClass}__item-${item.key}`);
-      setSelectedItemKey(item.key);
-    }
-  }, [editor]);
-  const setSelectedItemKeyToFirstMatchingItem = useCallback(() => {
-    // set selected item to the first of the matching ones
-    if (groups !== null && matchingString != null) {
-      // groups filtering is already handled in SlashMenu/index.tsx. Thus, groups always contains the matching items.
-      const allItems = groups.flatMap(group => group.items);
-      if (allItems.length) {
-        const firstMatchingItem = allItems[0];
-        updateSelectedItem(firstMatchingItem);
+  const matchingString = resolution.match && resolution.match.matchingString || "";
+  let t2;
+  if ($[0] !== editor) {
+    t2 = item => {
+      const rootElem = editor.getRootElement();
+      if (rootElem !== null) {
+        rootElem.setAttribute("aria-activedescendant", `${baseClass}__item-${item.key}`);
+        setSelectedItemKey(item.key);
       }
-    }
-  }, [groups, updateSelectedItem, matchingString]);
-  useEffect(() => {
-    setSelectedItemKeyToFirstMatchingItem();
-  }, [matchingString, setSelectedItemKeyToFirstMatchingItem]);
-  const selectItemAndCleanUp = useCallback(selectedItem => {
-    close();
-    editor.update(() => {
-      const textNodeContainingQuery = resolution.match != null && shouldSplitNodeWithQuery ? $splitNodeContainingQuery(resolution.match) : null;
-      if (textNodeContainingQuery) {
-        textNodeContainingQuery.remove();
+    };
+    $[0] = editor;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const updateSelectedItem = t2;
+  let t3;
+  if ($[2] !== groups || $[3] !== matchingString || $[4] !== updateSelectedItem) {
+    t3 = () => {
+      if (groups !== null && matchingString != null) {
+        const allItems = groups.flatMap(_temp);
+        if (allItems.length) {
+          const firstMatchingItem = allItems[0];
+          updateSelectedItem(firstMatchingItem);
+        }
       }
-    });
-    setTimeout(() => {
-      // Needed in Firefox. See https://github.com/payloadcms/payload/issues/10724
-      let selection;
-      editor.read(() => {
-        selection = $getSelection()?.clone();
-      });
+    };
+    $[2] = groups;
+    $[3] = matchingString;
+    $[4] = updateSelectedItem;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const setSelectedItemKeyToFirstMatchingItem = t3;
+  let t4;
+  if ($[6] !== setSelectedItemKeyToFirstMatchingItem) {
+    t4 = () => {
+      setSelectedItemKeyToFirstMatchingItem();
+    };
+    $[6] = setSelectedItemKeyToFirstMatchingItem;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== matchingString || $[9] !== setSelectedItemKeyToFirstMatchingItem) {
+    t5 = [matchingString, setSelectedItemKeyToFirstMatchingItem];
+    $[8] = matchingString;
+    $[9] = setSelectedItemKeyToFirstMatchingItem;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[11] !== close || $[12] !== editor || $[13] !== resolution.match || $[14] !== shouldSplitNodeWithQuery) {
+    t6 = selectedItem => {
+      close();
       editor.update(() => {
-        if (selection) {
-          $setSelection(selection);
+        const textNodeContainingQuery = resolution.match != null && shouldSplitNodeWithQuery ? $splitNodeContainingQuery(resolution.match) : null;
+        if (textNodeContainingQuery) {
+          textNodeContainingQuery.remove();
         }
       });
-      selectedItem.onSelect({
-        editor,
-        queryString: resolution.match ? resolution.match.matchingString : ''
-      });
-    }, 0);
-  }, [editor, shouldSplitNodeWithQuery, resolution.match, close]);
-  useEffect(() => {
-    return () => {
+      setTimeout(() => {
+        let selection;
+        editor.read(() => {
+          selection = $getSelection()?.clone();
+        });
+        editor.update(() => {
+          if (selection) {
+            $setSelection(selection);
+          }
+        });
+        selectedItem.onSelect({
+          editor,
+          queryString: resolution.match ? resolution.match.matchingString : ""
+        });
+      }, 0);
+    };
+    $[11] = close;
+    $[12] = editor;
+    $[13] = resolution.match;
+    $[14] = shouldSplitNodeWithQuery;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const selectItemAndCleanUp = t6;
+  let t7;
+  let t8;
+  if ($[16] !== editor) {
+    t7 = () => () => {
       const rootElem_0 = editor.getRootElement();
       if (rootElem_0 !== null) {
-        rootElem_0.removeAttribute('aria-activedescendant');
+        rootElem_0.removeAttribute("aria-activedescendant");
       }
     };
-  }, [editor]);
-  useLayoutEffect(() => {
-    if (groups === null) {
-      setSelectedItemKey(null);
-    } else if (selectedItemKey === null) {
-      setSelectedItemKeyToFirstMatchingItem();
-    }
-  }, [groups, selectedItemKey, updateSelectedItem, setSelectedItemKeyToFirstMatchingItem]);
-  useEffect(() => {
-    return mergeRegister(editor.registerCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, ({
-      item: item_0
-    }) => {
-      if (item_0.ref && item_0.ref.current != null) {
-        scrollIntoViewIfNeeded(item_0.ref.current);
-        return true;
+    t8 = [editor];
+    $[16] = editor;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t7 = $[17];
+    t8 = $[18];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[19] !== groups || $[20] !== selectedItemKey || $[21] !== setSelectedItemKeyToFirstMatchingItem) {
+    t9 = () => {
+      if (groups === null) {
+        setSelectedItemKey(null);
+      } else {
+        if (selectedItemKey === null) {
+          setSelectedItemKeyToFirstMatchingItem();
+        }
       }
-      return false;
-    }, COMMAND_PRIORITY_LOW));
-  }, [editor, updateSelectedItem]);
-  useEffect(() => {
-    return mergeRegister(editor.registerCommand(KEY_ARROW_DOWN_COMMAND, payload => {
+    };
+    $[19] = groups;
+    $[20] = selectedItemKey;
+    $[21] = setSelectedItemKeyToFirstMatchingItem;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== groups || $[24] !== selectedItemKey || $[25] !== setSelectedItemKeyToFirstMatchingItem || $[26] !== updateSelectedItem) {
+    t10 = [groups, selectedItemKey, updateSelectedItem, setSelectedItemKeyToFirstMatchingItem];
+    $[23] = groups;
+    $[24] = selectedItemKey;
+    $[25] = setSelectedItemKeyToFirstMatchingItem;
+    $[26] = updateSelectedItem;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  useLayoutEffect(t9, t10);
+  let t11;
+  if ($[28] !== editor) {
+    t11 = () => mergeRegister(editor.registerCommand(SCROLL_TYPEAHEAD_OPTION_INTO_VIEW_COMMAND, _temp2, COMMAND_PRIORITY_LOW));
+    $[28] = editor;
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  let t12;
+  if ($[30] !== editor || $[31] !== updateSelectedItem) {
+    t12 = [editor, updateSelectedItem];
+    $[30] = editor;
+    $[31] = updateSelectedItem;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  useEffect(t11, t12);
+  let t13;
+  let t14;
+  if ($[33] !== close || $[34] !== editor || $[35] !== groups || $[36] !== selectItemAndCleanUp || $[37] !== selectedItemKey || $[38] !== updateSelectedItem) {
+    t13 = () => mergeRegister(editor.registerCommand(KEY_ARROW_DOWN_COMMAND, payload => {
       const event = payload;
       if (groups !== null && groups.length && selectedItemKey !== null) {
-        const allItems_0 = groups.flatMap(group_0 => group_0.items);
+        const allItems_0 = groups.flatMap(_temp3);
         const selectedIndex = allItems_0.findIndex(item_1 => item_1.key === selectedItemKey);
         const newSelectedIndex = selectedIndex !== allItems_0.length - 1 ? selectedIndex + 1 : 0;
         const newSelectedItem = allItems_0[newSelectedIndex];
@@ -246,7 +333,7 @@ export function LexicalMenu({
     }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(KEY_ARROW_UP_COMMAND, payload_0 => {
       const event_0 = payload_0;
       if (groups !== null && groups.length && selectedItemKey !== null) {
-        const allItems_1 = groups.flatMap(group_1 => group_1.items);
+        const allItems_1 = groups.flatMap(_temp4);
         const selectedIndex_0 = allItems_1.findIndex(item_2 => item_2.key === selectedItemKey);
         const newSelectedIndex_0 = selectedIndex_0 !== 0 ? selectedIndex_0 - 1 : allItems_1.length - 1;
         const newSelectedItem_0 = allItems_1[newSelectedIndex_0];
@@ -267,12 +354,12 @@ export function LexicalMenu({
       event_1.stopImmediatePropagation();
       close();
       return true;
-    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_TAB_COMMAND, payload_2 => {
+    }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(KEY_TAB_COMMAND, payload_2 => {
       const event_2 = payload_2;
       if (groups === null || selectedItemKey === null) {
         return false;
       }
-      const allItems_2 = groups.flatMap(group_2 => group_2.items);
+      const allItems_2 = groups.flatMap(_temp5);
       const selectedItem_0 = allItems_2.find(item_3 => item_3.key === selectedItemKey);
       if (!selectedItem_0) {
         return false;
@@ -285,7 +372,7 @@ export function LexicalMenu({
       if (groups === null || selectedItemKey === null) {
         return false;
       }
-      const allItems_3 = groups.flatMap(group_3 => group_3.items);
+      const allItems_3 = groups.flatMap(_temp6);
       const selectedItem_1 = allItems_3.find(item_4 => item_4.key === selectedItemKey);
       if (!selectedItem_1) {
         return false;
@@ -297,14 +384,74 @@ export function LexicalMenu({
       selectItemAndCleanUp(selectedItem_1);
       return true;
     }, COMMAND_PRIORITY_NORMAL));
-  }, [selectItemAndCleanUp, close, editor, groups, selectedItemKey, updateSelectedItem]);
-  const listItemProps = useMemo(() => ({
-    groups,
-    selectedItemKey,
-    selectItemAndCleanUp,
-    setSelectedItemKey
-  }), [selectItemAndCleanUp, selectedItemKey, groups]);
-  return menuRenderFn(anchorElementRef, listItemProps, resolution.match ? resolution.match.matchingString : '');
+    t14 = [selectItemAndCleanUp, close, editor, groups, selectedItemKey, updateSelectedItem];
+    $[33] = close;
+    $[34] = editor;
+    $[35] = groups;
+    $[36] = selectItemAndCleanUp;
+    $[37] = selectedItemKey;
+    $[38] = updateSelectedItem;
+    $[39] = t13;
+    $[40] = t14;
+  } else {
+    t13 = $[39];
+    t14 = $[40];
+  }
+  useEffect(t13, t14);
+  let t15;
+  if ($[41] !== groups || $[42] !== selectItemAndCleanUp || $[43] !== selectedItemKey) {
+    t15 = {
+      groups,
+      selectedItemKey,
+      selectItemAndCleanUp,
+      setSelectedItemKey
+    };
+    $[41] = groups;
+    $[42] = selectItemAndCleanUp;
+    $[43] = selectedItemKey;
+    $[44] = t15;
+  } else {
+    t15 = $[44];
+  }
+  const listItemProps = t15;
+  const t16 = resolution.match ? resolution.match.matchingString : "";
+  let t17;
+  if ($[45] !== anchorElementRef || $[46] !== listItemProps || $[47] !== menuRenderFn || $[48] !== t16) {
+    t17 = menuRenderFn(anchorElementRef, listItemProps, t16);
+    $[45] = anchorElementRef;
+    $[46] = listItemProps;
+    $[47] = menuRenderFn;
+    $[48] = t16;
+    $[49] = t17;
+  } else {
+    t17 = $[49];
+  }
+  return t17;
+}
+function _temp6(group_3) {
+  return group_3.items;
+}
+function _temp5(group_2) {
+  return group_2.items;
+}
+function _temp4(group_1) {
+  return group_1.items;
+}
+function _temp3(group_0) {
+  return group_0.items;
+}
+function _temp2(t0) {
+  const {
+    item: item_0
+  } = t0;
+  if (item_0.ref && item_0.ref.current != null) {
+    scrollIntoViewIfNeeded(item_0.ref.current);
+    return true;
+  }
+  return false;
+}
+function _temp(group) {
+  return group.items;
 }
 function setContainerDivAttributes(containerDiv, className) {
   if (className != null) {