@payloadcms/richtext-lexical 3.0.0-beta.7 → 3.0.0-beta.70

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

@@ -0,0 +1,186 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_LOW, createCommand } from 'lexical';
+import { useCallback, useEffect, useState } from 'react';
+import * as React from 'react';
+import { LexicalMenu, useMenuAnchorRef } from './LexicalMenu.js';
+export const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
+function getTextUpToAnchor(selection) {
+    const anchor = selection.anchor;
+    if (anchor.type !== 'text') {
+        return null;
+    }
+    const anchorNode = anchor.getNode();
+    if (!anchorNode.isSimpleText()) {
+        return null;
+    }
+    const anchorOffset = anchor.offset;
+    return anchorNode.getTextContent().slice(0, anchorOffset);
+}
+function tryToPositionRange(leadOffset, range, editorWindow) {
+    const domSelection = editorWindow.getSelection();
+    if (domSelection === null || !domSelection.isCollapsed) {
+        return false;
+    }
+    const anchorNode = domSelection.anchorNode;
+    const startOffset = leadOffset;
+    const endOffset = domSelection.anchorOffset;
+    if (anchorNode == null || endOffset == null) {
+        return false;
+    }
+    try {
+        range.setStart(anchorNode, startOffset);
+        // if endOffset is 0, positioning the range for when you click the plus button to open the slash menu will fial
+        range.setEnd(anchorNode, endOffset > 1 ? endOffset : 1);
+    } catch (error) {
+        return false;
+    }
+    return true;
+}
+function getQueryTextForSearch(editor) {
+    let text = null;
+    editor.getEditorState().read(()=>{
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) {
+            return;
+        }
+        text = getTextUpToAnchor(selection);
+    });
+    return text;
+}
+function isSelectionOnEntityBoundary(editor, offset) {
+    if (offset !== 0) {
+        return false;
+    }
+    return editor.getEditorState().read(()=>{
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+            const anchor = selection.anchor;
+            const anchorNode = anchor.getNode();
+            const prevSibling = anchorNode.getPreviousSibling();
+            return $isTextNode(prevSibling) && prevSibling.isTextEntity();
+        }
+        return false;
+    });
+}
+function startTransition(callback) {
+    if (React.startTransition) {
+        React.startTransition(callback);
+    } else {
+        callback();
+    }
+}
+export { useDynamicPositioning } from './LexicalMenu.js';
+export const ENABLE_SLASH_MENU_COMMAND = createCommand('ENABLE_SLASH_MENU_COMMAND');
+export function LexicalTypeaheadMenuPlugin({ anchorClassName, anchorElem, groups, menuRenderFn, onClose, onOpen, onQueryChange, onSelectItem, triggerFn }) {
+    const [editor] = useLexicalComposerContext();
+    const [resolution, setResolution] = useState(null);
+    const anchorElementRef = useMenuAnchorRef(anchorElem, resolution, setResolution, anchorClassName);
+    const closeTypeahead = useCallback(()=>{
+        setResolution(null);
+        if (onClose != null && resolution !== null) {
+            onClose();
+        }
+    }, [
+        onClose,
+        resolution
+    ]);
+    const openTypeahead = useCallback((res)=>{
+        setResolution(res);
+        if (onOpen != null && resolution === null) {
+            onOpen(res);
+        }
+    }, [
+        onOpen,
+        resolution
+    ]);
+    // This is mainly used for the AddBlockHandlePlugin, so that the slash menu can be opened from there
+    useEffect(()=>{
+        return mergeRegister(editor.registerCommand(ENABLE_SLASH_MENU_COMMAND, ({ node })=>{
+            editor.getEditorState().read(()=>{
+                const match = {
+                    leadOffset: 0,
+                    matchingString: '',
+                    replaceableString: ''
+                };
+                if (!isSelectionOnEntityBoundary(editor, match.leadOffset)) {
+                    if (node !== null) {
+                        const editorWindow = editor._window ?? window;
+                        const range = editorWindow.document.createRange();
+                        const isRangePositioned = tryToPositionRange(match.leadOffset, range, editorWindow);
+                        if (isRangePositioned !== null) {
+                            startTransition(()=>openTypeahead({
+                                    getRect: ()=>{
+                                        return range.getBoundingClientRect();
+                                    },
+                                    match
+                                }));
+                        }
+                        return;
+                    }
+                }
+            });
+            return true;
+        }, COMMAND_PRIORITY_LOW));
+    }, [
+        editor,
+        openTypeahead
+    ]);
+    useEffect(()=>{
+        const updateListener = ()=>{
+            editor.getEditorState().read(()=>{
+                const editorWindow = editor._window ?? window;
+                const range = editorWindow.document.createRange();
+                const selection = $getSelection();
+                const text = getQueryTextForSearch(editor);
+                if (!$isRangeSelection(selection) || !selection.isCollapsed() || text === null || range === null) {
+                    closeTypeahead();
+                    return;
+                }
+                const match = triggerFn({
+                    editor,
+                    query: text
+                });
+                onQueryChange(match ? match.matchingString : null);
+                if (match !== null && !isSelectionOnEntityBoundary(editor, match.leadOffset)) {
+                    const isRangePositioned = tryToPositionRange(match.leadOffset, range, editorWindow);
+                    if (isRangePositioned !== null) {
+                        startTransition(()=>openTypeahead({
+                                getRect: ()=>{
+                                    return range.getBoundingClientRect();
+                                },
+                                match
+                            }));
+                        return;
+                    }
+                }
+                closeTypeahead();
+            });
+        };
+        const removeUpdateListener = editor.registerUpdateListener(updateListener);
+        return ()=>{
+            removeUpdateListener();
+        };
+    }, [
+        editor,
+        triggerFn,
+        onQueryChange,
+        resolution,
+        closeTypeahead,
+        openTypeahead
+    ]);
+    return resolution === null || editor === null ? null : /*#__PURE__*/ _jsx(LexicalMenu, {
+        anchorElementRef: anchorElementRef,
+        close: closeTypeahead,
+        editor: editor,
+        groups: groups,
+        menuRenderFn: menuRenderFn,
+        onSelectItem: onSelectItem,
+        resolution: resolution,
+        shouldSplitNodeWithQuery: true
+    });
+}
+
+//# sourceMappingURL=index.js.map

