@payloadcms/richtext-lexical 3.0.0-beta.78 → 3.0.0-beta.80

package/dist/features/relationship/server/nodes/RelationshipNode.js

@@ -0,0 +1,101 @@
+import { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js';
+function $relationshipElementToServerNode(domNode) {
+    const id = domNode.getAttribute('data-lexical-relationship-id');
+    const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo');
+    if (id != null && relationTo != null) {
+        const node = $createServerRelationshipNode({
+            relationTo,
+            value: id
+        });
+        return {
+            node
+        };
+    }
+    return null;
+}
+export class RelationshipServerNode extends DecoratorBlockNode {
+    __data;
+    constructor({ data, format, key }){
+        super(format, key);
+        this.__data = data;
+    }
+    static clone(node) {
+        return new this({
+            data: node.__data,
+            format: node.__format,
+            key: node.__key
+        });
+    }
+    static getType() {
+        return 'relationship';
+    }
+    static importDOM() {
+        return {
+            div: (domNode)=>{
+                if (!domNode.hasAttribute('data-lexical-relationship-relationTo') || !domNode.hasAttribute('data-lexical-relationship-id')) {
+                    return null;
+                }
+                return {
+                    conversion: $relationshipElementToServerNode,
+                    priority: 2
+                };
+            }
+        };
+    }
+    static importJSON(serializedNode) {
+        if (serializedNode.version === 1 && serializedNode?.value?.id) {
+            serializedNode.value = serializedNode.value.id;
+        }
+        const importedData = {
+            relationTo: serializedNode.relationTo,
+            value: serializedNode.value
+        };
+        const node = $createServerRelationshipNode(importedData);
+        node.setFormat(serializedNode.format);
+        return node;
+    }
+    static isInline() {
+        return false;
+    }
+    decorate(editor, config) {
+        return null;
+    }
+    exportDOM() {
+        const element = document.createElement('div');
+        element.setAttribute('data-lexical-relationship-id', String(this.__data?.value));
+        element.setAttribute('data-lexical-relationship-relationTo', this.__data?.relationTo);
+        const text = document.createTextNode(this.getTextContent());
+        element.append(text);
+        return {
+            element
+        };
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            ...this.getData(),
+            type: 'relationship',
+            version: 2
+        };
+    }
+    getData() {
+        return this.getLatest().__data;
+    }
+    getTextContent() {
+        return `${this.__data?.relationTo} relation to ${this.__data?.value}`;
+    }
+    setData(data) {
+        const writable = this.getWritable();
+        writable.__data = data;
+    }
+}
+export function $createServerRelationshipNode(data) {
+    return new RelationshipServerNode({
+        data
+    });
+}
+export function $isServerRelationshipNode(node) {
+    return node instanceof RelationshipServerNode;
+}
+
+//# sourceMappingURL=RelationshipNode.js.map

