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

package/dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { LexicalEditor } from 'lexical';
-import type { FloatingToolbarSectionEntry } from '../types.js';
-import './index.scss';
-export declare const ToolbarEntry: ({ anchorElem, editor, entry, }: {
-    anchorElem: HTMLElement;
-    editor: LexicalEditor;
-    entry: FloatingToolbarSectionEntry;
-}) => React.JSX.Element;
-export declare const ToolbarDropdown: ({ Icon, anchorElem, classNames, editor, entries, sectionKey, }: {
-    Icon?: React.FC;
-    anchorElem: HTMLElement;
-    classNames?: string[];
-    editor: LexicalEditor;
-    entries: FloatingToolbarSectionEntry[];
-    sectionKey: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAG9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,mCAItB;IACD,UAAU,EAAE,WAAW,CAAA;IACvB,MAAM,EAAE,aAAa,CAAA;IACrB,KAAK,EAAE,2BAA2B,CAAA;CACnC,sBAeA,CAAA;AAED,eAAO,MAAM,eAAe,mEAOzB;IACD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,WAAW,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,2BAA2B,EAAE,CAAA;IACtC,UAAU,EAAE,MAAM,CAAA;CACnB,sBAkBA,CAAA"}

package/dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.js

@@ -1,42 +0,0 @@
-'use client';
-import React from 'react';
-const baseClass = 'floating-select-toolbar-popup__dropdown';
-import { DropDown, DropDownItem } from './DropDown.js';
-import './index.scss';
-export const ToolbarEntry = ({ anchorElem, editor, entry })=>{
-    if (entry.Component) {
-        return entry?.Component && /*#__PURE__*/ React.createElement(entry.Component, {
-            anchorElem: anchorElem,
-            editor: editor,
-            entry: entry,
-            key: entry.key
-        });
-    }
-    return /*#__PURE__*/ React.createElement(DropDownItem, {
-        entry: entry,
-        key: entry.key
-    }, entry?.ChildComponent && /*#__PURE__*/ React.createElement(entry.ChildComponent, null), /*#__PURE__*/ React.createElement("span", {
-        className: "text"
-    }, entry.label));
-};
-export const ToolbarDropdown = ({ Icon, anchorElem, classNames, editor, entries, sectionKey })=>{
-    return /*#__PURE__*/ React.createElement(DropDown, {
-        Icon: Icon,
-        buttonAriaLabel: `${sectionKey} dropdown`,
-        buttonClassName: [
-            baseClass,
-            `${baseClass}-${sectionKey}`,
-            ...classNames || []
-        ].filter(Boolean).join(' '),
-        key: sectionKey
-    }, entries.length && entries.map((entry)=>{
-        return /*#__PURE__*/ React.createElement(ToolbarEntry, {
-            anchorElem: anchorElem,
-            editor: editor,
-            entry: entry,
-            key: entry.key
-        });
-    }));
-};
-
-//# sourceMappingURL=index.js.map

package/dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst baseClass = 'floating-select-toolbar-popup__dropdown'\n\nimport type { LexicalEditor } from 'lexical'\n\nimport type { FloatingToolbarSectionEntry } from '../types.js'\n\nimport { DropDown, DropDownItem } from './DropDown.js'\nimport './index.scss'\n\nexport const ToolbarEntry = ({\n  anchorElem,\n  editor,\n  entry,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  entry: FloatingToolbarSectionEntry\n}) => {\n  if (entry.Component) {\n    return (\n      entry?.Component && (\n        <entry.Component anchorElem={anchorElem} editor={editor} entry={entry} key={entry.key} />\n      )\n    )\n  }\n\n  return (\n    <DropDownItem entry={entry} key={entry.key}>\n      {entry?.ChildComponent && <entry.ChildComponent />}\n      <span className=\"text\">{entry.label}</span>\n    </DropDownItem>\n  )\n}\n\nexport const ToolbarDropdown = ({\n  Icon,\n  anchorElem,\n  classNames,\n  editor,\n  entries,\n  sectionKey,\n}: {\n  Icon?: React.FC\n  anchorElem: HTMLElement\n  classNames?: string[]\n  editor: LexicalEditor\n  entries: FloatingToolbarSectionEntry[]\n  sectionKey: string\n}) => {\n  return (\n    <DropDown\n      Icon={Icon}\n      buttonAriaLabel={`${sectionKey} dropdown`}\n      buttonClassName={[baseClass, `${baseClass}-${sectionKey}`, ...(classNames || [])]\n        .filter(Boolean)\n        .join(' ')}\n      key={sectionKey}\n    >\n      {entries.length &&\n        entries.map((entry) => {\n          return (\n            <ToolbarEntry anchorElem={anchorElem} editor={editor} entry={entry} key={entry.key} />\n          )\n        })}\n    </DropDown>\n  )\n}\n"],"names":["React","baseClass","DropDown","DropDownItem","ToolbarEntry","anchorElem","editor","entry","Component","key","ChildComponent","span","className","label","ToolbarDropdown","Icon","classNames","entries","sectionKey","buttonAriaLabel","buttonClassName","filter","Boolean","join","length","map"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,MAAMC,YAAY;AAMlB,SAASC,QAAQ,EAAEC,YAAY,QAAQ,gBAAe;AACtD,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,MAAM,EACNC,KAAK,EAKN;IACC,IAAIA,MAAMC,SAAS,EAAE;QACnB,OACED,OAAOC,2BACL,oBAACD,MAAMC,SAAS;YAACH,YAAYA;YAAYC,QAAQA;YAAQC,OAAOA;YAAOE,KAAKF,MAAME,GAAG;;IAG3F;IAEA,qBACE,oBAACN;QAAaI,OAAOA;QAAOE,KAAKF,MAAME,GAAG;OACvCF,OAAOG,gCAAkB,oBAACH,MAAMG,cAAc,uBAC/C,oBAACC;QAAKC,WAAU;OAAQL,MAAMM,KAAK;AAGzC,EAAC;AAED,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,IAAI,EACJV,UAAU,EACVW,UAAU,EACVV,MAAM,EACNW,OAAO,EACPC,UAAU,EAQX;IACC,qBACE,oBAAChB;QACCa,MAAMA;QACNI,iBAAiB,CAAC,EAAED,WAAW,SAAS,CAAC;QACzCE,iBAAiB;YAACnB;YAAW,CAAC,EAAEA,UAAU,CAAC,EAAEiB,WAAW,CAAC;eAAMF,cAAc,EAAE;SAAE,CAC9EK,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,KAAKS;OAEJD,QAAQO,MAAM,IACbP,QAAQQ,GAAG,CAAC,CAAClB;QACX,qBACE,oBAACH;YAAaC,YAAYA;YAAYC,QAAQA;YAAQC,OAAOA;YAAOE,KAAKF,MAAME,GAAG;;IAEtF;AAGR,EAAC"}

package/dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.scss

@@ -1,100 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-.floating-select-toolbar-popup__dropdown {
-  display: flex;
-  align-items: center;
-  vertical-align: middle;
-  justify-content: center;
-  height: 30px;
-  width: 40px;
-  border: 0;
-  background: none;
-  border-radius: 4px;
-  cursor: pointer;
-  position: relative;
-  padding: 0;
-
-  &:disabled {
-    cursor: not-allowed;
-
-    .icon {
-      opacity: 0.2;
-    }
-  }
-
-  &:hover:not([disabled]) {
-    background-color: var(--color-base-100);
-  }
-
-  &.active {
-    background-color: var(--color-base-100);
-
-    .floating-select-toolbar-popup__dropdown-caret {
-      &:after {
-        transform: rotate(0deg);
-      }
-    }
-  }
-
-  &-caret {
-    &:after {
-      transform: rotate(180deg);
-
-      content: ' ';
-      position: absolute;
-      top: 13px;
-
-      /* Vector 3 */
-
-      width: 7px;
-      height: 4px;
-
-      opacity: 0.3;
-      background-image: url(../../../ui/icons/Caret/index.svg);
-      background-position-y: 0px;
-      background-position-x: 0px;
-    }
-  }
-
-  &-items {
-    position: absolute;
-    background: var(--color-base-0);
-    border-radius: 4px;
-    width: 132.5px;
-    z-index: 100;
-
-    .floating-select-toolbar-popup__dropdown-item {
-      all: unset; // reset all default button styles
-      cursor: pointer;
-      color: var(--color-base-900);
-
-      &:hover:not([disabled]) {
-        background-color: var(--color-base-100);
-      }
-      padding-left: 6.25px;
-      padding-right: 6.25px;
-      width: 100%;
-      height: 30px;
-      border-radius: 4px;
-      box-sizing: border-box;
-      display: flex;
-      align-items: center;
-      gap: 6.25px;
-
-      .icon {
-        min-width: 20px;
-        height: 20px;
-        color: var(--color-base-600);
-      }
-    }
-  }
-}
-
-html[data-theme='light'] {
-  .floating-select-toolbar-popup__dropdown {
-    &-items {
-      position: absolute;
-      @include shadow-m;
-    }
-  }
-}

package/dist/field/lexical/plugins/FloatingSelectToolbar/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import './index.scss';
-export declare function FloatingSelectToolbarPlugin({ anchorElem, }: {
-    anchorElem?: HTMLElement;
-}): JSX.Element | null;
-//# sourceMappingURL=index.d.ts.map

package/dist/field/lexical/plugins/FloatingSelectToolbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/lexical/plugins/FloatingSelectToolbar/index.tsx"],"names":[],"mappings":";AA6BA,OAAO,cAAc,CAAA;AAoVrB,wBAAgB,2BAA2B,CAAC,EAC1C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAGrB"}

package/dist/field/lexical/plugins/FloatingSelectToolbar/index.js

@@ -1,270 +0,0 @@
-'use client';
-import lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js';
-const { useLexicalComposerContext } = lexicalComposerContextImport;
-import lexicalUtilsImport from '@lexical/utils';
-const { mergeRegister } = lexicalUtilsImport;
-import lexicalImport from 'lexical';
-const { $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND } = lexicalImport;
-import { useCallback, useEffect, useRef, useState } from 'react';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js';
-import { getDOMRangeRect } from '../../utils/getDOMRangeRect.js';
-import { setFloatingElemPosition } from '../../utils/setFloatingElemPosition.js';
-import { ToolbarButton } from './ToolbarButton/index.js';
-import { ToolbarDropdown } from './ToolbarDropdown/index.js';
-import './index.scss';
-function ButtonSectionEntry({ anchorElem, editor, entry }) {
-    if (entry.Component) {
-        return entry?.Component && /*#__PURE__*/ React.createElement(entry.Component, {
-            anchorElem: anchorElem,
-            editor: editor,
-            entry: entry,
-            key: entry.key
-        });
-    }
-    return /*#__PURE__*/ React.createElement(ToolbarButton, {
-        entry: entry,
-        key: entry.key
-    }, entry?.ChildComponent && /*#__PURE__*/ React.createElement(entry.ChildComponent, null));
-}
-function ToolbarSection({ anchorElem, editor, index, section }) {
-    const { editorConfig } = useEditorConfigContext();
-    const Icon = section?.type === 'dropdown' && section.entries.length && section.ChildComponent ? section.ChildComponent : null;
-    return /*#__PURE__*/ React.createElement("div", {
-        className: `floating-select-toolbar-popup__section floating-select-toolbar-popup__section-${section.key}`,
-        key: section.key
-    }, section.type === 'dropdown' && section.entries.length && (Icon ? /*#__PURE__*/ React.createElement(ToolbarDropdown, {
-        Icon: Icon,
-        anchorElem: anchorElem,
-        editor: editor,
-        entries: section.entries,
-        sectionKey: section.key
-    }) : /*#__PURE__*/ React.createElement(ToolbarDropdown, {
-        anchorElem: anchorElem,
-        editor: editor,
-        entries: section.entries,
-        sectionKey: section.key
-    })), section.type === 'buttons' && section.entries.length && section.entries.map((entry)=>{
-        return /*#__PURE__*/ React.createElement(ButtonSectionEntry, {
-            anchorElem: anchorElem,
-            editor: editor,
-            entry: entry,
-            key: entry.key
-        });
-    }), index < editorConfig.features.floatingSelectToolbar?.sections.length - 1 && /*#__PURE__*/ React.createElement("div", {
-        className: "divider"
-    }));
-}
-function FloatingSelectToolbar({ anchorElem, editor }) {
-    const popupCharStylesEditorRef = useRef(null);
-    const caretRef = useRef(null);
-    const { editorConfig } = useEditorConfigContext();
-    const closeFloatingToolbar = useCallback(()=>{
-        if (popupCharStylesEditorRef?.current) {
-            const isOpacityZero = popupCharStylesEditorRef.current.style.opacity === '0';
-            const isPointerEventsNone = popupCharStylesEditorRef.current.style.pointerEvents === 'none';
-            if (!isOpacityZero) {
-                popupCharStylesEditorRef.current.style.opacity = '0';
-            }
-            if (!isPointerEventsNone) {
-                popupCharStylesEditorRef.current.style.pointerEvents = 'none';
-            }
-        }
-    }, [
-        popupCharStylesEditorRef
-    ]);
-    const mouseMoveListener = useCallback((e)=>{
-        if (popupCharStylesEditorRef?.current && (e.buttons === 1 || e.buttons === 3)) {
-            const isOpacityZero = popupCharStylesEditorRef.current.style.opacity === '0';
-            const isPointerEventsNone = popupCharStylesEditorRef.current.style.pointerEvents === 'none';
-            if (!isOpacityZero || !isPointerEventsNone) {
-                // Check if the mouse is not over the popup
-                const x = e.clientX;
-                const y = e.clientY;
-                const elementUnderMouse = document.elementFromPoint(x, y);
-                if (!popupCharStylesEditorRef.current.contains(elementUnderMouse)) {
-                    // Mouse is not over the target element => not a normal click, but probably a drag
-                    closeFloatingToolbar();
-                }
-            }
-        }
-    }, [
-        closeFloatingToolbar
-    ]);
-    const mouseUpListener = useCallback(()=>{
-        if (popupCharStylesEditorRef?.current) {
-            if (popupCharStylesEditorRef.current.style.opacity !== '1') {
-                popupCharStylesEditorRef.current.style.opacity = '1';
-            }
-            if (popupCharStylesEditorRef.current.style.pointerEvents !== 'auto') {
-                popupCharStylesEditorRef.current.style.pointerEvents = 'auto';
-            }
-        }
-    }, [
-        popupCharStylesEditorRef
-    ]);
-    useEffect(()=>{
-        document.addEventListener('mousemove', mouseMoveListener);
-        document.addEventListener('mouseup', mouseUpListener);
-        return ()=>{
-            document.removeEventListener('mousemove', mouseMoveListener);
-            document.removeEventListener('mouseup', mouseUpListener);
-        };
-    }, [
-        popupCharStylesEditorRef,
-        mouseMoveListener,
-        mouseUpListener
-    ]);
-    const updateTextFormatFloatingToolbar = useCallback(()=>{
-        const selection = $getSelection();
-        const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
-        const nativeSelection = window.getSelection();
-        if (popupCharStylesEditorElem === null) {
-            return;
-        }
-        const rootElement = editor.getRootElement();
-        if (selection !== null && nativeSelection !== null && !nativeSelection.isCollapsed && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
-            const rangeRect = getDOMRangeRect(nativeSelection, rootElement);
-            setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem, 'center');
-            if (caretRef.current) {
-                setFloatingElemPosition(rangeRect, caretRef.current, popupCharStylesEditorElem, 'center', 10, 5, true);
-            }
-        }
-    }, [
-        editor,
-        anchorElem
-    ]);
-    useEffect(()=>{
-        const scrollerElem = anchorElem.parentElement;
-        const update = ()=>{
-            editor.getEditorState().read(()=>{
-                updateTextFormatFloatingToolbar();
-            });
-        };
-        window.addEventListener('resize', update);
-        if (scrollerElem) {
-            scrollerElem.addEventListener('scroll', update);
-        }
-        return ()=>{
-            window.removeEventListener('resize', update);
-            if (scrollerElem) {
-                scrollerElem.removeEventListener('scroll', update);
-            }
-        };
-    }, [
-        editor,
-        updateTextFormatFloatingToolbar,
-        anchorElem
-    ]);
-    useEffect(()=>{
-        editor.getEditorState().read(()=>{
-            updateTextFormatFloatingToolbar();
-        });
-        return mergeRegister(editor.registerUpdateListener(({ editorState })=>{
-            editorState.read(()=>{
-                updateTextFormatFloatingToolbar();
-            });
-        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, ()=>{
-            updateTextFormatFloatingToolbar();
-            return false;
-        }, COMMAND_PRIORITY_LOW));
-    }, [
-        editor,
-        updateTextFormatFloatingToolbar
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: "floating-select-toolbar-popup",
-        ref: popupCharStylesEditorRef
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "caret",
-        ref: caretRef
-    }), editor.isEditable() && /*#__PURE__*/ React.createElement(React.Fragment, null, editorConfig?.features && editorConfig.features?.floatingSelectToolbar?.sections.map((section, i)=>{
-        return /*#__PURE__*/ React.createElement(ToolbarSection, {
-            anchorElem: anchorElem,
-            editor: editor,
-            index: i,
-            key: section.key,
-            section: section
-        });
-    })));
-}
-function useFloatingTextFormatToolbar(editor, anchorElem) {
-    const [isText, setIsText] = useState(false);
-    const updatePopup = useCallback(()=>{
-        editor.getEditorState().read(()=>{
-            // Should not to pop up the floating toolbar when using IME input
-            if (editor.isComposing()) {
-                return;
-            }
-            const selection = $getSelection();
-            const nativeSelection = window.getSelection();
-            const rootElement = editor.getRootElement();
-            if (nativeSelection !== null && (!$isRangeSelection(selection) || rootElement === null || !rootElement.contains(nativeSelection.anchorNode))) {
-                setIsText(false);
-                return;
-            }
-            if (!$isRangeSelection(selection)) {
-                return;
-            }
-            if (selection.getTextContent() !== '') {
-                const nodes = selection.getNodes();
-                let foundNodeWithText = false;
-                for (const node of nodes){
-                    if ($isTextNode(node)) {
-                        setIsText(true);
-                        foundNodeWithText = true;
-                        break;
-                    }
-                }
-                if (!foundNodeWithText) {
-                    setIsText(false);
-                }
-            } else {
-                setIsText(false);
-            }
-            const rawTextContent = selection.getTextContent().replace(/\n/g, '');
-            if (!selection.isCollapsed() && rawTextContent === '') {
-                setIsText(false);
-                return;
-            }
-        });
-    }, [
-        editor
-    ]);
-    useEffect(()=>{
-        document.addEventListener('selectionchange', updatePopup);
-        document.addEventListener('mouseup', updatePopup);
-        return ()=>{
-            document.removeEventListener('selectionchange', updatePopup);
-            document.removeEventListener('mouseup', updatePopup);
-        };
-    }, [
-        updatePopup
-    ]);
-    useEffect(()=>{
-        return mergeRegister(editor.registerUpdateListener(()=>{
-            updatePopup();
-        }), editor.registerRootListener(()=>{
-            if (editor.getRootElement() === null) {
-                setIsText(false);
-            }
-        }));
-    }, [
-        editor,
-        updatePopup
-    ]);
-    if (!isText) {
-        return null;
-    }
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(FloatingSelectToolbar, {
-        anchorElem: anchorElem,
-        editor: editor
-    }), anchorElem);
-}
-export function FloatingSelectToolbarPlugin({ anchorElem = document.body }) {
-    const [editor] = useLexicalComposerContext();
-    return useFloatingTextFormatToolbar(editor, anchorElem);
-}
-
-//# sourceMappingURL=index.js.map

package/dist/field/lexical/plugins/FloatingSelectToolbar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/lexical/plugins/FloatingSelectToolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js'\nconst { useLexicalComposerContext } = lexicalComposerContextImport\n\nimport lexicalUtilsImport from '@lexical/utils'\nconst { mergeRegister } = lexicalUtilsImport\n\nimport lexicalImport from 'lexical'\nconst {\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n  COMMAND_PRIORITY_LOW,\n  SELECTION_CHANGE_COMMAND,\n} = lexicalImport\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { FloatingToolbarSection, FloatingToolbarSectionEntry } from './types.js'\n\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\nimport { getDOMRangeRect } from '../../utils/getDOMRangeRect.js'\nimport { setFloatingElemPosition } from '../../utils/setFloatingElemPosition.js'\nimport { ToolbarButton } from './ToolbarButton/index.js'\nimport { ToolbarDropdown } from './ToolbarDropdown/index.js'\nimport './index.scss'\n\nfunction ButtonSectionEntry({\n  anchorElem,\n  editor,\n  entry,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  entry: FloatingToolbarSectionEntry\n}): React.ReactNode {\n  if (entry.Component) {\n    return (\n      entry?.Component && (\n        <entry.Component anchorElem={anchorElem} editor={editor} entry={entry} key={entry.key} />\n      )\n    )\n  }\n\n  return (\n    <ToolbarButton entry={entry} key={entry.key}>\n      {entry?.ChildComponent && <entry.ChildComponent />}\n    </ToolbarButton>\n  )\n}\n\nfunction ToolbarSection({\n  anchorElem,\n  editor,\n  index,\n  section,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n  index: number\n  section: FloatingToolbarSection\n}): React.ReactNode {\n  const { editorConfig } = useEditorConfigContext()\n\n  const Icon =\n    section?.type === 'dropdown' && section.entries.length && section.ChildComponent\n      ? section.ChildComponent\n      : null\n\n  return (\n    <div\n      className={`floating-select-toolbar-popup__section floating-select-toolbar-popup__section-${section.key}`}\n      key={section.key}\n    >\n      {section.type === 'dropdown' &&\n        section.entries.length &&\n        (Icon ? (\n          <ToolbarDropdown\n            Icon={Icon}\n            anchorElem={anchorElem}\n            editor={editor}\n            entries={section.entries}\n            sectionKey={section.key}\n          />\n        ) : (\n          <ToolbarDropdown\n            anchorElem={anchorElem}\n            editor={editor}\n            entries={section.entries}\n            sectionKey={section.key}\n          />\n        ))}\n      {section.type === 'buttons' &&\n        section.entries.length &&\n        section.entries.map((entry) => {\n          return (\n            <ButtonSectionEntry\n              anchorElem={anchorElem}\n              editor={editor}\n              entry={entry}\n              key={entry.key}\n            />\n          )\n        })}\n      {index < editorConfig.features.floatingSelectToolbar?.sections.length - 1 && (\n        <div className=\"divider\" />\n      )}\n    </div>\n  )\n}\n\nfunction FloatingSelectToolbar({\n  anchorElem,\n  editor,\n}: {\n  anchorElem: HTMLElement\n  editor: LexicalEditor\n}): React.ReactNode {\n  const popupCharStylesEditorRef = useRef<HTMLDivElement | null>(null)\n  const caretRef = useRef<HTMLDivElement | null>(null)\n\n  const { editorConfig } = useEditorConfigContext()\n\n  const closeFloatingToolbar = useCallback(() => {\n    if (popupCharStylesEditorRef?.current) {\n      const isOpacityZero = popupCharStylesEditorRef.current.style.opacity === '0'\n      const isPointerEventsNone = popupCharStylesEditorRef.current.style.pointerEvents === 'none'\n\n      if (!isOpacityZero) {\n        popupCharStylesEditorRef.current.style.opacity = '0'\n      }\n      if (!isPointerEventsNone) {\n        popupCharStylesEditorRef.current.style.pointerEvents = 'none'\n      }\n    }\n  }, [popupCharStylesEditorRef])\n\n  const mouseMoveListener = useCallback(\n    (e: MouseEvent) => {\n      if (popupCharStylesEditorRef?.current && (e.buttons === 1 || e.buttons === 3)) {\n        const isOpacityZero = popupCharStylesEditorRef.current.style.opacity === '0'\n        const isPointerEventsNone = popupCharStylesEditorRef.current.style.pointerEvents === 'none'\n        if (!isOpacityZero || !isPointerEventsNone) {\n          // Check if the mouse is not over the popup\n          const x = e.clientX\n          const y = e.clientY\n          const elementUnderMouse = document.elementFromPoint(x, y)\n          if (!popupCharStylesEditorRef.current.contains(elementUnderMouse)) {\n            // Mouse is not over the target element => not a normal click, but probably a drag\n            closeFloatingToolbar()\n          }\n        }\n      }\n    },\n    [closeFloatingToolbar],\n  )\n\n  const mouseUpListener = useCallback(() => {\n    if (popupCharStylesEditorRef?.current) {\n      if (popupCharStylesEditorRef.current.style.opacity !== '1') {\n        popupCharStylesEditorRef.current.style.opacity = '1'\n      }\n      if (popupCharStylesEditorRef.current.style.pointerEvents !== 'auto') {\n        popupCharStylesEditorRef.current.style.pointerEvents = 'auto'\n      }\n    }\n  }, [popupCharStylesEditorRef])\n\n  useEffect(() => {\n    document.addEventListener('mousemove', mouseMoveListener)\n    document.addEventListener('mouseup', mouseUpListener)\n\n    return () => {\n      document.removeEventListener('mousemove', mouseMoveListener)\n      document.removeEventListener('mouseup', mouseUpListener)\n    }\n  }, [popupCharStylesEditorRef, mouseMoveListener, mouseUpListener])\n\n  const updateTextFormatFloatingToolbar = useCallback(() => {\n    const selection = $getSelection()\n\n    const popupCharStylesEditorElem = popupCharStylesEditorRef.current\n    const nativeSelection = window.getSelection()\n\n    if (popupCharStylesEditorElem === null) {\n      return\n    }\n\n    const rootElement = editor.getRootElement()\n    if (\n      selection !== null &&\n      nativeSelection !== null &&\n      !nativeSelection.isCollapsed &&\n      rootElement !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      const rangeRect = getDOMRangeRect(nativeSelection, rootElement)\n\n      setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem, 'center')\n\n      if (caretRef.current) {\n        setFloatingElemPosition(\n          rangeRect, // selection to position around\n          caretRef.current, // what to position\n          popupCharStylesEditorElem, // anchor elem\n          'center',\n          10,\n          5,\n          true,\n        )\n      }\n    }\n  }, [editor, anchorElem])\n\n  useEffect(() => {\n    const scrollerElem = anchorElem.parentElement\n\n    const update = () => {\n      editor.getEditorState().read(() => {\n        updateTextFormatFloatingToolbar()\n      })\n    }\n\n    window.addEventListener('resize', update)\n    if (scrollerElem) {\n      scrollerElem.addEventListener('scroll', update)\n    }\n\n    return () => {\n      window.removeEventListener('resize', update)\n      if (scrollerElem) {\n        scrollerElem.removeEventListener('scroll', update)\n      }\n    }\n  }, [editor, updateTextFormatFloatingToolbar, anchorElem])\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      updateTextFormatFloatingToolbar()\n    })\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          updateTextFormatFloatingToolbar()\n        })\n      }),\n\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          updateTextFormatFloatingToolbar()\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, updateTextFormatFloatingToolbar])\n\n  return (\n    <div className=\"floating-select-toolbar-popup\" ref={popupCharStylesEditorRef}>\n      <div className=\"caret\" ref={caretRef} />\n      {editor.isEditable() && (\n        <React.Fragment>\n          {editorConfig?.features &&\n            editorConfig.features?.floatingSelectToolbar?.sections.map((section, i) => {\n              return (\n                <ToolbarSection\n                  anchorElem={anchorElem}\n                  editor={editor}\n                  index={i}\n                  key={section.key}\n                  section={section}\n                />\n              )\n            })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nfunction useFloatingTextFormatToolbar(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n): JSX.Element | null {\n  const [isText, setIsText] = useState(false)\n\n  const updatePopup = useCallback(() => {\n    editor.getEditorState().read(() => {\n      // Should not to pop up the floating toolbar when using IME input\n      if (editor.isComposing()) {\n        return\n      }\n      const selection = $getSelection()\n      const nativeSelection = window.getSelection()\n      const rootElement = editor.getRootElement()\n\n      if (\n        nativeSelection !== null &&\n        (!$isRangeSelection(selection) ||\n          rootElement === null ||\n          !rootElement.contains(nativeSelection.anchorNode))\n      ) {\n        setIsText(false)\n        return\n      }\n\n      if (!$isRangeSelection(selection)) {\n        return\n      }\n\n      if (selection.getTextContent() !== '') {\n        const nodes = selection.getNodes()\n        let foundNodeWithText = false\n        for (const node of nodes) {\n          if ($isTextNode(node)) {\n            setIsText(true)\n            foundNodeWithText = true\n            break\n          }\n        }\n        if (!foundNodeWithText) {\n          setIsText(false)\n        }\n      } else {\n        setIsText(false)\n      }\n\n      const rawTextContent = selection.getTextContent().replace(/\\n/g, '')\n      if (!selection.isCollapsed() && rawTextContent === '') {\n        setIsText(false)\n        return\n      }\n    })\n  }, [editor])\n\n  useEffect(() => {\n    document.addEventListener('selectionchange', updatePopup)\n    document.addEventListener('mouseup', updatePopup)\n    return () => {\n      document.removeEventListener('selectionchange', updatePopup)\n      document.removeEventListener('mouseup', updatePopup)\n    }\n  }, [updatePopup])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(() => {\n        updatePopup()\n      }),\n      editor.registerRootListener(() => {\n        if (editor.getRootElement() === null) {\n          setIsText(false)\n        }\n      }),\n    )\n  }, [editor, updatePopup])\n\n  if (!isText) {\n    return null\n  }\n\n  return createPortal(<FloatingSelectToolbar anchorElem={anchorElem} editor={editor} />, anchorElem)\n}\n\nexport function FloatingSelectToolbarPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): JSX.Element | null {\n  const [editor] = useLexicalComposerContext()\n  return useFloatingTextFormatToolbar(editor, anchorElem)\n}\n"],"names":["lexicalComposerContextImport","useLexicalComposerContext","lexicalUtilsImport","mergeRegister","lexicalImport","$getSelection","$isRangeSelection","$isTextNode","COMMAND_PRIORITY_LOW","SELECTION_CHANGE_COMMAND","useCallback","useEffect","useRef","useState","React","createPortal","useEditorConfigContext","getDOMRangeRect","setFloatingElemPosition","ToolbarButton","ToolbarDropdown","ButtonSectionEntry","anchorElem","editor","entry","Component","key","ChildComponent","ToolbarSection","index","section","editorConfig","Icon","type","entries","length","div","className","sectionKey","map","features","floatingSelectToolbar","sections","FloatingSelectToolbar","popupCharStylesEditorRef","caretRef","closeFloatingToolbar","current","isOpacityZero","style","opacity","isPointerEventsNone","pointerEvents","mouseMoveListener","e","buttons","x","clientX","y","clientY","elementUnderMouse","document","elementFromPoint","contains","mouseUpListener","addEventListener","removeEventListener","updateTextFormatFloatingToolbar","selection","popupCharStylesEditorElem","nativeSelection","window","getSelection","rootElement","getRootElement","isCollapsed","anchorNode","rangeRect","scrollerElem","parentElement","update","getEditorState","read","registerUpdateListener","editorState","registerCommand","ref","isEditable","Fragment","i","useFloatingTextFormatToolbar","isText","setIsText","updatePopup","isComposing","getTextContent","nodes","getNodes","foundNodeWithText","node","rawTextContent","replace","registerRootListener","FloatingSelectToolbarPlugin","body"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,kCAAkC,2CAA0C;AACnF,MAAM,EAAEC,yBAAyB,EAAE,GAAGD;AAEtC,OAAOE,wBAAwB,iBAAgB;AAC/C,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAE1B,OAAOE,mBAAmB,UAAS;AACnC,MAAM,EACJC,aAAa,EACbC,iBAAiB,EACjBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,EACzB,GAAGL;AAEJ,SAASM,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChE,YAAYC,WAAW,QAAO;AAC9B,SAASC,YAAY,QAAQ,YAAW;AAIxC,SAASC,sBAAsB,QAAQ,8CAA6C;AACpF,SAASC,eAAe,QAAQ,iCAAgC;AAChE,SAASC,uBAAuB,QAAQ,yCAAwC;AAChF,SAASC,aAAa,QAAQ,2BAA0B;AACxD,SAASC,eAAe,QAAQ,6BAA4B;AAC5D,OAAO,eAAc;AAErB,SAASC,mBAAmB,EAC1BC,UAAU,EACVC,MAAM,EACNC,KAAK,EAKN;IACC,IAAIA,MAAMC,SAAS,EAAE;QACnB,OACED,OAAOC,2BACL,oBAACD,MAAMC,SAAS;YAACH,YAAYA;YAAYC,QAAQA;YAAQC,OAAOA;YAAOE,KAAKF,MAAME,GAAG;;IAG3F;IAEA,qBACE,oBAACP;QAAcK,OAAOA;QAAOE,KAAKF,MAAME,GAAG;OACxCF,OAAOG,gCAAkB,oBAACH,MAAMG,cAAc;AAGrD;AAEA,SAASC,eAAe,EACtBN,UAAU,EACVC,MAAM,EACNM,KAAK,EACLC,OAAO,EAMR;IACC,MAAM,EAAEC,YAAY,EAAE,GAAGf;IAEzB,MAAMgB,OACJF,SAASG,SAAS,cAAcH,QAAQI,OAAO,CAACC,MAAM,IAAIL,QAAQH,cAAc,GAC5EG,QAAQH,cAAc,GACtB;IAEN,qBACE,oBAACS;QACCC,WAAW,CAAC,8EAA8E,EAAEP,QAAQJ,GAAG,CAAC,CAAC;QACzGA,KAAKI,QAAQJ,GAAG;OAEfI,QAAQG,IAAI,KAAK,cAChBH,QAAQI,OAAO,CAACC,MAAM,IACrBH,CAAAA,qBACC,oBAACZ;QACCY,MAAMA;QACNV,YAAYA;QACZC,QAAQA;QACRW,SAASJ,QAAQI,OAAO;QACxBI,YAAYR,QAAQJ,GAAG;uBAGzB,oBAACN;QACCE,YAAYA;QACZC,QAAQA;QACRW,SAASJ,QAAQI,OAAO;QACxBI,YAAYR,QAAQJ,GAAG;MAE3B,GACDI,QAAQG,IAAI,KAAK,aAChBH,QAAQI,OAAO,CAACC,MAAM,IACtBL,QAAQI,OAAO,CAACK,GAAG,CAAC,CAACf;QACnB,qBACE,oBAACH;YACCC,YAAYA;YACZC,QAAQA;YACRC,OAAOA;YACPE,KAAKF,MAAME,GAAG;;IAGpB,IACDG,QAAQE,aAAaS,QAAQ,CAACC,qBAAqB,EAAEC,SAASP,SAAS,mBACtE,oBAACC;QAAIC,WAAU;;AAIvB;AAEA,SAASM,sBAAsB,EAC7BrB,UAAU,EACVC,MAAM,EAIP;IACC,MAAMqB,2BAA2BhC,OAA8B;IAC/D,MAAMiC,WAAWjC,OAA8B;IAE/C,MAAM,EAAEmB,YAAY,EAAE,GAAGf;IAEzB,MAAM8B,uBAAuBpC,YAAY;QACvC,IAAIkC,0BAA0BG,SAAS;YACrC,MAAMC,gBAAgBJ,yBAAyBG,OAAO,CAACE,KAAK,CAACC,OAAO,KAAK;YACzE,MAAMC,sBAAsBP,yBAAyBG,OAAO,CAACE,KAAK,CAACG,aAAa,KAAK;YAErF,IAAI,CAACJ,eAAe;gBAClBJ,yBAAyBG,OAAO,CAACE,KAAK,CAACC,OAAO,GAAG;YACnD;YACA,IAAI,CAACC,qBAAqB;gBACxBP,yBAAyBG,OAAO,CAACE,KAAK,CAACG,aAAa,GAAG;YACzD;QACF;IACF,GAAG;QAACR;KAAyB;IAE7B,MAAMS,oBAAoB3C,YACxB,CAAC4C;QACC,IAAIV,0BAA0BG,WAAYO,CAAAA,EAAEC,OAAO,KAAK,KAAKD,EAAEC,OAAO,KAAK,CAAA,GAAI;YAC7E,MAAMP,gBAAgBJ,yBAAyBG,OAAO,CAACE,KAAK,CAACC,OAAO,KAAK;YACzE,MAAMC,sBAAsBP,yBAAyBG,OAAO,CAACE,KAAK,CAACG,aAAa,KAAK;YACrF,IAAI,CAACJ,iBAAiB,CAACG,qBAAqB;gBAC1C,2CAA2C;gBAC3C,MAAMK,IAAIF,EAAEG,OAAO;gBACnB,MAAMC,IAAIJ,EAAEK,OAAO;gBACnB,MAAMC,oBAAoBC,SAASC,gBAAgB,CAACN,GAAGE;gBACvD,IAAI,CAACd,yBAAyBG,OAAO,CAACgB,QAAQ,CAACH,oBAAoB;oBACjE,kFAAkF;oBAClFd;gBACF;YACF;QACF;IACF,GACA;QAACA;KAAqB;IAGxB,MAAMkB,kBAAkBtD,YAAY;QAClC,IAAIkC,0BAA0BG,SAAS;YACrC,IAAIH,yBAAyBG,OAAO,CAACE,KAAK,CAACC,OAAO,KAAK,KAAK;gBAC1DN,yBAAyBG,OAAO,CAACE,KAAK,CAACC,OAAO,GAAG;YACnD;YACA,IAAIN,yBAAyBG,OAAO,CAACE,KAAK,CAACG,aAAa,KAAK,QAAQ;gBACnER,yBAAyBG,OAAO,CAACE,KAAK,CAACG,aAAa,GAAG;YACzD;QACF;IACF,GAAG;QAACR;KAAyB;IAE7BjC,UAAU;QACRkD,SAASI,gBAAgB,CAAC,aAAaZ;QACvCQ,SAASI,gBAAgB,CAAC,WAAWD;QAErC,OAAO;YACLH,SAASK,mBAAmB,CAAC,aAAab;YAC1CQ,SAASK,mBAAmB,CAAC,WAAWF;QAC1C;IACF,GAAG;QAACpB;QAA0BS;QAAmBW;KAAgB;IAEjE,MAAMG,kCAAkCzD,YAAY;QAClD,MAAM0D,YAAY/D;QAElB,MAAMgE,4BAA4BzB,yBAAyBG,OAAO;QAClE,MAAMuB,kBAAkBC,OAAOC,YAAY;QAE3C,IAAIH,8BAA8B,MAAM;YACtC;QACF;QAEA,MAAMI,cAAclD,OAAOmD,cAAc;QACzC,IACEN,cAAc,QACdE,oBAAoB,QACpB,CAACA,gBAAgBK,WAAW,IAC5BF,gBAAgB,QAChBA,YAAYV,QAAQ,CAACO,gBAAgBM,UAAU,GAC/C;YACA,MAAMC,YAAY5D,gBAAgBqD,iBAAiBG;YAEnDvD,wBAAwB2D,WAAWR,2BAA2B/C,YAAY;YAE1E,IAAIuB,SAASE,OAAO,EAAE;gBACpB7B,wBACE2D,WACAhC,SAASE,OAAO,EAChBsB,2BACA,UACA,IACA,GACA;YAEJ;QACF;IACF,GAAG;QAAC9C;QAAQD;KAAW;IAEvBX,UAAU;QACR,MAAMmE,eAAexD,WAAWyD,aAAa;QAE7C,MAAMC,SAAS;YACbzD,OAAO0D,cAAc,GAAGC,IAAI,CAAC;gBAC3Bf;YACF;QACF;QAEAI,OAAON,gBAAgB,CAAC,UAAUe;QAClC,IAAIF,cAAc;YAChBA,aAAab,gBAAgB,CAAC,UAAUe;QAC1C;QAEA,OAAO;YACLT,OAAOL,mBAAmB,CAAC,UAAUc;YACrC,IAAIF,cAAc;gBAChBA,aAAaZ,mBAAmB,CAAC,UAAUc;YAC7C;QACF;IACF,GAAG;QAACzD;QAAQ4C;QAAiC7C;KAAW;IAExDX,UAAU;QACRY,OAAO0D,cAAc,GAAGC,IAAI,CAAC;YAC3Bf;QACF;QACA,OAAOhE,cACLoB,OAAO4D,sBAAsB,CAAC,CAAC,EAAEC,WAAW,EAAE;YAC5CA,YAAYF,IAAI,CAAC;gBACff;YACF;QACF,IAEA5C,OAAO8D,eAAe,CACpB5E,0BACA;YACE0D;YACA,OAAO;QACT,GACA3D;IAGN,GAAG;QAACe;QAAQ4C;KAAgC;IAE5C,qBACE,oBAAC/B;QAAIC,WAAU;QAAgCiD,KAAK1C;qBAClD,oBAACR;QAAIC,WAAU;QAAQiD,KAAKzC;QAC3BtB,OAAOgE,UAAU,oBAChB,oBAACzE,MAAM0E,QAAQ,QACZzD,cAAcS,YACbT,aAAaS,QAAQ,EAAEC,uBAAuBC,SAASH,IAAI,CAACT,SAAS2D;QACnE,qBACE,oBAAC7D;YACCN,YAAYA;YACZC,QAAQA;YACRM,OAAO4D;YACP/D,KAAKI,QAAQJ,GAAG;YAChBI,SAASA;;IAGf;AAKZ;AAEA,SAAS4D,6BACPnE,MAAqB,EACrBD,UAAuB;IAEvB,MAAM,CAACqE,QAAQC,UAAU,GAAG/E,SAAS;IAErC,MAAMgF,cAAcnF,YAAY;QAC9Ba,OAAO0D,cAAc,GAAGC,IAAI,CAAC;YAC3B,iEAAiE;YACjE,IAAI3D,OAAOuE,WAAW,IAAI;gBACxB;YACF;YACA,MAAM1B,YAAY/D;YAClB,MAAMiE,kBAAkBC,OAAOC,YAAY;YAC3C,MAAMC,cAAclD,OAAOmD,cAAc;YAEzC,IACEJ,oBAAoB,QACnB,CAAA,CAAChE,kBAAkB8D,cAClBK,gBAAgB,QAChB,CAACA,YAAYV,QAAQ,CAACO,gBAAgBM,UAAU,CAAA,GAClD;gBACAgB,UAAU;gBACV;YACF;YAEA,IAAI,CAACtF,kBAAkB8D,YAAY;gBACjC;YACF;YAEA,IAAIA,UAAU2B,cAAc,OAAO,IAAI;gBACrC,MAAMC,QAAQ5B,UAAU6B,QAAQ;gBAChC,IAAIC,oBAAoB;gBACxB,KAAK,MAAMC,QAAQH,MAAO;oBACxB,IAAIzF,YAAY4F,OAAO;wBACrBP,UAAU;wBACVM,oBAAoB;wBACpB;oBACF;gBACF;gBACA,IAAI,CAACA,mBAAmB;oBACtBN,UAAU;gBACZ;YACF,OAAO;gBACLA,UAAU;YACZ;YAEA,MAAMQ,iBAAiBhC,UAAU2B,cAAc,GAAGM,OAAO,CAAC,OAAO;YACjE,IAAI,CAACjC,UAAUO,WAAW,MAAMyB,mBAAmB,IAAI;gBACrDR,UAAU;gBACV;YACF;QACF;IACF,GAAG;QAACrE;KAAO;IAEXZ,UAAU;QACRkD,SAASI,gBAAgB,CAAC,mBAAmB4B;QAC7ChC,SAASI,gBAAgB,CAAC,WAAW4B;QACrC,OAAO;YACLhC,SAASK,mBAAmB,CAAC,mBAAmB2B;YAChDhC,SAASK,mBAAmB,CAAC,WAAW2B;QAC1C;IACF,GAAG;QAACA;KAAY;IAEhBlF,UAAU;QACR,OAAOR,cACLoB,OAAO4D,sBAAsB,CAAC;YAC5BU;QACF,IACAtE,OAAO+E,oBAAoB,CAAC;YAC1B,IAAI/E,OAAOmD,cAAc,OAAO,MAAM;gBACpCkB,UAAU;YACZ;QACF;IAEJ,GAAG;QAACrE;QAAQsE;KAAY;IAExB,IAAI,CAACF,QAAQ;QACX,OAAO;IACT;IAEA,qBAAO5E,2BAAa,oBAAC4B;QAAsBrB,YAAYA;QAAYC,QAAQA;QAAYD;AACzF;AAEA,OAAO,SAASiF,4BAA4B,EAC1CjF,aAAauC,SAAS2C,IAAI,EAG3B;IACC,MAAM,CAACjF,OAAO,GAAGtB;IACjB,OAAOyF,6BAA6BnE,QAAQD;AAC9C"}

package/dist/field/lexical/plugins/FloatingSelectToolbar/index.scss

@@ -1,57 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-html[data-theme='light'] {
-  .floating-select-toolbar-popup {
-    @include shadow-m;
-  }
-}
-
-.floating-select-toolbar-popup {
-  display: flex;
-  align-items: center;
-  background: var(--color-base-0);
-  padding: 0px 3.72px 0px 6.25px;
-  vertical-align: middle;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  opacity: 0;
-  border-radius: 6.25px;
-  transition: opacity 0.2s;
-  height: 37.5px;
-  will-change: transform;
-
-  .caret {
-    z-index: 93;
-    position: absolute;
-    top: calc(100% - 16px);
-    border: 12px solid transparent;
-    pointer-events: none;
-    border-top-color: var(--color-base-0);
-  }
-
-  &__section {
-    display: flex;
-    align-items: center;
-
-    .icon {
-      min-width: 20px;
-      height: 20px;
-      color: var(--color-base-600);
-    }
-
-    .divider {
-      width: 1px;
-      height: 15px;
-      background-color: var(--color-base-100);
-      margin: 0 6.25px;
-    }
-  }
-
-  @media (max-width: 1024px) {
-    button.insert-comment {
-      display: none;
-    }
-  }
-}

package/dist/field/lexical/plugins/FloatingSelectToolbar/types.d.ts

@@ -1,40 +0,0 @@
-import type { BaseSelection, LexicalEditor } from 'lexical';
-import type React from 'react';
-export type FloatingToolbarSection = {
-    ChildComponent?: React.FC;
-    entries: Array<FloatingToolbarSectionEntry>;
-    key: string;
-    order?: number;
-    type: 'dropdown';
-} | {
-    entries: Array<FloatingToolbarSectionEntry>;
-    key: string;
-    order?: number;
-    type: 'buttons';
-};
-export type FloatingToolbarSectionEntry = {
-    ChildComponent?: React.FC;
-    /** Use component to ignore the children and onClick properties. It does not use the default, pre-defined format Button component */
-    Component?: React.FC<{
-        anchorElem: HTMLElement;
-        editor: LexicalEditor;
-        entry: FloatingToolbarSectionEntry;
-    }>;
-    isActive?: ({ editor, selection }: {
-        editor: LexicalEditor;
-        selection: BaseSelection;
-    }) => boolean;
-    isEnabled?: ({ editor, selection, }: {
-        editor: LexicalEditor;
-        selection: BaseSelection;
-    }) => boolean;
-    key: string;
-    /** The label is displayed as text if the entry is part of a dropdown section */
-    label?: string;
-    onClick?: ({ editor, isActive }: {
-        editor: LexicalEditor;
-        isActive: boolean;
-    }) => void;
-    order?: number;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/field/lexical/plugins/FloatingSelectToolbar/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/lexical/plugins/FloatingSelectToolbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,sBAAsB,GAC9B;IACE,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,2BAA2B,CAAC,CAAA;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,UAAU,CAAA;CACjB,GACD;IACE,OAAO,EAAE,KAAK,CAAC,2BAA2B,CAAC,CAAA;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAEL,MAAM,MAAM,2BAA2B,GAAG;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACzB,oIAAoI;IACpI,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACnB,UAAU,EAAE,WAAW,CAAA;QACvB,MAAM,EAAE,aAAa,CAAA;QACrB,KAAK,EAAE,2BAA2B,CAAA;KACnC,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;QAAE,MAAM,EAAE,aAAa,CAAC;QAAC,SAAS,EAAE,aAAa,CAAA;KAAE,KAAK,OAAO,CAAA;IAClG,SAAS,CAAC,EAAE,CAAC,EACX,MAAM,EACN,SAAS,GACV,EAAE;QACD,MAAM,EAAE,aAAa,CAAA;QACrB,SAAS,EAAE,aAAa,CAAA;KACzB,KAAK,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;QAAE,MAAM,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/field/lexical/plugins/FloatingSelectToolbar/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/field/lexical/plugins/FloatingSelectToolbar/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/lexical/plugins/FloatingSelectToolbar/types.ts"],"sourcesContent":["import type { BaseSelection, LexicalEditor } from 'lexical'\nimport type React from 'react'\n\nexport type FloatingToolbarSection =\n  | {\n      ChildComponent?: React.FC\n      entries: Array<FloatingToolbarSectionEntry>\n      key: string\n      order?: number\n      type: 'dropdown'\n    }\n  | {\n      entries: Array<FloatingToolbarSectionEntry>\n      key: string\n      order?: number\n      type: 'buttons'\n    }\n\nexport type FloatingToolbarSectionEntry = {\n  ChildComponent?: React.FC\n  /** Use component to ignore the children and onClick properties. It does not use the default, pre-defined format Button component */\n  Component?: React.FC<{\n    anchorElem: HTMLElement\n    editor: LexicalEditor\n    entry: FloatingToolbarSectionEntry\n  }>\n  isActive?: ({ editor, selection }: { editor: LexicalEditor; selection: BaseSelection }) => boolean\n  isEnabled?: ({\n    editor,\n    selection,\n  }: {\n    editor: LexicalEditor\n    selection: BaseSelection\n  }) => boolean\n  key: string\n  /** The label is displayed as text if the entry is part of a dropdown section */\n  label?: string\n  onClick?: ({ editor, isActive }: { editor: LexicalEditor; isActive: boolean }) => void\n  order?: number\n}\n"],"names":[],"rangeMappings":"","mappings":"AAkBA,WAqBC"}

package/dist/field/lexical/plugins/MarkdownShortcut/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/lexical/plugins/MarkdownShortcut/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAI1C,CAAA"}

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

@@ -1,13 +0,0 @@
-'use client';
-import lexicalMarkdownShortcutPluginImport from '@lexical/react/LexicalMarkdownShortcutPlugin.js';
-const { MarkdownShortcutPlugin: LexicalMarkdownShortcutPlugin } = lexicalMarkdownShortcutPluginImport;
-import * as React from 'react';
-import { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js';
-export const MarkdownShortcutPlugin = ()=>{
-    const { editorConfig } = useEditorConfigContext();
-    return /*#__PURE__*/ React.createElement(LexicalMarkdownShortcutPlugin, {
-        transformers: editorConfig.features.markdownTransformers
-    });
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/lexical/plugins/MarkdownShortcut/index.tsx"],"sourcesContent":["'use client'\n\nimport lexicalMarkdownShortcutPluginImport from '@lexical/react/LexicalMarkdownShortcutPlugin.js'\nconst { MarkdownShortcutPlugin: LexicalMarkdownShortcutPlugin } =\n  lexicalMarkdownShortcutPluginImport\n\nimport * as React from 'react'\n\nimport { useEditorConfigContext } from '../../config/client/EditorConfigProvider.js'\n\nexport const MarkdownShortcutPlugin: React.FC = () => {\n  const { editorConfig } = useEditorConfigContext()\n\n  return <LexicalMarkdownShortcutPlugin transformers={editorConfig.features.markdownTransformers} />\n}\n"],"names":["lexicalMarkdownShortcutPluginImport","MarkdownShortcutPlugin","LexicalMarkdownShortcutPlugin","React","useEditorConfigContext","editorConfig","transformers","features","markdownTransformers"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,yCAAyC,kDAAiD;AACjG,MAAM,EAAEC,wBAAwBC,6BAA6B,EAAE,GAC7DF;AAEF,YAAYG,WAAW,QAAO;AAE9B,SAASC,sBAAsB,QAAQ,8CAA6C;AAEpF,OAAO,MAAMH,yBAAmC;IAC9C,MAAM,EAAEI,YAAY,EAAE,GAAGD;IAEzB,qBAAO,oBAACF;QAA8BI,cAAcD,aAAaE,QAAQ,CAACC,oBAAoB;;AAChG,EAAC"}