package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  LexicalCommand,\n  LexicalEditor,\n  ParagraphNode,\n  RangeSelection,\n  TextNode,\n} from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n  COMMAND_PRIORITY_LOW,\n  createCommand,\n} from 'lexical'\nimport { type JSX, useCallback, useEffect, useState } from 'react'\nimport * as React from 'react'\n\nimport type { MenuTextMatch, TriggerFn } from '../useMenuTriggerMatch.js'\nimport type { MenuRenderFn, MenuResolution } from './LexicalMenu.js'\nimport type { SlashMenuGroupInternal, SlashMenuItem } from './types.js'\n\nimport { LexicalMenu, useMenuAnchorRef } from './LexicalMenu.js'\n\nexport const PUNCTUATION = '\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%\\'\"~=<>_:;'\n\nfunction getTextUpToAnchor(selection: RangeSelection): null | string {\n  const anchor = selection.anchor\n  if (anchor.type !== 'text') {\n    return null\n  }\n  const anchorNode = anchor.getNode()\n  if (!anchorNode.isSimpleText()) {\n    return null\n  }\n  const anchorOffset = anchor.offset\n  return anchorNode.getTextContent().slice(0, anchorOffset)\n}\n\nfunction tryToPositionRange(leadOffset: number, range: Range, editorWindow: Window): boolean {\n  const domSelection = editorWindow.getSelection()\n  if (domSelection === null || !domSelection.isCollapsed) {\n    return false\n  }\n  const anchorNode = domSelection.anchorNode\n  const startOffset = leadOffset\n  const endOffset = domSelection.anchorOffset\n\n  if (anchorNode == null || endOffset == null) {\n    return false\n  }\n\n  try {\n    range.setStart(anchorNode, startOffset)\n    // if endOffset is 0, positioning the range for when you click the plus button to open the slash menu will fial\n    range.setEnd(anchorNode, endOffset > 1 ? endOffset : 1)\n  } catch (error) {\n    return false\n  }\n\n  return true\n}\n\nfunction getQueryTextForSearch(editor: LexicalEditor): null | string {\n  let text = null\n  editor.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) {\n      return\n    }\n    text = getTextUpToAnchor(selection)\n  })\n  return text\n}\n\nfunction isSelectionOnEntityBoundary(editor: LexicalEditor, offset: number): boolean {\n  if (offset !== 0) {\n    return false\n  }\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor\n      const anchorNode = anchor.getNode()\n      const prevSibling = anchorNode.getPreviousSibling()\n      return $isTextNode(prevSibling) && prevSibling.isTextEntity()\n    }\n    return false\n  })\n}\n\nfunction startTransition(callback: () => void) {\n  if (React.startTransition) {\n    React.startTransition(callback)\n  } else {\n    callback()\n  }\n}\n\nexport { useDynamicPositioning } from './LexicalMenu.js'\n\nexport type TypeaheadMenuPluginProps = {\n  anchorClassName?: string\n  anchorElem: HTMLElement\n  groups: Array<SlashMenuGroupInternal>\n  menuRenderFn: MenuRenderFn\n  onClose?: () => void\n  onOpen?: (resolution: MenuResolution) => void\n  onQueryChange: (matchingString: null | string) => void\n  onSelectItem: (\n    item: SlashMenuItem,\n    textNodeContainingQuery: TextNode | null,\n    closeMenu: () => void,\n    matchingString: string,\n  ) => void\n  triggerFn: TriggerFn\n}\n\nexport const ENABLE_SLASH_MENU_COMMAND: LexicalCommand<{\n  node: ParagraphNode\n}> = createCommand('ENABLE_SLASH_MENU_COMMAND')\n\nexport function LexicalTypeaheadMenuPlugin({\n  anchorClassName,\n  anchorElem,\n  groups,\n  menuRenderFn,\n  onClose,\n  onOpen,\n  onQueryChange,\n  onSelectItem,\n  triggerFn,\n}: TypeaheadMenuPluginProps): JSX.Element | null {\n  const [editor] = useLexicalComposerContext()\n  const [resolution, setResolution] = useState<MenuResolution | null>(null)\n  const anchorElementRef = useMenuAnchorRef(anchorElem, resolution, setResolution, anchorClassName)\n\n  const closeTypeahead = useCallback(() => {\n    setResolution(null)\n    if (onClose != null && resolution !== null) {\n      onClose()\n    }\n  }, [onClose, resolution])\n\n  const openTypeahead = useCallback(\n    (res: MenuResolution) => {\n      setResolution(res)\n      if (onOpen != null && resolution === null) {\n        onOpen(res)\n      }\n    },\n    [onOpen, resolution],\n  )\n\n  // This is mainly used for the AddBlockHandlePlugin, so that the slash menu can be opened from there\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        ENABLE_SLASH_MENU_COMMAND,\n        ({ node }) => {\n          editor.getEditorState().read(() => {\n            const match: MenuTextMatch = {\n              leadOffset: 0,\n              matchingString: '',\n              replaceableString: '',\n            }\n            if (!isSelectionOnEntityBoundary(editor, match.leadOffset)) {\n              if (node !== null) {\n                const editorWindow = editor._window ?? window\n                const range = editorWindow.document.createRange()\n\n                const isRangePositioned = tryToPositionRange(match.leadOffset, range, editorWindow)\n                if (isRangePositioned !== null) {\n                  startTransition(() =>\n                    openTypeahead({\n                      getRect: () => {\n                        return range.getBoundingClientRect()\n                      },\n                      match,\n                    }),\n                  )\n                }\n\n                return\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, openTypeahead])\n\n  useEffect(() => {\n    const updateListener = () => {\n      editor.getEditorState().read(() => {\n        const editorWindow = editor._window ?? window\n        const range = editorWindow.document.createRange()\n        const selection = $getSelection()\n        const text = getQueryTextForSearch(editor)\n\n        if (\n          !$isRangeSelection(selection) ||\n          !selection.isCollapsed() ||\n          text === null ||\n          range === null\n        ) {\n          closeTypeahead()\n          return\n        }\n\n        const match = triggerFn({ editor, query: text })\n        onQueryChange(match ? match.matchingString : null)\n\n        if (match !== null && !isSelectionOnEntityBoundary(editor, match.leadOffset)) {\n          const isRangePositioned = tryToPositionRange(match.leadOffset, range, editorWindow)\n          if (isRangePositioned !== null) {\n            startTransition(() =>\n              openTypeahead({\n                getRect: () => {\n                  return range.getBoundingClientRect()\n                },\n                match,\n              }),\n            )\n            return\n          }\n        }\n        closeTypeahead()\n      })\n    }\n\n    const removeUpdateListener = editor.registerUpdateListener(updateListener)\n\n    return () => {\n      removeUpdateListener()\n    }\n  }, [editor, triggerFn, onQueryChange, resolution, closeTypeahead, openTypeahead])\n\n  return resolution === null || editor === null ? null : (\n    <LexicalMenu\n      anchorElementRef={anchorElementRef}\n      close={closeTypeahead}\n      editor={editor}\n      groups={groups}\n      menuRenderFn={menuRenderFn}\n      onSelectItem={onSelectItem}\n      resolution={resolution}\n      shouldSplitNodeWithQuery\n    />\n  )\n}\n\nexport type { MenuRenderFn, MenuResolution, MenuTextMatch, TriggerFn }\n"],"names":["useLexicalComposerContext","mergeRegister","$getSelection","$isRangeSelection","$isTextNode","COMMAND_PRIORITY_LOW","createCommand","useCallback","useEffect","useState","React","LexicalMenu","useMenuAnchorRef","PUNCTUATION","getTextUpToAnchor","selection","anchor","type","anchorNode","getNode","isSimpleText","anchorOffset","offset","getTextContent","slice","tryToPositionRange","leadOffset","range","editorWindow","domSelection","getSelection","isCollapsed","startOffset","endOffset","setStart","setEnd","error","getQueryTextForSearch","editor","text","getEditorState","read","isSelectionOnEntityBoundary","prevSibling","getPreviousSibling","isTextEntity","startTransition","callback","useDynamicPositioning","ENABLE_SLASH_MENU_COMMAND","LexicalTypeaheadMenuPlugin","anchorClassName","anchorElem","groups","menuRenderFn","onClose","onOpen","onQueryChange","onSelectItem","triggerFn","resolution","setResolution","anchorElementRef","closeTypeahead","openTypeahead","res","registerCommand","node","match","matchingString","replaceableString","_window","window","document","createRange","isRangePositioned","getRect","getBoundingClientRect","updateListener","query","removeUpdateListener","registerUpdateListener","close","shouldSplitNodeWithQuery"],"mappings":"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"}

