@payloadcms/richtext-lexical 3.0.0-beta.5 → 3.0.0-beta.51

package/dist/field/lexical/LexicalEditor.scss

@@ -1,56 +0,0 @@
-.rich-text-lexical {
-  .editor {
-    position: relative;
-  }
-
-  .editor-shell {
-    position: relative;
-
-    font-family: var(--font-serif);
-    font-size: calc(var(--base) * 0.625);
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      font-family: var(--font-body);
-      line-height: 1.125;
-    }
-  }
-
-  .editor-placeholder {
-    position: absolute;
-    top: 8px;
-    left: 0px;
-    font-size: 15px;
-    color: var(--theme-elevation-500);
-    /* Prevent text selection */
-    user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-
-    /* Make it behave more like a background element (no interaction) */
-    pointer-events: none;
-  }
-}
-
-.floating-select-toolbar-popup__section-dropdown-align {
-  display: flex;
-  gap: 2px;
-}
-.floating-select-toolbar-popup__section-features {
-  display: flex;
-  gap: 2px;
-}
-.floating-select-toolbar-popup__section-dropdown-text {
-  display: flex;
-  gap: 2px;
-}
-
-.floating-select-toolbar-popup__section-format {
-  display: flex;
-  gap: 2px;
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { FloatingToolbarSectionEntry } from '../types.js';
-import './index.scss';
-export declare const ToolbarButton: ({ children, entry, }: {
-    children: React.JSX.Element;
-    entry: FloatingToolbarSectionEntry;
-}) => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/FloatingSelectToolbar/ToolbarButton/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAE9D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,yBAGvB;IACD,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAA;IAC3B,KAAK,EAAE,2BAA2B,CAAA;CACnC,sBA8EA,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/FloatingSelectToolbar/ToolbarButton/index.tsx"],"sourcesContent":["'use client'\nimport lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js'\nconst { useLexicalComposerContext } = lexicalComposerContextImport\nimport lexicalUtilsImport from '@lexical/utils'\nconst { mergeRegister } = lexicalUtilsImport\n\nimport lexicalImport from 'lexical'\nconst { $getSelection } = lexicalImport\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { FloatingToolbarSectionEntry } from '../types.js'\n\nimport './index.scss'\n\nconst baseClass = 'floating-select-toolbar-popup__button'\n\nexport const ToolbarButton = ({\n  children,\n  entry,\n}: {\n  children: React.JSX.Element\n  entry: FloatingToolbarSectionEntry\n}) => {\n  const [editor] = useLexicalComposerContext()\n  const [enabled, setEnabled] = useState<boolean>(true)\n  const [active, setActive] = useState<boolean>(false)\n  const [className, setClassName] = useState<string>(baseClass)\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (entry.isActive) {\n        const isActive = entry.isActive({ editor, selection })\n        if (active !== isActive) {\n          setActive(isActive)\n        }\n      }\n      if (entry.isEnabled) {\n        const isEnabled = entry.isEnabled({ editor, selection })\n        if (enabled !== isEnabled) {\n          setEnabled(isEnabled)\n        }\n      }\n    })\n  }, [active, editor, enabled, entry])\n\n  useEffect(() => {\n    updateStates()\n  }, [updateStates])\n\n  useEffect(() => {\n    document.addEventListener('mouseup', updateStates)\n    return () => {\n      document.removeEventListener('mouseup', updateStates)\n    }\n  }, [updateStates])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(() => {\n        updateStates()\n      }),\n    )\n  }, [editor, updateStates])\n\n  useEffect(() => {\n    setClassName(\n      [\n        baseClass,\n        enabled === false ? 'disabled' : '',\n        active ? 'active' : '',\n        entry?.key ? `${baseClass}-` + entry.key : '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    )\n  }, [enabled, active, className])\n\n  return (\n    <button\n      className={className}\n      onClick={() => {\n        if (enabled !== false) {\n          entry.onClick({\n            editor,\n            isActive: active,\n          })\n        }\n      }}\n      onMouseDown={(e) => {\n        // This fixes a bug where you are unable to click the button if you are in a NESTED editor (editor in blocks field in editor).\n        // Thus only happens if you click on the SVG of the button. Clicking on the outside works. Related issue: https://github.com/payloadcms/payload/issues/4025\n        // TODO: Find out why exactly it happens and why e.preventDefault() on the mouseDown fixes it. Write that down here, or potentially fix a root cause, if there is any.\n        e.preventDefault()\n      }}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n"],"names":["lexicalComposerContextImport","useLexicalComposerContext","lexicalUtilsImport","mergeRegister","lexicalImport","$getSelection","React","useCallback","useEffect","useState","baseClass","ToolbarButton","children","entry","editor","enabled","setEnabled","active","setActive","className","setClassName","updateStates","getEditorState","read","selection","isActive","isEnabled","document","addEventListener","removeEventListener","registerUpdateListener","key","filter","Boolean","join","button","onClick","onMouseDown","e","preventDefault","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,kCAAkC,2CAA0C;AACnF,MAAM,EAAEC,yBAAyB,EAAE,GAAGD;AACtC,OAAOE,wBAAwB,iBAAgB;AAC/C,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAE1B,OAAOE,mBAAmB,UAAS;AACnC,MAAM,EAAEC,aAAa,EAAE,GAAGD;AAE1B,OAAOE,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI/D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,QAAQ,EACRC,KAAK,EAIN;IACC,MAAM,CAACC,OAAO,GAAGb;IACjB,MAAM,CAACc,SAASC,WAAW,GAAGP,SAAkB;IAChD,MAAM,CAACQ,QAAQC,UAAU,GAAGT,SAAkB;IAC9C,MAAM,CAACU,WAAWC,aAAa,GAAGX,SAAiBC;IAEnD,MAAMW,eAAed,YAAY;QAC/BO,OAAOQ,cAAc,GAAGC,IAAI,CAAC;YAC3B,MAAMC,YAAYnB;YAClB,IAAIQ,MAAMY,QAAQ,EAAE;gBAClB,MAAMA,WAAWZ,MAAMY,QAAQ,CAAC;oBAAEX;oBAAQU;gBAAU;gBACpD,IAAIP,WAAWQ,UAAU;oBACvBP,UAAUO;gBACZ;YACF;YACA,IAAIZ,MAAMa,SAAS,EAAE;gBACnB,MAAMA,YAAYb,MAAMa,SAAS,CAAC;oBAAEZ;oBAAQU;gBAAU;gBACtD,IAAIT,YAAYW,WAAW;oBACzBV,WAAWU;gBACb;YACF;QACF;IACF,GAAG;QAACT;QAAQH;QAAQC;QAASF;KAAM;IAEnCL,UAAU;QACRa;IACF,GAAG;QAACA;KAAa;IAEjBb,UAAU;QACRmB,SAASC,gBAAgB,CAAC,WAAWP;QACrC,OAAO;YACLM,SAASE,mBAAmB,CAAC,WAAWR;QAC1C;IACF,GAAG;QAACA;KAAa;IAEjBb,UAAU;QACR,OAAOL,cACLW,OAAOgB,sBAAsB,CAAC;YAC5BT;QACF;IAEJ,GAAG;QAACP;QAAQO;KAAa;IAEzBb,UAAU;QACRY,aACE;YACEV;YACAK,YAAY,QAAQ,aAAa;YACjCE,SAAS,WAAW;YACpBJ,OAAOkB,MAAM,CAAC,EAAErB,UAAU,CAAC,CAAC,GAAGG,MAAMkB,GAAG,GAAG;SAC5C,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAEZ,GAAG;QAACnB;QAASE;QAAQE;KAAU;IAE/B,qBACE,oBAACgB;QACChB,WAAWA;QACXiB,SAAS;YACP,IAAIrB,YAAY,OAAO;gBACrBF,MAAMuB,OAAO,CAAC;oBACZtB;oBACAW,UAAUR;gBACZ;YACF;QACF;QACAoB,aAAa,CAACC;YACZ,8HAA8H;YAC9H,2JAA2J;YAC3J,sKAAsK;YACtKA,EAAEC,cAAc;QAClB;QACAC,MAAK;OAEJ5B;AAGP,EAAC"}

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

@@ -1,37 +0,0 @@
-.floating-select-toolbar-popup__button {
-  display: flex;
-  align-items: center;
-  vertical-align: middle;
-  justify-content: center;
-  height: 30px;
-  width: 30px;
-  border: 0;
-  background: none;
-  border-radius: 4px;
-  cursor: pointer;
-  padding: 0;
-
-  &.spaced {
-    margin-right: 2px;
-  }
-
-  &.active {
-    background-color: var(--color-base-100);
-
-    .icon {
-      opacity: 1;
-    }
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-
-    .icon {
-      opacity: 0.2;
-    }
-  }
-
-  &:hover:not([disabled]) {
-    background-color: var(--color-base-100);
-  }
-}

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

@@ -1,17 +0,0 @@
-import { type ReactNode } from 'react';
-import React from 'react';
-import type { FloatingToolbarSectionEntry } from '../types.js';
-export declare function DropDownItem({ children, entry, title, }: {
-    children: React.ReactNode;
-    entry: FloatingToolbarSectionEntry;
-    title?: string;
-}): React.ReactNode;
-export declare function DropDown({ Icon, buttonAriaLabel, buttonClassName, children, disabled, stopCloseOnClickSelf, }: {
-    Icon?: React.FC;
-    buttonAriaLabel?: string;
-    buttonClassName: string;
-    children: ReactNode;
-    disabled?: boolean;
-    stopCloseOnClickSelf?: boolean;
-}): React.ReactNode;
-//# sourceMappingURL=DropDown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/DropDown.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAA;AACzF,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AAU9D,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,2BAA2B,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,KAAK,CAAC,SAAS,CA+FlB;AA4ED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,eAAe,EACf,eAAe,EACf,QAAQ,EACR,QAAgB,EAChB,oBAAoB,GACrB,EAAE;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,GAAG,KAAK,CAAC,SAAS,CAgFlB"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/DropDown.tsx"],"sourcesContent":["'use client'\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 { $getSelection } = lexicalImport\n\nimport { type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { FloatingToolbarSectionEntry } from '../types.js'\n\nconst baseClass = 'floating-select-toolbar-popup__dropdown-item'\n\ninterface DropDownContextType {\n  registerItem: (ref: React.RefObject<HTMLButtonElement>) => void\n}\n\nconst DropDownContext = React.createContext<DropDownContextType | null>(null)\n\nexport function DropDownItem({\n  children,\n  entry,\n  title,\n}: {\n  children: React.ReactNode\n  entry: FloatingToolbarSectionEntry\n  title?: string\n}): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n  const [enabled, setEnabled] = useState<boolean>(true)\n  const [active, setActive] = useState<boolean>(false)\n  const [className, setClassName] = useState<string>(baseClass)\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (entry.isActive) {\n        const isActive = entry.isActive({ editor, selection })\n        if (active !== isActive) {\n          setActive(isActive)\n        }\n      }\n      if (entry.isEnabled) {\n        const isEnabled = entry.isEnabled({ editor, selection })\n        if (enabled !== isEnabled) {\n          setEnabled(isEnabled)\n        }\n      }\n    })\n  }, [active, editor, enabled, entry])\n\n  useEffect(() => {\n    updateStates()\n  }, [updateStates])\n\n  useEffect(() => {\n    document.addEventListener('mouseup', updateStates)\n    return () => {\n      document.removeEventListener('mouseup', updateStates)\n    }\n  }, [updateStates])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(() => {\n        updateStates()\n      }),\n    )\n  }, [editor, updateStates])\n\n  useEffect(() => {\n    setClassName(\n      [\n        baseClass,\n        enabled === false ? 'disabled' : '',\n        active ? 'active' : '',\n        entry?.key ? `${baseClass}-${entry.key}` : '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    )\n  }, [enabled, active, className, entry.key])\n\n  const ref = useRef<HTMLButtonElement>(null)\n\n  const dropDownContext = React.useContext(DropDownContext)\n\n  if (dropDownContext === null) {\n    throw new Error('DropDownItem must be used within a DropDown')\n  }\n\n  const { registerItem } = dropDownContext\n\n  useEffect(() => {\n    if (ref?.current != null) {\n      registerItem(ref)\n    }\n  }, [ref, registerItem])\n\n  return (\n    <button\n      className={className}\n      onClick={() => {\n        if (enabled !== false) {\n          entry.onClick({\n            editor,\n            isActive: active,\n          })\n        }\n      }}\n      onMouseDown={(e) => {\n        // This is required for Firefox compatibility. Without it, the dropdown will disappear without the onClick being called.\n        // This only happens in Firefox. Must be something about how Firefox handles focus events differently.\n        e.preventDefault()\n      }}\n      ref={ref}\n      title={title}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction DropDownItems({\n  children,\n  dropDownRef,\n  onClose,\n}: {\n  children: React.ReactNode\n  dropDownRef: React.Ref<HTMLDivElement>\n  onClose: () => void\n}): JSX.Element {\n  const [items, setItems] = useState<Array<React.RefObject<HTMLButtonElement>>>()\n  const [highlightedItem, setHighlightedItem] = useState<React.RefObject<HTMLButtonElement>>()\n\n  const registerItem = useCallback(\n    (itemRef: React.RefObject<HTMLButtonElement>) => {\n      setItems((prev) => (prev != null ? [...prev, itemRef] : [itemRef]))\n    },\n    [setItems],\n  )\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (items == null) return\n\n    const { key } = event\n\n    if (['ArrowDown', 'ArrowUp', 'Escape', 'Tab'].includes(key)) {\n      event.preventDefault()\n    }\n\n    if (key === 'Escape' || key === 'Tab') {\n      onClose()\n    } else if (key === 'ArrowUp') {\n      setHighlightedItem((prev) => {\n        if (prev == null) return items[0]\n        const index = items.indexOf(prev) - 1\n        return items[index === -1 ? items.length - 1 : index]\n      })\n    } else if (key === 'ArrowDown') {\n      setHighlightedItem((prev) => {\n        if (prev == null) return items[0]\n        return items[items.indexOf(prev) + 1]\n      })\n    }\n  }\n\n  const contextValue = useMemo(\n    () => ({\n      registerItem,\n    }),\n    [registerItem],\n  )\n\n  useEffect(() => {\n    if (items != null && highlightedItem == null) {\n      setHighlightedItem(items[0])\n    }\n\n    if (highlightedItem?.current != null) {\n      highlightedItem.current.focus()\n    }\n  }, [items, highlightedItem])\n\n  return (\n    <DropDownContext.Provider value={contextValue}>\n      <div\n        className=\"floating-select-toolbar-popup__dropdown-items\"\n        onKeyDown={handleKeyDown}\n        ref={dropDownRef}\n      >\n        {children}\n      </div>\n    </DropDownContext.Provider>\n  )\n}\n\nexport function DropDown({\n  Icon,\n  buttonAriaLabel,\n  buttonClassName,\n  children,\n  disabled = false,\n  stopCloseOnClickSelf,\n}: {\n  Icon?: React.FC\n  buttonAriaLabel?: string\n  buttonClassName: string\n  children: ReactNode\n  disabled?: boolean\n  stopCloseOnClickSelf?: boolean\n}): React.ReactNode {\n  const dropDownRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const [showDropDown, setShowDropDown] = useState(false)\n\n  const handleClose = (): void => {\n    setShowDropDown(false)\n    if (buttonRef?.current != null) {\n      buttonRef.current.focus()\n    }\n  }\n\n  useEffect(() => {\n    const button = buttonRef.current\n    const dropDown = dropDownRef.current\n\n    if (showDropDown && button !== null && dropDown !== null) {\n      const { left, top } = button.getBoundingClientRect()\n      const scrollTopOffset = window.pageYOffset || document.documentElement.scrollTop\n      dropDown.style.top = `${top + scrollTopOffset + button.offsetHeight + 5}px`\n      dropDown.style.left = `${Math.min(left - 5, window.innerWidth - dropDown.offsetWidth - 20)}px`\n    }\n  }, [dropDownRef, buttonRef, showDropDown])\n\n  useEffect(() => {\n    const button = buttonRef.current\n\n    if (button !== null && showDropDown) {\n      const handle = (event: MouseEvent): void => {\n        const { target } = event\n        if (stopCloseOnClickSelf != null) {\n          // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n          if (dropDownRef.current != null && dropDownRef.current.contains(target as Node)) {\n            return\n          }\n        }\n        if (!button.contains(target as Node)) {\n          setShowDropDown(false)\n        }\n      }\n      document.addEventListener('click', handle)\n\n      return () => {\n        document.removeEventListener('click', handle)\n      }\n    }\n  }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf])\n\n  return (\n    <React.Fragment>\n      <button\n        aria-label={buttonAriaLabel}\n        className={buttonClassName + (showDropDown ? ' active' : '')}\n        disabled={disabled}\n        onClick={(event) => {\n          event.preventDefault()\n          setShowDropDown(!showDropDown)\n        }}\n        onMouseDown={(e) => {\n          // This fixes a bug where you are unable to click the button if you are in a NESTED editor (editor in blocks field in editor).\n          // Thus only happens if you click on the SVG of the button. Clicking on the outside works. Related issue: https://github.com/payloadcms/payload/issues/4025\n          // TODO: Find out why exactly it happens and why e.preventDefault() on the mouseDown fixes it. Write that down here, or potentially fix a root cause, if there is any.\n          e.preventDefault()\n        }}\n        ref={buttonRef}\n        type=\"button\"\n      >\n        <Icon />\n        <i className=\"floating-select-toolbar-popup__dropdown-caret\" />\n      </button>\n\n      {showDropDown &&\n        createPortal(\n          <DropDownItems dropDownRef={dropDownRef} onClose={handleClose}>\n            {children}\n          </DropDownItems>,\n          document.body,\n        )}\n    </React.Fragment>\n  )\n}\n"],"names":["lexicalComposerContextImport","useLexicalComposerContext","lexicalUtilsImport","mergeRegister","lexicalImport","$getSelection","useCallback","useEffect","useMemo","useRef","useState","React","createPortal","baseClass","DropDownContext","createContext","DropDownItem","children","entry","title","editor","enabled","setEnabled","active","setActive","className","setClassName","updateStates","getEditorState","read","selection","isActive","isEnabled","document","addEventListener","removeEventListener","registerUpdateListener","key","filter","Boolean","join","ref","dropDownContext","useContext","Error","registerItem","current","button","onClick","onMouseDown","e","preventDefault","type","DropDownItems","dropDownRef","onClose","items","setItems","highlightedItem","setHighlightedItem","itemRef","prev","handleKeyDown","event","includes","index","indexOf","length","contextValue","focus","Provider","value","div","onKeyDown","DropDown","Icon","buttonAriaLabel","buttonClassName","disabled","stopCloseOnClickSelf","buttonRef","showDropDown","setShowDropDown","handleClose","dropDown","left","top","getBoundingClientRect","scrollTopOffset","window","pageYOffset","documentElement","scrollTop","style","offsetHeight","Math","min","innerWidth","offsetWidth","handle","target","contains","Fragment","aria-label","i","body"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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