package/dist/features/relationship/server/nodes/RelationshipNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/relationship/server/nodes/RelationshipNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  ElementFormatType,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  Spread,\n} from 'lexical'\nimport type { CollectionSlug } from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\n\nexport type RelationshipData = {\n  relationTo: CollectionSlug\n  value: number | string\n}\n\nexport type SerializedRelationshipNode = {\n  children?: never // required so that our typed editor state doesn't automatically add children\n  type: 'relationship'\n} & Spread<RelationshipData, SerializedDecoratorBlockNode>\n\nfunction $relationshipElementToServerNode(domNode: HTMLDivElement): DOMConversionOutput | null {\n  const id = domNode.getAttribute('data-lexical-relationship-id')\n  const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo')\n\n  if (id != null && relationTo != null) {\n    const node = $createServerRelationshipNode({\n      relationTo,\n      value: id,\n    })\n    return { node }\n  }\n  return null\n}\n\nexport class RelationshipServerNode extends DecoratorBlockNode {\n  __data: RelationshipData\n\n  constructor({\n    data,\n    format,\n    key,\n  }: {\n    data: RelationshipData\n    format?: ElementFormatType\n    key?: NodeKey\n  }) {\n    super(format, key)\n    this.__data = data\n  }\n\n  static clone(node: RelationshipServerNode): RelationshipServerNode {\n    return new this({\n      data: node.__data,\n      format: node.__format,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'relationship'\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {\n      div: (domNode: HTMLDivElement) => {\n        if (\n          !domNode.hasAttribute('data-lexical-relationship-relationTo') ||\n          !domNode.hasAttribute('data-lexical-relationship-id')\n        ) {\n          return null\n        }\n        return {\n          conversion: $relationshipElementToServerNode,\n          priority: 2,\n        }\n      },\n    }\n  }\n\n  static importJSON(serializedNode: SerializedRelationshipNode): RelationshipServerNode {\n    if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n      serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n    }\n\n    const importedData: RelationshipData = {\n      relationTo: serializedNode.relationTo,\n      value: serializedNode.value,\n    }\n    const node = $createServerRelationshipNode(importedData)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return null\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('div')\n    element.setAttribute('data-lexical-relationship-id', String(this.__data?.value))\n    element.setAttribute('data-lexical-relationship-relationTo', this.__data?.relationTo)\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  exportJSON(): SerializedRelationshipNode {\n    return {\n      ...super.exportJSON(),\n      ...this.getData(),\n      type: 'relationship',\n      version: 2,\n    }\n  }\n\n  getData(): RelationshipData {\n    return this.getLatest().__data\n  }\n\n  getTextContent(): string {\n    return `${this.__data?.relationTo} relation to ${this.__data?.value}`\n  }\n\n  setData(data: RelationshipData): void {\n    const writable = this.getWritable()\n    writable.__data = data\n  }\n}\n\nexport function $createServerRelationshipNode(data: RelationshipData): RelationshipServerNode {\n  return new RelationshipServerNode({\n    data,\n  })\n}\n\nexport function $isServerRelationshipNode(\n  node: LexicalNode | RelationshipServerNode | null | undefined,\n): node is RelationshipServerNode {\n  return node instanceof RelationshipServerNode\n}\n"],"names":["DecoratorBlockNode","$relationshipElementToServerNode","domNode","id","getAttribute","relationTo","node","$createServerRelationshipNode","value","RelationshipServerNode","__data","constructor","data","format","key","clone","__format","__key","getType","importDOM","div","hasAttribute","conversion","priority","importJSON","serializedNode","version","importedData","setFormat","isInline","decorate","editor","config","exportDOM","element","document","createElement","setAttribute","String","text","createTextNode","getTextContent","append","exportJSON","getData","type","getLatest","setData","writable","getWritable","$isServerRelationshipNode"],"mappings":"AAeA,SAASA,kBAAkB,QAAQ,8CAA6C;AAYhF,SAASC,iCAAiCC,OAAuB;IAC/D,MAAMC,KAAKD,QAAQE,YAAY,CAAC;IAChC,MAAMC,aAAaH,QAAQE,YAAY,CAAC;IAExC,IAAID,MAAM,QAAQE,cAAc,MAAM;QACpC,MAAMC,OAAOC,8BAA8B;YACzCF;YACAG,OAAOL;QACT;QACA,OAAO;YAAEG;QAAK;IAChB;IACA,OAAO;AACT;AAEA,OAAO,MAAMG,+BAA+BT;IAC1CU,OAAwB;IAExBC,YAAY,EACVC,IAAI,EACJC,MAAM,EACNC,GAAG,EAKJ,CAAE;QACD,KAAK,CAACD,QAAQC;QACd,IAAI,CAACJ,MAAM,GAAGE;IAChB;IAEA,OAAOG,MAAMT,IAA4B,EAA0B;QACjE,OAAO,IAAI,IAAI,CAAC;YACdM,MAAMN,KAAKI,MAAM;YACjBG,QAAQP,KAAKU,QAAQ;YACrBF,KAAKR,KAAKW,KAAK;QACjB;IACF;IAEA,OAAOC,UAAkB;QACvB,OAAO;IACT;IAEA,OAAOC,YAAqD;QAC1D,OAAO;YACLC,KAAK,CAAClB;gBACJ,IACE,CAACA,QAAQmB,YAAY,CAAC,2CACtB,CAACnB,QAAQmB,YAAY,CAAC,iCACtB;oBACA,OAAO;gBACT;gBACA,OAAO;oBACLC,YAAYrB;oBACZsB,UAAU;gBACZ;YACF;QACF;IACF;IAEA,OAAOC,WAAWC,cAA0C,EAA0B;QACpF,IAAIA,eAAeC,OAAO,KAAK,KAAMD,gBAAgBjB,OAAqCL,IAAI;YAC5FsB,eAAejB,KAAK,GAAG,AAACiB,eAAejB,KAAK,CAA+BL,EAAE;QAC/E;QAEA,MAAMwB,eAAiC;YACrCtB,YAAYoB,eAAepB,UAAU;YACrCG,OAAOiB,eAAejB,KAAK;QAC7B;QACA,MAAMF,OAAOC,8BAA8BoB;QAC3CrB,KAAKsB,SAAS,CAACH,eAAeZ,MAAM;QACpC,OAAOP;IACT;IAEA,OAAOuB,WAAkB;QACvB,OAAO;IACT;IAEAC,SAASC,MAAqB,EAAEC,MAAoB,EAAe;QACjE,OAAO;IACT;IAEAC,YAA6B;QAC3B,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvCF,QAAQG,YAAY,CAAC,gCAAgCC,OAAO,IAAI,CAAC5B,MAAM,EAAEF;QACzE0B,QAAQG,YAAY,CAAC,wCAAwC,IAAI,CAAC3B,MAAM,EAAEL;QAE1E,MAAMkC,OAAOJ,SAASK,cAAc,CAAC,IAAI,CAACC,cAAc;QACxDP,QAAQQ,MAAM,CAACH;QACf,OAAO;YAAEL;QAAQ;IACnB;IAEAS,aAAyC;QACvC,OAAO;YACL,GAAG,KAAK,CAACA,YAAY;YACrB,GAAG,IAAI,CAACC,OAAO,EAAE;YACjBC,MAAM;YACNnB,SAAS;QACX;IACF;IAEAkB,UAA4B;QAC1B,OAAO,IAAI,CAACE,SAAS,GAAGpC,MAAM;IAChC;IAEA+B,iBAAyB;QACvB,OAAO,CAAC,EAAE,IAAI,CAAC/B,MAAM,EAAEL,WAAW,aAAa,EAAE,IAAI,CAACK,MAAM,EAAEF,MAAM,CAAC;IACvE;IAEAuC,QAAQnC,IAAsB,EAAQ;QACpC,MAAMoC,WAAW,IAAI,CAACC,WAAW;QACjCD,SAAStC,MAAM,GAAGE;IACpB;AACF;AAEA,OAAO,SAASL,8BAA8BK,IAAsB;IAClE,OAAO,IAAIH,uBAAuB;QAChCG;IACF;AACF;AAEA,OAAO,SAASsC,0BACd5C,IAA6D;IAE7D,OAAOA,gBAAgBG;AACzB"}

package/dist/features/toolbars/fixed/client/Toolbar/index.d.ts

@@ -0,0 +1,5 @@
+import type { PluginComponentWithAnchor } from '../../../../typesClient.js';
+import type { FixedToolbarFeatureProps } from '../../server/index.js';
+import './index.scss';
+export declare const FixedToolbarPlugin: PluginComponentWithAnchor<FixedToolbarFeatureProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/toolbars/fixed/client/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAE3E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAKrE,OAAO,cAAc,CAAA;AA0OrB,eAAO,MAAM,kBAAkB,EAAE,yBAAyB,CAAC,wBAAwB,CAqClF,CAAA"}

package/dist/features/toolbars/fixed/client/Toolbar/index.js

@@ -0,0 +1,209 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { useScrollInfo, useThrottledEffect, useTranslation } from '@payloadcms/ui';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
+import { ToolbarButton } from '../../../shared/ToolbarButton/index.js';
+import { ToolbarDropdown } from '../../../shared/ToolbarDropdown/index.js';
+function ButtonGroupItem({ anchorElem, editor, item }) {
+    if (item.Component) {
+        return item?.Component && /*#__PURE__*/ _jsx(item.Component, {
+            anchorElem: anchorElem,
+            editor: editor,
+            item: item
+        }, item.key);
+    }
+    return /*#__PURE__*/ _jsx(ToolbarButton, {
+        editor: editor,
+        item: item,
+        children: item?.ChildComponent && /*#__PURE__*/ _jsx(item.ChildComponent, {})
+    }, item.key);
+}
+function ToolbarGroupComponent({ anchorElem, editor, editorConfig, group, index }) {
+    const { i18n } = useTranslation();
+    const { field: { richTextComponentMap } } = useEditorConfigContext();
+    const [dropdownLabel, setDropdownLabel] = React.useState(null);
+    const [DropdownIcon, setDropdownIcon] = React.useState(null);
+    React.useEffect(()=>{
+        if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {
+            setDropdownIcon(()=>group.ChildComponent);
+        } else {
+            setDropdownIcon(null);
+        }
+    }, [
+        group
+    ]);
+    const onActiveChange = ({ activeItems })=>{
+        if (!activeItems.length) {
+            if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {
+                setDropdownIcon(()=>group.ChildComponent);
+                setDropdownLabel(null);
+            } else {
+                setDropdownIcon(null);
+                setDropdownLabel(null);
+            }
+            return;
+        }
+        const item = activeItems[0];
+        let label = item.key;
+        if (item.label) {
+            label = typeof item.label === 'function' ? item.label({
+                i18n,
+                richTextComponentMap
+            }) : item.label;
+        }
+        // Crop title to max. 25 characters
+        if (label.length > 25) {
+            label = label.substring(0, 25) + '...';
+        }
+        setDropdownLabel(label);
+        setDropdownIcon(()=>item.ChildComponent);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `fixed-toolbar__group fixed-toolbar__group-${group.key}`,
+        children: [
+            group.type === 'dropdown' && group.items.length && (DropdownIcon ? /*#__PURE__*/ _jsx(ToolbarDropdown, {
+                Icon: DropdownIcon,
+                anchorElem: anchorElem,
+                editor: editor,
+                groupKey: group.key,
+                items: group.items,
+                itemsContainerClassNames: [
+                    'fixed-toolbar__dropdown-items'
+                ],
+                label: dropdownLabel,
+                maxActiveItems: 1,
+                onActiveChange: onActiveChange
+            }) : /*#__PURE__*/ _jsx(ToolbarDropdown, {
+                anchorElem: anchorElem,
+                editor: editor,
+                groupKey: group.key,
+                items: group.items,
+                itemsContainerClassNames: [
+                    'fixed-toolbar__dropdown-items'
+                ],
+                label: dropdownLabel,
+                maxActiveItems: 1,
+                onActiveChange: onActiveChange
+            })),
+            group.type === 'buttons' && group.items.length && group.items.map((item)=>{
+                return /*#__PURE__*/ _jsx(ButtonGroupItem, {
+                    anchorElem: anchorElem,
+                    editor: editor,
+                    item: item
+                }, item.key);
+            }),
+            index < editorConfig.features.toolbarFixed?.groups.length - 1 && /*#__PURE__*/ _jsx("div", {
+                className: "divider"
+            })
+        ]
+    }, group.key);
+}
+function FixedToolbar({ anchorElem, clientProps, editor, editorConfig, parentWithFixedToolbar }) {
+    const currentToolbarRef = React.useRef(null);
+    const { y } = useScrollInfo();
+    // Memoize the parent toolbar element
+    const parentToolbarElem = useMemo(()=>{
+        if (!parentWithFixedToolbar || clientProps?.disableIfParentHasFixedToolbar) {
+            return null;
+        }
+        const parentEditorElem = parentWithFixedToolbar.editorContainerRef.current;
+        let sibling = parentEditorElem.previousElementSibling;
+        while(sibling){
+            if (sibling.classList.contains('fixed-toolbar')) {
+                return sibling;
+            }
+            sibling = sibling.previousElementSibling;
+        }
+        return null;
+    }, [
+        clientProps?.disableIfParentHasFixedToolbar,
+        parentWithFixedToolbar
+    ]);
+    useThrottledEffect(()=>{
+        if (!parentToolbarElem) {
+            // this also checks for clientProps?.disableIfParentHasFixedToolbar indirectly, see the parentToolbarElem useMemo
+            return;
+        }
+        const currentToolbarElem = currentToolbarRef.current;
+        if (!currentToolbarElem) {
+            return;
+        }
+        const currentRect = currentToolbarElem.getBoundingClientRect();
+        const parentRect = parentToolbarElem.getBoundingClientRect();
+        // we only need to check for vertical overlap
+        const overlapping = !(currentRect.bottom < parentRect.top || currentRect.top > parentRect.bottom);
+        if (overlapping) {
+            currentToolbarRef.current.className = 'fixed-toolbar fixed-toolbar--overlapping';
+            parentToolbarElem.className = 'fixed-toolbar fixed-toolbar--hide';
+        } else {
+            if (!currentToolbarRef.current.classList.contains('fixed-toolbar--overlapping')) {
+                return;
+            }
+            currentToolbarRef.current.className = 'fixed-toolbar';
+            parentToolbarElem.className = 'fixed-toolbar';
+        }
+    }, 50, [
+        currentToolbarRef,
+        parentToolbarElem,
+        y
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "fixed-toolbar",
+        onFocus: (event)=>{
+            // Prevent other focus events being triggered. Otherwise, if this was to be clicked while in a child editor,
+            // the parent editor will be focused, and the child editor will lose focus.
+            event.stopPropagation();
+        },
+        ref: currentToolbarRef,
+        children: editor.isEditable() && /*#__PURE__*/ _jsx(React.Fragment, {
+            children: editorConfig?.features && editorConfig.features?.toolbarFixed?.groups.map((group, i)=>{
+                return /*#__PURE__*/ _jsx(ToolbarGroupComponent, {
+                    anchorElem: anchorElem,
+                    editor: editor,
+                    editorConfig: editorConfig,
+                    group: group,
+                    index: i
+                }, group.key);
+            })
+        })
+    });
+}
+const getParentEditorWithFixedToolbar = (editorConfigContext)=>{
+    if (editorConfigContext.parentEditor?.editorConfig) {
+        if (editorConfigContext.parentEditor?.editorConfig.resolvedFeatureMap.has('toolbarFixed')) {
+            return editorConfigContext.parentEditor;
+        } else {
+            if (editorConfigContext.parentEditor) {
+                return getParentEditorWithFixedToolbar(editorConfigContext.parentEditor);
+            }
+        }
+    }
+    return false;
+};
+export const FixedToolbarPlugin = ({ anchorElem, clientProps })=>{
+    const [currentEditor] = useLexicalComposerContext();
+    const editorConfigContext = useEditorConfigContext();
+    const { editorConfig: currentEditorConfig } = editorConfigContext;
+    const editor = clientProps.applyToFocusedEditor ? editorConfigContext.focusedEditor?.editor || currentEditor : currentEditor;
+    const editorConfig = clientProps.applyToFocusedEditor ? editorConfigContext.focusedEditor?.editorConfig || currentEditorConfig : currentEditorConfig;
+    const parentWithFixedToolbar = getParentEditorWithFixedToolbar(editorConfigContext);
+    if (clientProps?.disableIfParentHasFixedToolbar) {
+        if (parentWithFixedToolbar) {
+            return null;
+        }
+    }
+    if (!editorConfig?.features?.toolbarFixed?.groups?.length) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(FixedToolbar, {
+        anchorElem: anchorElem,
+        editor: editor,
+        editorConfig: editorConfig,
+        parentWithFixedToolbar: parentWithFixedToolbar
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/features/toolbars/fixed/client/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useScrollInfo, useThrottledEffect, useTranslation } from '@payloadcms/ui'\nimport * as React from 'react'\nimport { useMemo } from 'react'\n\nimport type { EditorConfigContextType } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport type { SanitizedClientEditorConfig } from '../../../../../lexical/config/types.js'\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../../types.js'\nimport type { FixedToolbarFeatureProps } from '../../server/index.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { ToolbarButton } from '../../../shared/ToolbarButton/index.js'\nimport { ToolbarDropdown } from '../../../shared/ToolbarDropdown/index.js'\nimport './index.scss'\n\nfunction ButtonGroupItem({\n  anchorElem,\n  editor,\n  item,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  item: ToolbarGroupItem\n}): React.ReactNode {\n  if (item.Component) {\n    return (\n      item?.Component && (\n        <item.Component anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n      )\n    )\n  }\n\n  return (\n    <ToolbarButton editor={editor} item={item} key={item.key}>\n      {item?.ChildComponent && <item.ChildComponent />}\n    </ToolbarButton>\n  )\n}\n\nfunction ToolbarGroupComponent({\n  anchorElem,\n  editor,\n  editorConfig,\n  group,\n  index,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  group: ToolbarGroup\n  index: number\n}): React.ReactNode {\n  const { i18n } = useTranslation()\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n  const [dropdownLabel, setDropdownLabel] = React.useState<null | string>(null)\n  const [DropdownIcon, setDropdownIcon] = React.useState<React.FC | null>(null)\n\n  React.useEffect(() => {\n    if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {\n      setDropdownIcon(() => group.ChildComponent)\n    } else {\n      setDropdownIcon(null)\n    }\n  }, [group])\n\n  const onActiveChange = ({ activeItems }: { activeItems: ToolbarGroupItem[] }) => {\n    if (!activeItems.length) {\n      if (group?.type === 'dropdown' && group.items.length && group.ChildComponent) {\n        setDropdownIcon(() => group.ChildComponent)\n        setDropdownLabel(null)\n      } else {\n        setDropdownIcon(null)\n        setDropdownLabel(null)\n      }\n      return\n    }\n    const item = activeItems[0]\n\n    let label = item.key\n    if (item.label) {\n      label =\n        typeof item.label === 'function' ? item.label({ i18n, richTextComponentMap }) : item.label\n    }\n    // Crop title to max. 25 characters\n    if (label.length > 25) {\n      label = label.substring(0, 25) + '...'\n    }\n    setDropdownLabel(label)\n    setDropdownIcon(() => item.ChildComponent)\n  }\n\n  return (\n    <div className={`fixed-toolbar__group fixed-toolbar__group-${group.key}`} key={group.key}>\n      {group.type === 'dropdown' &&\n        group.items.length &&\n        (DropdownIcon ? (\n          <ToolbarDropdown\n            Icon={DropdownIcon}\n            anchorElem={anchorElem}\n            editor={editor}\n            groupKey={group.key}\n            items={group.items}\n            itemsContainerClassNames={['fixed-toolbar__dropdown-items']}\n            label={dropdownLabel}\n            maxActiveItems={1}\n            onActiveChange={onActiveChange}\n          />\n        ) : (\n          <ToolbarDropdown\n            anchorElem={anchorElem}\n            editor={editor}\n            groupKey={group.key}\n            items={group.items}\n            itemsContainerClassNames={['fixed-toolbar__dropdown-items']}\n            label={dropdownLabel}\n            maxActiveItems={1}\n            onActiveChange={onActiveChange}\n          />\n        ))}\n      {group.type === 'buttons' &&\n        group.items.length &&\n        group.items.map((item) => {\n          return (\n            <ButtonGroupItem anchorElem={anchorElem} editor={editor} item={item} key={item.key} />\n          )\n        })}\n      {index < editorConfig.features.toolbarFixed?.groups.length - 1 && <div className=\"divider\" />}\n    </div>\n  )\n}\n\nfunction FixedToolbar({\n  anchorElem,\n  clientProps,\n  editor,\n  editorConfig,\n  parentWithFixedToolbar,\n}: {\n  anchorElem: HTMLElement\n  clientProps?: FixedToolbarFeatureProps\n  editor: LexicalEditor\n  editorConfig: SanitizedClientEditorConfig\n  parentWithFixedToolbar: EditorConfigContextType | false\n}): React.ReactNode {\n  const currentToolbarRef = React.useRef<HTMLDivElement>(null)\n\n  const { y } = useScrollInfo()\n\n  // Memoize the parent toolbar element\n  const parentToolbarElem = useMemo(() => {\n    if (!parentWithFixedToolbar || clientProps?.disableIfParentHasFixedToolbar) {\n      return null\n    }\n\n    const parentEditorElem = parentWithFixedToolbar.editorContainerRef.current\n    let sibling = parentEditorElem.previousElementSibling\n    while (sibling) {\n      if (sibling.classList.contains('fixed-toolbar')) {\n        return sibling\n      }\n      sibling = sibling.previousElementSibling\n    }\n    return null\n  }, [clientProps?.disableIfParentHasFixedToolbar, parentWithFixedToolbar])\n\n  useThrottledEffect(\n    () => {\n      if (!parentToolbarElem) {\n        // this also checks for clientProps?.disableIfParentHasFixedToolbar indirectly, see the parentToolbarElem useMemo\n        return\n      }\n      const currentToolbarElem = currentToolbarRef.current\n      if (!currentToolbarElem) {\n        return\n      }\n\n      const currentRect = currentToolbarElem.getBoundingClientRect()\n      const parentRect = parentToolbarElem.getBoundingClientRect()\n\n      // we only need to check for vertical overlap\n      const overlapping = !(\n        currentRect.bottom < parentRect.top || currentRect.top > parentRect.bottom\n      )\n\n      if (overlapping) {\n        currentToolbarRef.current.className = 'fixed-toolbar fixed-toolbar--overlapping'\n        parentToolbarElem.className = 'fixed-toolbar fixed-toolbar--hide'\n      } else {\n        if (!currentToolbarRef.current.classList.contains('fixed-toolbar--overlapping')) {\n          return\n        }\n        currentToolbarRef.current.className = 'fixed-toolbar'\n        parentToolbarElem.className = 'fixed-toolbar'\n      }\n    },\n    50,\n    [currentToolbarRef, parentToolbarElem, y],\n  )\n\n  return (\n    <div\n      className=\"fixed-toolbar\"\n      onFocus={(event) => {\n        // Prevent other focus events being triggered. Otherwise, if this was to be clicked while in a child editor,\n        // the parent editor will be focused, and the child editor will lose focus.\n        event.stopPropagation()\n      }}\n      ref={currentToolbarRef}\n    >\n      {editor.isEditable() && (\n        <React.Fragment>\n          {editorConfig?.features &&\n            editorConfig.features?.toolbarFixed?.groups.map((group, i) => {\n              return (\n                <ToolbarGroupComponent\n                  anchorElem={anchorElem}\n                  editor={editor}\n                  editorConfig={editorConfig}\n                  group={group}\n                  index={i}\n                  key={group.key}\n                />\n              )\n            })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nconst getParentEditorWithFixedToolbar = (\n  editorConfigContext: EditorConfigContextType,\n): EditorConfigContextType | false => {\n  if (editorConfigContext.parentEditor?.editorConfig) {\n    if (editorConfigContext.parentEditor?.editorConfig.resolvedFeatureMap.has('toolbarFixed')) {\n      return editorConfigContext.parentEditor\n    } else {\n      if (editorConfigContext.parentEditor) {\n        return getParentEditorWithFixedToolbar(editorConfigContext.parentEditor)\n      }\n    }\n  }\n  return false\n}\n\nexport const FixedToolbarPlugin: PluginComponentWithAnchor<FixedToolbarFeatureProps> = ({\n  anchorElem,\n  clientProps,\n}) => {\n  const [currentEditor] = useLexicalComposerContext()\n  const editorConfigContext = useEditorConfigContext()\n\n  const { editorConfig: currentEditorConfig } = editorConfigContext\n\n  const editor = clientProps.applyToFocusedEditor\n    ? editorConfigContext.focusedEditor?.editor || currentEditor\n    : currentEditor\n\n  const editorConfig = clientProps.applyToFocusedEditor\n    ? editorConfigContext.focusedEditor?.editorConfig || currentEditorConfig\n    : currentEditorConfig\n\n  const parentWithFixedToolbar = getParentEditorWithFixedToolbar(editorConfigContext)\n\n  if (clientProps?.disableIfParentHasFixedToolbar) {\n    if (parentWithFixedToolbar) {\n      return null\n    }\n  }\n\n  if (!editorConfig?.features?.toolbarFixed?.groups?.length) {\n    return null\n  }\n\n  return (\n    <FixedToolbar\n      anchorElem={anchorElem}\n      editor={editor}\n      editorConfig={editorConfig}\n      parentWithFixedToolbar={parentWithFixedToolbar}\n    />\n  )\n}\n"],"names":["useLexicalComposerContext","useScrollInfo","useThrottledEffect","useTranslation","React","useMemo","useEditorConfigContext","ToolbarButton","ToolbarDropdown","ButtonGroupItem","anchorElem","editor","item","Component","key","ChildComponent","ToolbarGroupComponent","editorConfig","group","index","i18n","field","richTextComponentMap","dropdownLabel","setDropdownLabel","useState","DropdownIcon","setDropdownIcon","useEffect","type","items","length","onActiveChange","activeItems","label","substring","div","className","Icon","groupKey","itemsContainerClassNames","maxActiveItems","map","features","toolbarFixed","groups","FixedToolbar","clientProps","parentWithFixedToolbar","currentToolbarRef","useRef","y","parentToolbarElem","disableIfParentHasFixedToolbar","parentEditorElem","editorContainerRef","current","sibling","previousElementSibling","classList","contains","currentToolbarElem","currentRect","getBoundingClientRect","parentRect","overlapping","bottom","top","onFocus","event","stopPropagation","ref","isEditable","Fragment","i","getParentEditorWithFixedToolbar","editorConfigContext","parentEditor","resolvedFeatureMap","has","FixedToolbarPlugin","currentEditor","currentEditorConfig","applyToFocusedEditor","focusedEditor"],"mappings":"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"}

package/dist/features/toolbars/fixed/client/index.d.ts

@@ -0,0 +1,6 @@
+import type { FixedToolbarFeatureProps } from '../server/index.js';
+export declare const FixedToolbarFeatureClient: import("react").FC<{
+    featureKey: string;
+    order: number;
+} & FixedToolbarFeatureProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/toolbars/fixed/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/toolbars/fixed/client/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAKlE,eAAO,MAAM,yBAAyB;;;6BAOpC,CAAA"}

package/dist/features/toolbars/fixed/client/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { createClientFeature } from '../../../../utilities/createClientFeature.js';
+import { FixedToolbarPlugin } from './Toolbar/index.js';
+export const FixedToolbarFeatureClient = createClientFeature({
+    plugins: [
+        {
+            Component: FixedToolbarPlugin,
+            position: 'aboveContainer'
+        }
+    ]
+});
+
+//# sourceMappingURL=index.js.map

package/dist/features/toolbars/fixed/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/toolbars/fixed/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FixedToolbarFeatureProps } from '../server/index.js'\n\nimport { createClientFeature } from '../../../../utilities/createClientFeature.js'\nimport { FixedToolbarPlugin } from './Toolbar/index.js'\n\nexport const FixedToolbarFeatureClient = createClientFeature<FixedToolbarFeatureProps>({\n  plugins: [\n    {\n      Component: FixedToolbarPlugin,\n      position: 'aboveContainer',\n    },\n  ],\n})\n"],"names":["createClientFeature","FixedToolbarPlugin","FixedToolbarFeatureClient","plugins","Component","position"],"mappings":"AAAA;AAIA,SAASA,mBAAmB,QAAQ,+CAA8C;AAClF,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,OAAO,MAAMC,4BAA4BF,oBAA8C;IACrFG,SAAS;QACP;YACEC,WAAWH;YACXI,UAAU;QACZ;KACD;AACH,GAAE"}

package/dist/features/toolbars/fixed/server/index.d.ts

@@ -0,0 +1,18 @@
+export type FixedToolbarFeatureProps = {
+    /**
+     * @default false
+     *
+     * If this is enabled, the toolbar will apply to the focused editor, not the editor with the FixedToolbarFeature.
+     *
+     * This means that if the editor has a child-editor, and the child-editor is focused, the toolbar will apply to the child-editor, not the parent editor with this feature added.
+     */
+    applyToFocusedEditor?: boolean;
+    /**
+     * @default false
+     *
+     * If there is a parent editor with a fixed toolbar, this will disable the toolbar for this editor.
+     */
+    disableIfParentHasFixedToolbar?: boolean;
+};
+export declare const FixedToolbarFeature: import("../../../typesServer.js").FeatureProviderProviderServer<FixedToolbarFeatureProps, FixedToolbarFeatureProps, FixedToolbarFeatureProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/toolbars/fixed/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/toolbars/fixed/server/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,OAAO,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,+IAsB9B,CAAA"}

package/dist/features/toolbars/fixed/server/index.js

@@ -0,0 +1,17 @@
+import { createServerFeature } from '../../../../utilities/createServerFeature.js';
+export const FixedToolbarFeature = createServerFeature({
+    feature: ({ props })=>{
+        const sanitizedProps = {
+            applyToFocusedEditor: props?.applyToFocusedEditor === undefined ? false : props.applyToFocusedEditor,
+            disableIfParentHasFixedToolbar: props?.disableIfParentHasFixedToolbar === undefined ? false : props.disableIfParentHasFixedToolbar
+        };
+        return {
+            ClientFeature: '@payloadcms/richtext-lexical/client#FixedToolbarFeatureClient',
+            clientFeatureProps: sanitizedProps,
+            sanitizedServerFeatureProps: sanitizedProps
+        };
+    },
+    key: 'toolbarFixed'
+});
+
+//# sourceMappingURL=index.js.map

package/dist/features/toolbars/fixed/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/features/toolbars/fixed/server/index.ts"],"sourcesContent":["import { createServerFeature } from '../../../../utilities/createServerFeature.js'\n\nexport type FixedToolbarFeatureProps = {\n  /**\n   * @default false\n   *\n   * If this is enabled, the toolbar will apply to the focused editor, not the editor with the FixedToolbarFeature.\n   *\n   * This means that if the editor has a child-editor, and the child-editor is focused, the toolbar will apply to the child-editor, not the parent editor with this feature added.\n   */\n  applyToFocusedEditor?: boolean\n  /**\n   * @default false\n   *\n   * If there is a parent editor with a fixed toolbar, this will disable the toolbar for this editor.\n   */\n  disableIfParentHasFixedToolbar?: boolean\n}\n\nexport const FixedToolbarFeature = createServerFeature<\n  FixedToolbarFeatureProps,\n  FixedToolbarFeatureProps,\n  FixedToolbarFeatureProps\n>({\n  feature: ({ props }) => {\n    const sanitizedProps: FixedToolbarFeatureProps = {\n      applyToFocusedEditor:\n        props?.applyToFocusedEditor === undefined ? false : props.applyToFocusedEditor,\n      disableIfParentHasFixedToolbar:\n        props?.disableIfParentHasFixedToolbar === undefined\n          ? false\n          : props.disableIfParentHasFixedToolbar,\n    }\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#FixedToolbarFeatureClient',\n      clientFeatureProps: sanitizedProps,\n      sanitizedServerFeatureProps: sanitizedProps,\n    }\n  },\n  key: 'toolbarFixed',\n})\n"],"names":["createServerFeature","FixedToolbarFeature","feature","props","sanitizedProps","applyToFocusedEditor","undefined","disableIfParentHasFixedToolbar","ClientFeature","clientFeatureProps","sanitizedServerFeatureProps","key"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,+CAA8C;AAmBlF,OAAO,MAAMC,sBAAsBD,oBAIjC;IACAE,SAAS,CAAC,EAAEC,KAAK,EAAE;QACjB,MAAMC,iBAA2C;YAC/CC,sBACEF,OAAOE,yBAAyBC,YAAY,QAAQH,MAAME,oBAAoB;YAChFE,gCACEJ,OAAOI,mCAAmCD,YACtC,QACAH,MAAMI,8BAA8B;QAC5C;QAEA,OAAO;YACLC,eAAe;YACfC,oBAAoBL;YACpBM,6BAA6BN;QAC/B;IACF;IACAO,KAAK;AACP,GAAE"}

package/dist/features/toolbars/inline/client/Toolbar/index.d.ts

@@ -0,0 +1,4 @@
+import type { PluginComponentWithAnchor } from '../../../../typesClient.js';
+import './index.scss';
+export declare const InlineToolbarPlugin: PluginComponentWithAnchor<undefined>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/toolbars/inline/client/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/toolbars/inline/client/Toolbar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAQ3E,OAAO,cAAc,CAAA;AAqXrB,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,SAAS,CAIpE,CAAA"}