package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.d.ts

@@ -0,0 +1,46 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { LexicalEditor, Spread } from 'lexical';
+import type React from 'react';
+import type { RefObject } from 'react';
+export type SlashMenuItem = {
+    /** The icon which is rendered in your slash menu item. */
+    Icon: React.FC;
+    /** Each slash menu item needs to have a unique key. The key will be matched when typing, displayed if no `label` property is set, and used for classNames. */
+    key: string;
+    /**
+     * Keywords are used to match the item for different texts typed after the '/'.
+     * E.g. you might want to show a horizontal rule item if you type both /hr, /separator, /horizontal etc.
+     * In addition to the keywords, the label and key will be used to find the right slash menu item.
+     */
+    keywords?: Array<string>;
+    /** The label will be displayed in your slash menu item. In order to make use of i18n, this can be a function. */
+    label?: (({ i18n }: {
+        i18n: I18nClient<{}, string>;
+    }) => string) | string;
+    /** A function which is called when the slash menu item is selected. */
+    onSelect: ({ editor, queryString }: {
+        editor: LexicalEditor;
+        queryString: string;
+    }) => void;
+};
+export type SlashMenuGroup = {
+    /**
+     * An array of `SlashMenuItem`'s which will be displayed in the slash menu.
+     */
+    items: Array<SlashMenuItem>;
+    /**
+     * Used for class names and, if label is not provided, for display. Slash menus with the same key will have their items merged together.
+     */
+    key: string;
+    /** The label will be displayed before your Slash Menu group. In order to make use of i18n, this can be a function. */
+    label?: (({ i18n }: {
+        i18n: I18nClient<{}, string>;
+    }) => string) | string;
+};
+export type SlashMenuItemInternal = {
+    ref: RefObject<HTMLButtonElement | null>;
+} & SlashMenuItem;
+export type SlashMenuGroupInternal = Spread<{
+    items: Array<SlashMenuItemInternal>;
+}, SlashMenuGroup>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,aAAa,GAAG;IAC1B,0DAA0D;IAC1D,IAAI,EAAE,KAAK,CAAC,EAAE,CAAA;IACd,8JAA8J;IAC9J,GAAG,EAAE,MAAM,CAAA;IACX;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACxB,iHAAiH;IACjH,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;KAAE,KAAK,MAAM,CAAC,GAAG,MAAM,CAAA;IACzE,uEAAuE;IACvE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;QAAE,MAAM,EAAE,aAAa,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5F,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX,sHAAsH;IACtH,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;KAAE,KAAK,MAAM,CAAC,GAAG,MAAM,CAAA;CAC1E,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACzC,GAAG,aAAa,CAAA;AAEjB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC;IACE,KAAK,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAA;CACpC,EACD,cAAc,CACf,CAAA"}

package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { LexicalEditor, Spread } from 'lexical'\nimport type React from 'react'\nimport type { RefObject } from 'react'\n\nexport type SlashMenuItem = {\n  /** The icon which is rendered in your slash menu item. */\n  Icon: React.FC\n  /** Each slash menu item needs to have a unique key. The key will be matched when typing, displayed if no `label` property is set, and used for classNames. */\n  key: string\n  /**\n   * Keywords are used to match the item for different texts typed after the '/'.\n   * E.g. you might want to show a horizontal rule item if you type both /hr, /separator, /horizontal etc.\n   * In addition to the keywords, the label and key will be used to find the right slash menu item.\n   */\n  keywords?: Array<string>\n  /** The label will be displayed in your slash menu item. In order to make use of i18n, this can be a function. */\n  label?: (({ i18n }: { i18n: I18nClient<{}, string> }) => string) | string\n  /** A function which is called when the slash menu item is selected. */\n  onSelect: ({ editor, queryString }: { editor: LexicalEditor; queryString: string }) => void\n}\n\nexport type SlashMenuGroup = {\n  /**\n   * An array of `SlashMenuItem`'s which will be displayed in the slash menu.\n   */\n  items: Array<SlashMenuItem>\n  /**\n   * Used for class names and, if label is not provided, for display. Slash menus with the same key will have their items merged together.\n   */\n  key: string\n  /** The label will be displayed before your Slash Menu group. In order to make use of i18n, this can be a function. */\n  label?: (({ i18n }: { i18n: I18nClient<{}, string> }) => string) | string\n}\n\nexport type SlashMenuItemInternal = {\n  ref: RefObject<HTMLButtonElement | null>\n} & SlashMenuItem\n\nexport type SlashMenuGroupInternal = Spread<\n  {\n    items: Array<SlashMenuItemInternal>\n  },\n  SlashMenuGroup\n>\n"],"names":[],"mappings":"AAuCA,WAKC"}

package/dist/lexical/plugins/SlashMenu/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import './index.scss';
+export declare function SlashMenuPlugin({ anchorElem, }: {
+    anchorElem?: HTMLElement;
+}): React.ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/lexical/plugins/SlashMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lexical/plugins/SlashMenu/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,cAAc,CAAA;AAuDrB,wBAAgB,eAAe,CAAC,EAC9B,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,KAAK,CAAC,YAAY,CA4JrB"}

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

@@ -0,0 +1,189 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useTranslation } from '@payloadcms/ui';
+import { useCallback, useMemo, useState } from 'react';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js';
+import { LexicalTypeaheadMenuPlugin } from './LexicalTypeaheadMenuPlugin/index.js';
+import { useMenuTriggerMatch } from './useMenuTriggerMatch.js';
+const baseClass = 'slash-menu-popup';
+function SlashMenuItem({ isSelected, item, onClick, onMouseEnter }) {
+    const { i18n } = useTranslation();
+    let className = `${baseClass}__item ${baseClass}__item-${item.key}`;
+    if (isSelected) {
+        className += ` ${baseClass}__item--selected`;
+    }
+    let title = item.key;
+    if (item.label) {
+        title = typeof item.label === 'function' ? item.label({
+            i18n
+        }) : item.label;
+    }
+    // Crop title to max. 25 characters
+    if (title.length > 25) {
+        title = title.substring(0, 25) + '...';
+    }
+    return /*#__PURE__*/ _jsxs("button", {
+        "aria-selected": isSelected,
+        className: className,
+        id: baseClass + '__item-' + item.key,
+        onClick: onClick,
+        onMouseEnter: onMouseEnter,
+        ref: (element)=>{
+            item.ref = {
+                current: element
+            };
+        },
+        role: "option",
+        tabIndex: -1,
+        type: "button",
+        children: [
+            item?.Icon && /*#__PURE__*/ _jsx(item.Icon, {}),
+            /*#__PURE__*/ _jsx("span", {
+                className: `${baseClass}__item-text`,
+                children: title
+            })
+        ]
+    }, item.key);
+}
+export function SlashMenuPlugin({ anchorElem = document.body }) {
+    const [editor] = useLexicalComposerContext();
+    const [queryString, setQueryString] = useState(null);
+    const { editorConfig } = useEditorConfigContext();
+    const { i18n } = useTranslation();
+    const checkForTriggerMatch = useMenuTriggerMatch('/', {
+        minLength: 0
+    });
+    const getDynamicItems = useCallback(()=>{
+        let groupWithItems = [];
+        for (const dynamicItem of editorConfig.features.slashMenu.dynamicGroups){
+            const dynamicGroupWithItems = dynamicItem({
+                editor,
+                queryString
+            });
+            groupWithItems = groupWithItems.concat(dynamicGroupWithItems);
+        }
+        return groupWithItems;
+    }, [
+        editor,
+        queryString,
+        editorConfig?.features
+    ]);
+    const groups = useMemo(()=>{
+        let groupsWithItems = [];
+        for (const groupWithItem of editorConfig?.features.slashMenu.groups ?? []){
+            groupsWithItems.push(groupWithItem);
+        }
+        if (queryString) {
+            // Filter current groups first
+            groupsWithItems = groupsWithItems.map((group)=>{
+                const filteredItems = group.items.filter((item)=>{
+                    let itemTitle = item.key;
+                    if (item.label) {
+                        itemTitle = typeof item.label === 'function' ? item.label({
+                            i18n
+                        }) : item.label;
+                    }
+                    if (new RegExp(queryString, 'gi').exec(itemTitle)) {
+                        return true;
+                    }
+                    if (item.keywords != null) {
+                        return item.keywords.some((keyword)=>new RegExp(queryString, 'gi').exec(keyword));
+                    }
+                    return false;
+                });
+                if (filteredItems.length) {
+                    return {
+                        ...group,
+                        items: filteredItems
+                    };
+                }
+                return null;
+            });
+            groupsWithItems = groupsWithItems.filter((group)=>group != null);
+            // Now add dynamic groups
+            const dynamicItemGroups = getDynamicItems();
+            // merge dynamic items into groups
+            for (const dynamicGroup of dynamicItemGroups){
+                // 1. find the group with the same name or create new one
+                let group = groupsWithItems.find((group)=>group.key === dynamicGroup.key);
+                if (!group) {
+                    group = {
+                        ...dynamicGroup,
+                        items: []
+                    };
+                } else {
+                    groupsWithItems = groupsWithItems.filter((group)=>group.key !== dynamicGroup.key);
+                }
+                // 2. Add items to group items array and add to sanitized.slashMenu.groupsWithItems
+                if (group?.items?.length) {
+                    group.items = group.items.concat(group.items);
+                }
+                groupsWithItems.push(group);
+            }
+        }
+        return groupsWithItems;
+    }, [
+        getDynamicItems,
+        queryString,
+        editorConfig?.features,
+        i18n
+    ]);
+    const onSelectItem = useCallback((selectedItem, nodeToRemove, closeMenu, matchingString)=>{
+        if (nodeToRemove) {
+            editor.update(()=>{
+                nodeToRemove.remove();
+            });
+        }
+        selectedItem.onSelect({
+            editor,
+            queryString: matchingString
+        });
+        closeMenu();
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(LexicalTypeaheadMenuPlugin, {
+        anchorElem: anchorElem,
+        groups: groups,
+        menuRenderFn: (anchorElementRef, { selectItemAndCleanUp, selectedItemKey, setSelectedItemKey })=>anchorElementRef.current && groups.length ? /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ _jsx("div", {
+                className: baseClass,
+                children: groups.map((group)=>{
+                    let groupTitle = group.key;
+                    if (group.label) {
+                        groupTitle = typeof group.label === 'function' ? group.label({
+                            i18n
+                        }) : group.label;
+                    }
+                    return /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__group ${baseClass}__group-${group.key}`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__group-title`,
+                                children: groupTitle
+                            }),
+                            group.items.map((item, oi)=>/*#__PURE__*/ _jsx(SlashMenuItem, {
+                                    index: oi,
+                                    isSelected: selectedItemKey === item.key,
+                                    item: item,
+                                    onClick: ()=>{
+                                        setSelectedItemKey(item.key);
+                                        selectItemAndCleanUp(item);
+                                    },
+                                    onMouseEnter: ()=>{
+                                        setSelectedItemKey(item.key);
+                                    }
+                                }, item.key))
+                        ]
+                    }, group.key);
+                })
+            }), anchorElementRef.current) : null,
+        onQueryChange: setQueryString,
+        onSelectItem: onSelectItem,
+        triggerFn: checkForTriggerMatch
+    });
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lexical/plugins/SlashMenu/index.tsx"],"sourcesContent":["'use client'\nimport type { TextNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useTranslation } from '@payloadcms/ui'\nimport { useCallback, useMemo, useState } from 'react'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\n\nimport type {\n  SlashMenuGroup,\n  SlashMenuGroupInternal,\n  SlashMenuItemInternal,\n  SlashMenuItem as SlashMenuItemType,\n} from './LexicalTypeaheadMenuPlugin/types.js'\n\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\nimport { LexicalTypeaheadMenuPlugin } from './LexicalTypeaheadMenuPlugin/index.js'\nimport './index.scss'\nimport { useMenuTriggerMatch } from './useMenuTriggerMatch.js'\n\nconst baseClass = 'slash-menu-popup'\n\nfunction SlashMenuItem({\n  isSelected,\n  item,\n  onClick,\n  onMouseEnter,\n}: {\n  index: number\n  isSelected: boolean\n  item: SlashMenuItemInternal\n  onClick: () => void\n  onMouseEnter: () => void\n}) {\n  const { i18n } = useTranslation()\n\n  let className = `${baseClass}__item ${baseClass}__item-${item.key}`\n  if (isSelected) {\n    className += ` ${baseClass}__item--selected`\n  }\n\n  let title = item.key\n  if (item.label) {\n    title = typeof item.label === 'function' ? item.label({ i18n }) : item.label\n  }\n  // Crop title to max. 25 characters\n  if (title.length > 25) {\n    title = title.substring(0, 25) + '...'\n  }\n\n  return (\n    <button\n      aria-selected={isSelected}\n      className={className}\n      id={baseClass + '__item-' + item.key}\n      key={item.key}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      ref={(element) => {\n        item.ref = { current: element }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n      type=\"button\"\n    >\n      {item?.Icon && <item.Icon />}\n\n      <span className={`${baseClass}__item-text`}>{title}</span>\n    </button>\n  )\n}\n\nexport function SlashMenuPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactElement {\n  const [editor] = useLexicalComposerContext()\n  const [queryString, setQueryString] = useState<null | string>(null)\n  const { editorConfig } = useEditorConfigContext()\n  const { i18n } = useTranslation()\n\n  const checkForTriggerMatch = useMenuTriggerMatch('/', {\n    minLength: 0,\n  })\n\n  const getDynamicItems = useCallback(() => {\n    let groupWithItems: Array<SlashMenuGroup> = []\n\n    for (const dynamicItem of editorConfig.features.slashMenu.dynamicGroups) {\n      const dynamicGroupWithItems = dynamicItem({\n        editor,\n        queryString,\n      })\n      groupWithItems = groupWithItems.concat(dynamicGroupWithItems)\n    }\n\n    return groupWithItems\n  }, [editor, queryString, editorConfig?.features])\n\n  const groups: SlashMenuGroup[] = useMemo(() => {\n    let groupsWithItems: SlashMenuGroup[] = []\n    for (const groupWithItem of editorConfig?.features.slashMenu.groups ?? []) {\n      groupsWithItems.push(groupWithItem)\n    }\n\n    if (queryString) {\n      // Filter current groups first\n      groupsWithItems = groupsWithItems.map((group) => {\n        const filteredItems = group.items.filter((item) => {\n          let itemTitle = item.key\n          if (item.label) {\n            itemTitle = typeof item.label === 'function' ? item.label({ i18n }) : item.label\n          }\n\n          if (new RegExp(queryString, 'gi').exec(itemTitle)) {\n            return true\n          }\n          if (item.keywords != null) {\n            return item.keywords.some((keyword) => new RegExp(queryString, 'gi').exec(keyword))\n          }\n          return false\n        })\n        if (filteredItems.length) {\n          return {\n            ...group,\n            items: filteredItems,\n          }\n        }\n        return null\n      })\n\n      groupsWithItems = groupsWithItems.filter((group) => group != null)\n\n      // Now add dynamic groups\n      const dynamicItemGroups = getDynamicItems()\n\n      // merge dynamic items into groups\n      for (const dynamicGroup of dynamicItemGroups) {\n        // 1. find the group with the same name or create new one\n        let group = groupsWithItems.find((group) => group.key === dynamicGroup.key)\n        if (!group) {\n          group = {\n            ...dynamicGroup,\n            items: [],\n          }\n        } else {\n          groupsWithItems = groupsWithItems.filter((group) => group.key !== dynamicGroup.key)\n        }\n\n        // 2. Add items to group items array and add to sanitized.slashMenu.groupsWithItems\n        if (group?.items?.length) {\n          group.items = group.items.concat(group.items)\n        }\n        groupsWithItems.push(group)\n      }\n    }\n\n    return groupsWithItems\n  }, [getDynamicItems, queryString, editorConfig?.features, i18n])\n\n  const onSelectItem = useCallback(\n    (\n      selectedItem: SlashMenuItemType,\n      nodeToRemove: TextNode | null,\n      closeMenu: () => void,\n      matchingString: string,\n    ) => {\n      if (nodeToRemove) {\n        editor.update(() => {\n          nodeToRemove.remove()\n        })\n      }\n      selectedItem.onSelect({ editor, queryString: matchingString })\n\n      closeMenu()\n    },\n    [editor],\n  )\n\n  return (\n    <LexicalTypeaheadMenuPlugin\n      anchorElem={anchorElem}\n      groups={groups as SlashMenuGroupInternal[]}\n      menuRenderFn={(\n        anchorElementRef,\n        { selectItemAndCleanUp, selectedItemKey, setSelectedItemKey },\n      ) =>\n        anchorElementRef.current && groups.length\n          ? ReactDOM.createPortal(\n              <div className={baseClass}>\n                {groups.map((group) => {\n                  let groupTitle = group.key\n                  if (group.label) {\n                    groupTitle =\n                      typeof group.label === 'function' ? group.label({ i18n }) : group.label\n                  }\n\n                  return (\n                    <div\n                      className={`${baseClass}__group ${baseClass}__group-${group.key}`}\n                      key={group.key}\n                    >\n                      <div className={`${baseClass}__group-title`}>{groupTitle}</div>\n                      {group.items.map((item, oi: number) => (\n                        <SlashMenuItem\n                          index={oi}\n                          isSelected={selectedItemKey === item.key}\n                          item={item as SlashMenuItemInternal}\n                          key={item.key}\n                          onClick={() => {\n                            setSelectedItemKey(item.key)\n                            selectItemAndCleanUp(item)\n                          }}\n                          onMouseEnter={() => {\n                            setSelectedItemKey(item.key)\n                          }}\n                        />\n                      ))}\n                    </div>\n                  )\n                })}\n              </div>,\n              anchorElementRef.current,\n            )\n          : null\n      }\n      onQueryChange={setQueryString}\n      onSelectItem={onSelectItem}\n      triggerFn={checkForTriggerMatch}\n    />\n  )\n}\n"],"names":["useLexicalComposerContext","useTranslation","useCallback","useMemo","useState","React","ReactDOM","useEditorConfigContext","LexicalTypeaheadMenuPlugin","useMenuTriggerMatch","baseClass","SlashMenuItem","isSelected","item","onClick","onMouseEnter","i18n","className","key","title","label","length","substring","button","aria-selected","id","ref","element","current","role","tabIndex","type","Icon","span","SlashMenuPlugin","anchorElem","document","body","editor","queryString","setQueryString","editorConfig","checkForTriggerMatch","minLength","getDynamicItems","groupWithItems","dynamicItem","features","slashMenu","dynamicGroups","dynamicGroupWithItems","concat","groups","groupsWithItems","groupWithItem","push","map","group","filteredItems","items","filter","itemTitle","RegExp","exec","keywords","some","keyword","dynamicItemGroups","dynamicGroup","find","onSelectItem","selectedItem","nodeToRemove","closeMenu","matchingString","update","remove","onSelect","menuRenderFn","anchorElementRef","selectItemAndCleanUp","selectedItemKey","setSelectedItemKey","createPortal","div","groupTitle","oi","index","onQueryChange","triggerFn"],"mappings":"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"}

package/dist/lexical/plugins/SlashMenu/useMenuTriggerMatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuTriggerMatch.d.ts","sourceRoot":"","sources":["../../../../src/lexical/plugins/SlashMenu/useMenuTriggerMatch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,MAAM,MAAM,SAAS,GAAG,CAAC,EACvB,MAAM,EACN,KAAK,GACN,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAA;CACd,KAAK,aAAa,GAAG,IAAI,CAAA;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,wBAAgB,mBAAmB;AACjC;;GAEG;AACH,OAAO,EAAE,MAAM,EACf,EAAE,SAAc,EAAE,SAAa,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5E,SAAS,CAqCX"}

package/dist/lexical/plugins/SlashMenu/useMenuTriggerMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lexical/plugins/SlashMenu/useMenuTriggerMatch.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\n\nimport { useCallback } from 'react'\n\nimport { PUNCTUATION } from './LexicalTypeaheadMenuPlugin/index.js'\n\nexport type TriggerFn = ({\n  editor,\n  query,\n}: {\n  editor: LexicalEditor\n  /** The query string is the POTENTIAL trigger AND the text after the trigger text. */\n  query: string\n}) => MenuTextMatch | null\n\nexport type MenuTextMatch = {\n  leadOffset: number\n  matchingString: string\n  replaceableString: string\n}\n\n/**\n * Returns a function which checks if the trigger (e.g. '/') is present in the query and, if so, returns the matching string (text after the trigger)\n */\nexport function useMenuTriggerMatch(\n  /**\n   * Text which triggers the menu. Everything after this text will be used as the query.\n   */\n  trigger: string,\n  { maxLength = 75, minLength = 1 }: { maxLength?: number; minLength?: number },\n): TriggerFn {\n  return useCallback(\n    ({ query }) => {\n      const validChars = '[^' + trigger + PUNCTUATION + '\\\\s]'\n      const TypeaheadTriggerRegex = new RegExp(\n        '(^|\\\\s|\\\\()(' +\n          '[' +\n          trigger +\n          ']' +\n          '((?:' +\n          validChars +\n          '){0,' +\n          maxLength +\n          '})' +\n          ')$',\n      )\n      const match = TypeaheadTriggerRegex.exec(query)\n      if (match !== null) {\n        const maybeLeadingWhitespace = match[1]\n\n        /**\n         * matchingString is only the text AFTER the trigger text. (So everything after the /)\n         */\n        const matchingString = match[3]\n\n        if (matchingString.length >= minLength) {\n          return {\n            leadOffset: match.index + maybeLeadingWhitespace.length,\n            matchingString,\n            replaceableString: match[2], // replaceableString is the trigger text + the matching string\n          }\n        }\n      }\n      return null\n    },\n    [maxLength, minLength, trigger],\n  )\n}\n"],"names":["useCallback","PUNCTUATION","useMenuTriggerMatch","trigger","maxLength","minLength","query","validChars","TypeaheadTriggerRegex","RegExp","match","exec","maybeLeadingWhitespace","matchingString","length","leadOffset","index","replaceableString"],"mappings":"AAEA,SAASA,WAAW,QAAQ,QAAO;AAEnC,SAASC,WAAW,QAAQ,wCAAuC;AAiBnE;;CAEC,GACD,OAAO,SAASC,oBACd;;GAEC,GACDC,OAAe,EACf,EAAEC,YAAY,EAAE,EAAEC,YAAY,CAAC,EAA8C;IAE7E,OAAOL,YACL,CAAC,EAAEM,KAAK,EAAE;QACR,MAAMC,aAAa,OAAOJ,UAAUF,cAAc;QAClD,MAAMO,wBAAwB,IAAIC,OAChC,iBACE,MACAN,UACA,MACA,SACAI,aACA,SACAH,YACA,OACA;QAEJ,MAAMM,QAAQF,sBAAsBG,IAAI,CAACL;QACzC,IAAII,UAAU,MAAM;YAClB,MAAME,yBAAyBF,KAAK,CAAC,EAAE;YAEvC;;SAEC,GACD,MAAMG,iBAAiBH,KAAK,CAAC,EAAE;YAE/B,IAAIG,eAAeC,MAAM,IAAIT,WAAW;gBACtC,OAAO;oBACLU,YAAYL,MAAMM,KAAK,GAAGJ,uBAAuBE,MAAM;oBACvDD;oBACAI,mBAAmBP,KAAK,CAAC,EAAE;gBAC7B;YACF;QACF;QACA,OAAO;IACT,GACA;QAACN;QAAWC;QAAWF;KAAQ;AAEnC"}

package/dist/lexical/plugins/handles/AddBlockHandlePlugin/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import './index.scss';
+export declare function AddBlockHandlePlugin({ anchorElem, }: {
+    anchorElem?: HTMLElement;
+}): React.ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/lexical/plugins/handles/AddBlockHandlePlugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/AddBlockHandlePlugin/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,cAAc,CAAA;AAwLrB,wBAAgB,oBAAoB,CAAC,EACnC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,KAAK,CAAC,YAAY,CAGrB"}