@payloadcms/richtext-lexical 4.0.0-internal.435b2d6 → 4.0.0-internal.44ac9c8

package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js

@@ -3,8 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@payloadcms/ui';
 import { $addUpdateTag, isDOMNode } from 'lexical';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
 const baseClass = 'toolbar-popup__dropdown-item';
 const DropDownContext = /*#__PURE__*/React.createContext(null);
 export function DropDownItem({
@@ -39,7 +38,10 @@ export function DropDownItem({
     className: className,
     disabled: enabled === false,
     extraButtonProps: {
-      'data-item-key': itemKey
+      'aria-checked': item.isActive ? Boolean(active) : undefined,
+      'data-item-key': itemKey,
+      role: item.isActive ? 'menuitemcheckbox' : 'menuitem',
+      tabIndex: -1
     },
     icon: Icon,
     iconPosition: "left",
@@ -69,11 +71,13 @@ export function DropDownItem({
   });
 }
 function DropDownItems({
+  id,
   children,
   dropdownKey,
   dropDownRef,
   itemsContainerClassNames,
-  onClose
+  onClose,
+  shouldAutoFocus
 }) {
   const [items, setItems] = useState();
   const [highlightedItem, setHighlightedItem] = useState();
@@ -87,25 +91,31 @@ function DropDownItems({
     const {
       key
     } = event;
-    if (['ArrowDown', 'ArrowUp', 'Escape', 'Tab'].includes(key)) {
+    const enabledItems = items.filter(item => !item.current?.disabled);
+    if (['ArrowDown', 'ArrowUp', 'Escape'].includes(key)) {
       event.preventDefault();
     }
-    if (key === 'Escape' || key === 'Tab') {
+    if (key === 'Escape') {
       onClose();
+    } else if (key === 'Tab') {
+      setTimeout(() => onClose({
+        restoreFocus: false
+      }));
     } else if (key === 'ArrowUp') {
       setHighlightedItem(prev_0 => {
         if (prev_0 == null) {
-          return items[0];
+          return enabledItems[0];
         }
-        const index = items.indexOf(prev_0) - 1;
-        return items[index === -1 ? items.length - 1 : index];
+        const index = enabledItems.indexOf(prev_0) - 1;
+        return enabledItems[index === -1 ? enabledItems.length - 1 : index];
       });
     } else if (key === 'ArrowDown') {
       setHighlightedItem(prev_1 => {
         if (prev_1 == null) {
-          return items[0];
+          return enabledItems[0];
         }
-        return items[items.indexOf(prev_1) + 1];
+        const index_0 = enabledItems.indexOf(prev_1);
+        return enabledItems[index_0 === enabledItems.length - 1 ? 0 : index_0 + 1];
       });
     }
   };
@@ -113,21 +123,25 @@ function DropDownItems({
     registerItem
   }), [registerItem]);
   useEffect(() => {
-    if (items != null && highlightedItem == null) {
-      setHighlightedItem(items[0]);
+    if (shouldAutoFocus && items != null && highlightedItem == null) {
+      setHighlightedItem(items.find(item_0 => !item_0.current?.disabled));
     }
     if (highlightedItem != null && highlightedItem?.current != null) {
       highlightedItem.current.focus();
     }
-  }, [items, highlightedItem]);
+  }, [items, highlightedItem, shouldAutoFocus]);
   return /*#__PURE__*/_jsx(DropDownContext, {
     value: contextValue,
     children: /*#__PURE__*/_jsx("div", {
       className: (itemsContainerClassNames ?? ['toolbar-popup__dropdown-items']).join(' '),
       "data-dropdown-key": dropdownKey,
       "data-theme": "dark",
+      id: id,
       onKeyDown: handleKeyDown,
+      popover: "manual",
       ref: dropDownRef,
+      role: "menu",
+      tabIndex: -1,
       children: children
     })
   });
@@ -145,10 +159,15 @@ export function DropDown({
 }) {
   const dropDownRef = useRef(null);
   const buttonRef = useRef(null);
+  const openedViaKeyboardRef = useRef(false);
+  const generatedId = useId();
+  const menuId = `toolbar-dropdown-${dropdownKey}-${generatedId}`;
   const [showDropDown, setShowDropDown] = useState(false);
-  const handleClose = () => {
+  const handleClose = ({
+    restoreFocus = true
+  } = {}) => {
     setShowDropDown(false);
-    if (buttonRef?.current != null) {
+    if (restoreFocus && buttonRef?.current != null) {
       buttonRef.current.focus();
     }
   };
@@ -156,13 +175,37 @@ export function DropDown({
     const button = buttonRef.current;
     const dropDown = dropDownRef.current;
     if (showDropDown && button !== null && dropDown !== null) {
-      const {
-        left,
-        top
-      } = button.getBoundingClientRect();
-      const scrollTopOffset = window.scrollY || document.documentElement.scrollTop;
-      dropDown.style.top = `${top + scrollTopOffset + button.offsetHeight + 5}px`;
-      dropDown.style.left = `${Math.min(left - 5, window.innerWidth - dropDown.offsetWidth - 20)}px`;
+      if (!dropDown.matches(':popover-open')) {
+        dropDown.showPopover();
+      }
+      const updatePosition = () => {
+        const {
+          bottom,
+          left,
+          top
+        } = button.getBoundingClientRect();
+        const offset = 8;
+        const gap = 5;
+        const below = bottom + gap;
+        const above = top - dropDown.offsetHeight - gap;
+        const maxTop = Math.max(offset, window.innerHeight - dropDown.offsetHeight - offset);
+        const preferredTop = below + dropDown.offsetHeight + offset <= window.innerHeight ? below : above >= offset ? above : below;
+        dropDown.style.position = 'fixed';
+        dropDown.style.top = `${Math.max(offset, Math.min(preferredTop, maxTop))}px`;
+        dropDown.style.left = `${Math.max(8, Math.min(left - 5, window.innerWidth - dropDown.offsetWidth - 20))}px`;
+      };
+      updatePosition();
+      window.addEventListener('resize', updatePosition);
+      window.addEventListener('scroll', updatePosition, {
+        capture: true,
+        passive: true
+      });
+      return () => {
+        window.removeEventListener('resize', updatePosition);
+        window.removeEventListener('scroll', updatePosition, {
+          capture: true
+        });
+      };
     }
   }, [dropDownRef, buttonRef, showDropDown]);
   useEffect(() => {
@@ -188,23 +231,27 @@ export function DropDown({
       };
     }
   }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf]);
-  const portal = /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(DropDownItems, {
-    dropdownKey: dropdownKey,
-    dropDownRef: dropDownRef,
-    itemsContainerClassNames: itemsContainerClassNames,
-    onClose: handleClose,
-    children: children
-  }), document.body);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsxs("button", {
+      "aria-controls": menuId,
+      "aria-expanded": showDropDown,
+      "aria-haspopup": "menu",
       "aria-label": buttonAriaLabel,
       className: buttonClassName + (showDropDown ? ' active' : ''),
       "data-dropdown-key": dropdownKey,
       disabled: disabled,
       onClick: event_0 => {
         event_0.preventDefault();
+        openedViaKeyboardRef.current = false;
         setShowDropDown(!showDropDown);
       },
+      onKeyDown: event_1 => {
+        if (event_1.key === 'Enter' || event_1.key === ' ') {
+          event_1.preventDefault();
+          openedViaKeyboardRef.current = true;
+          setShowDropDown(!showDropDown);
+        }
+      },
       onMouseDown: e => {
         // 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).
         // 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
@@ -219,8 +266,14 @@ export function DropDown({
       }), /*#__PURE__*/_jsx("i", {
         className: "toolbar-popup__dropdown-caret"
       })]
-    }), showDropDown && /*#__PURE__*/_jsx(React.Fragment, {
-      children: portal
+    }), showDropDown && /*#__PURE__*/_jsx(DropDownItems, {
+      dropdownKey: dropdownKey,
+      dropDownRef: dropDownRef,
+      id: menuId,
+      itemsContainerClassNames: itemsContainerClassNames,
+      onClose: handleClose,
+      shouldAutoFocus: openedViaKeyboardRef.current,
+      children: children
     })]
   });
 }

package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","names":["Button","$addUpdateTag","isDOMNode","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","baseClass","DropDownContext","createContext","DropDownItem","active","children","editor","enabled","Icon","item","itemKey","tooltip","className","key","filter","Boolean","join","ref","dropDownContext","use","Error","registerItem","current","_jsx","buttonStyle","disabled","extraButtonProps","icon","iconPosition","onClick","focus","update","onSelect","isActive","onMouseDown","e","preventDefault","type","DropDownItems","dropdownKey","dropDownRef","itemsContainerClassNames","onClose","items","setItems","highlightedItem","setHighlightedItem","itemRef","prev","handleKeyDown","event","includes","index","indexOf","length","contextValue","value","onKeyDown","DropDown","buttonAriaLabel","buttonClassName","label","stopCloseOnClickSelf","buttonRef","showDropDown","setShowDropDown","handleClose","button","dropDown","left","top","getBoundingClientRect","scrollTopOffset","window","scrollY","document","documentElement","scrollTop","style","offsetHeight","Math","min","innerWidth","offsetWidth","handle","target","contains","addEventListener","removeEventListener","portal","body","_jsxs","Fragment"],"sources":["../../../../../src/features/toolbars/shared/ToolbarDropdown/DropDown.tsx"],"sourcesContent":["'use client'\nimport { Button } from '@payloadcms/ui'\nimport { $addUpdateTag, isDOMNode, type LexicalEditor } from 'lexical'\nimport React, { type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { ToolbarGroupItem } from '../../types.js'\n\nconst baseClass = 'toolbar-popup__dropdown-item'\n\ninterface DropDownContextType {\n  registerItem: (ref: React.RefObject<HTMLButtonElement | null>) => void\n}\n\nconst DropDownContext = React.createContext<DropDownContextType | null>(null)\n\nexport function DropDownItem({\n  active,\n  children,\n  editor,\n  enabled,\n  Icon,\n  item,\n  itemKey,\n  tooltip,\n}: {\n  active?: boolean\n  children: React.ReactNode\n  editor: LexicalEditor\n  enabled?: boolean\n  Icon: React.ReactNode\n  item: ToolbarGroupItem\n  itemKey: string\n  tooltip?: string\n}): React.ReactNode {\n  const className = useMemo(() => {\n    return [\n      baseClass,\n      enabled === false ? 'disabled' : '',\n      active ? 'active' : '',\n      item?.key ? `${baseClass}-${item.key}` : '',\n    ]\n      .filter(Boolean)\n      .join(' ')\n  }, [enabled, active, item.key])\n\n  const ref = useRef<HTMLButtonElement>(null)\n\n  const dropDownContext = React.use(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      aria-label={tooltip}\n      buttonStyle=\"ghost\"\n      className={className}\n      disabled={enabled === false}\n      extraButtonProps={{\n        'data-item-key': itemKey,\n      }}\n      icon={Icon}\n      iconPosition=\"left\"\n      onClick={() => {\n        if (enabled !== false) {\n          editor.focus(() => {\n            editor.update(() => {\n              $addUpdateTag('toolbar')\n            })\n            // We need to wrap the onSelect in the callback, so the editor is properly focused before the onSelect is called.\n            item.onSelect?.({\n              editor,\n              isActive: active!,\n            })\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      tooltip={tooltip}\n      type=\"button\"\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction DropDownItems({\n  children,\n  dropdownKey,\n  dropDownRef,\n  itemsContainerClassNames,\n  onClose,\n}: {\n  children: React.ReactNode\n  dropdownKey?: string\n  dropDownRef: React.Ref<HTMLDivElement>\n  itemsContainerClassNames?: string[]\n  onClose: () => void\n}): React.ReactElement {\n  const [items, setItems] = useState<Array<React.RefObject<HTMLButtonElement | null>>>()\n  const [highlightedItem, setHighlightedItem] =\n    useState<React.RefObject<HTMLButtonElement | null>>()\n\n  const registerItem = useCallback(\n    (itemRef: React.RefObject<HTMLButtonElement | null>) => {\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) {\n      return\n    }\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) {\n          return items[0]\n        }\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) {\n          return items[0]\n        }\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 != null && highlightedItem?.current != null) {\n      highlightedItem.current.focus()\n    }\n  }, [items, highlightedItem])\n\n  return (\n    <DropDownContext value={contextValue}>\n      <div\n        className={(itemsContainerClassNames ?? ['toolbar-popup__dropdown-items']).join(' ')}\n        data-dropdown-key={dropdownKey}\n        data-theme=\"dark\"\n        onKeyDown={handleKeyDown}\n        ref={dropDownRef}\n      >\n        {children}\n      </div>\n    </DropDownContext>\n  )\n}\n\nexport function DropDown({\n  buttonAriaLabel,\n  buttonClassName,\n  children,\n  disabled = false,\n  dropdownKey,\n  Icon,\n  itemsContainerClassNames,\n  label,\n  stopCloseOnClickSelf,\n}: {\n  buttonAriaLabel?: string\n  buttonClassName: string\n  children: ReactNode\n  disabled?: boolean\n  dropdownKey: string\n  Icon?: React.FC\n  itemsContainerClassNames?: string[]\n  label?: string\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.scrollY || 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.target\n        if (!isDOMNode(target)) {\n          return\n        }\n        if (stopCloseOnClickSelf) {\n          if (dropDownRef.current && dropDownRef.current.contains(target)) {\n            return\n          }\n        }\n        if (!button.contains(target)) {\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  const portal = createPortal(\n    <DropDownItems\n      dropdownKey={dropdownKey}\n      dropDownRef={dropDownRef}\n      itemsContainerClassNames={itemsContainerClassNames}\n      onClose={handleClose}\n    >\n      {children}\n    </DropDownItems>,\n    document.body,\n  )\n\n  return (\n    <React.Fragment>\n      <button\n        aria-label={buttonAriaLabel}\n        className={buttonClassName + (showDropDown ? ' active' : '')}\n        data-dropdown-key={dropdownKey}\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 && <Icon />}\n        {label && <span className=\"toolbar-popup__dropdown-label\">{label}</span>}\n        <i className=\"toolbar-popup__dropdown-caret\" />\n      </button>\n\n      {showDropDown && <React.Fragment>{portal}</React.Fragment>}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropDown.js","names":["Button","$addUpdateTag","isDOMNode","React","useCallback","useEffect","useId","useMemo","useRef","useState","baseClass","DropDownContext","createContext","DropDownItem","active","children","editor","enabled","Icon","item","itemKey","tooltip","className","key","filter","Boolean","join","ref","dropDownContext","use","Error","registerItem","current","_jsx","buttonStyle","disabled","extraButtonProps","isActive","undefined","role","tabIndex","icon","iconPosition","onClick","focus","update","onSelect","onMouseDown","e","preventDefault","type","DropDownItems","id","dropdownKey","dropDownRef","itemsContainerClassNames","onClose","shouldAutoFocus","items","setItems","highlightedItem","setHighlightedItem","itemRef","prev","handleKeyDown","event","enabledItems","includes","setTimeout","restoreFocus","index","indexOf","length","contextValue","find","value","onKeyDown","popover","DropDown","buttonAriaLabel","buttonClassName","label","stopCloseOnClickSelf","buttonRef","openedViaKeyboardRef","generatedId","menuId","showDropDown","setShowDropDown","handleClose","button","dropDown","matches","showPopover","updatePosition","bottom","left","top","getBoundingClientRect","offset","gap","below","above","offsetHeight","maxTop","Math","max","window","innerHeight","preferredTop","style","position","min","innerWidth","offsetWidth","addEventListener","capture","passive","removeEventListener","handle","target","contains","document","_jsxs","Fragment"],"sources":["../../../../../src/features/toolbars/shared/ToolbarDropdown/DropDown.tsx"],"sourcesContent":["'use client'\nimport { Button } from '@payloadcms/ui'\nimport { $addUpdateTag, isDOMNode, type LexicalEditor } from 'lexical'\nimport React, {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport type { ToolbarGroupItem } from '../../types.js'\n\nconst baseClass = 'toolbar-popup__dropdown-item'\n\ninterface DropDownContextType {\n  registerItem: (ref: React.RefObject<HTMLButtonElement | null>) => void\n}\n\nconst DropDownContext = React.createContext<DropDownContextType | null>(null)\n\nexport function DropDownItem({\n  active,\n  children,\n  editor,\n  enabled,\n  Icon,\n  item,\n  itemKey,\n  tooltip,\n}: {\n  active?: boolean\n  children: React.ReactNode\n  editor: LexicalEditor\n  enabled?: boolean\n  Icon: React.ReactNode\n  item: ToolbarGroupItem\n  itemKey: string\n  tooltip?: string\n}): React.ReactNode {\n  const className = useMemo(() => {\n    return [\n      baseClass,\n      enabled === false ? 'disabled' : '',\n      active ? 'active' : '',\n      item?.key ? `${baseClass}-${item.key}` : '',\n    ]\n      .filter(Boolean)\n      .join(' ')\n  }, [enabled, active, item.key])\n\n  const ref = useRef<HTMLButtonElement>(null)\n\n  const dropDownContext = React.use(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      aria-label={tooltip}\n      buttonStyle=\"ghost\"\n      className={className}\n      disabled={enabled === false}\n      extraButtonProps={{\n        'aria-checked': item.isActive ? Boolean(active) : undefined,\n        'data-item-key': itemKey,\n        role: item.isActive ? 'menuitemcheckbox' : 'menuitem',\n        tabIndex: -1,\n      }}\n      icon={Icon}\n      iconPosition=\"left\"\n      onClick={() => {\n        if (enabled !== false) {\n          editor.focus(() => {\n            editor.update(() => {\n              $addUpdateTag('toolbar')\n            })\n            // We need to wrap the onSelect in the callback, so the editor is properly focused before the onSelect is called.\n            item.onSelect?.({\n              editor,\n              isActive: active!,\n            })\n          })\n        }\n      }}\n      onMouseDown={(e: React.MouseEvent) => {\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      tooltip={tooltip}\n      type=\"button\"\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction DropDownItems({\n  id,\n  children,\n  dropdownKey,\n  dropDownRef,\n  itemsContainerClassNames,\n  onClose,\n  shouldAutoFocus,\n}: {\n  children: React.ReactNode\n  dropdownKey?: string\n  dropDownRef: React.Ref<HTMLDivElement>\n  id: string\n  itemsContainerClassNames?: string[]\n  onClose: (options?: { restoreFocus?: boolean }) => void\n  shouldAutoFocus: boolean\n}): React.ReactElement {\n  const [items, setItems] = useState<Array<React.RefObject<HTMLButtonElement | null>>>()\n  const [highlightedItem, setHighlightedItem] =\n    useState<React.RefObject<HTMLButtonElement | null>>()\n\n  const registerItem = useCallback(\n    (itemRef: React.RefObject<HTMLButtonElement | null>) => {\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) {\n      return\n    }\n\n    const { key } = event\n    const enabledItems = items.filter((item) => !item.current?.disabled)\n\n    if (['ArrowDown', 'ArrowUp', 'Escape'].includes(key)) {\n      event.preventDefault()\n    }\n\n    if (key === 'Escape') {\n      onClose()\n    } else if (key === 'Tab') {\n      setTimeout(() => onClose({ restoreFocus: false }))\n    } else if (key === 'ArrowUp') {\n      setHighlightedItem((prev) => {\n        if (prev == null) {\n          return enabledItems[0]\n        }\n        const index = enabledItems.indexOf(prev) - 1\n        return enabledItems[index === -1 ? enabledItems.length - 1 : index]\n      })\n    } else if (key === 'ArrowDown') {\n      setHighlightedItem((prev) => {\n        if (prev == null) {\n          return enabledItems[0]\n        }\n        const index = enabledItems.indexOf(prev)\n        return enabledItems[index === enabledItems.length - 1 ? 0 : index + 1]\n      })\n    }\n  }\n\n  const contextValue = useMemo(\n    () => ({\n      registerItem,\n    }),\n    [registerItem],\n  )\n\n  useEffect(() => {\n    if (shouldAutoFocus && items != null && highlightedItem == null) {\n      setHighlightedItem(items.find((item) => !item.current?.disabled))\n    }\n\n    if (highlightedItem != null && highlightedItem?.current != null) {\n      highlightedItem.current.focus()\n    }\n  }, [items, highlightedItem, shouldAutoFocus])\n\n  return (\n    <DropDownContext value={contextValue}>\n      <div\n        className={(itemsContainerClassNames ?? ['toolbar-popup__dropdown-items']).join(' ')}\n        data-dropdown-key={dropdownKey}\n        data-theme=\"dark\"\n        id={id}\n        onKeyDown={handleKeyDown}\n        popover=\"manual\"\n        ref={dropDownRef}\n        role=\"menu\"\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    </DropDownContext>\n  )\n}\n\nexport function DropDown({\n  buttonAriaLabel,\n  buttonClassName,\n  children,\n  disabled = false,\n  dropdownKey,\n  Icon,\n  itemsContainerClassNames,\n  label,\n  stopCloseOnClickSelf,\n}: {\n  buttonAriaLabel?: string\n  buttonClassName: string\n  children: ReactNode\n  disabled?: boolean\n  dropdownKey: string\n  Icon?: React.FC\n  itemsContainerClassNames?: string[]\n  label?: string\n  stopCloseOnClickSelf?: boolean\n}): React.ReactNode {\n  const dropDownRef = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const openedViaKeyboardRef = useRef(false)\n  const generatedId = useId()\n  const menuId = `toolbar-dropdown-${dropdownKey}-${generatedId}`\n  const [showDropDown, setShowDropDown] = useState(false)\n\n  const handleClose = ({ restoreFocus = true }: { restoreFocus?: boolean } = {}): void => {\n    setShowDropDown(false)\n    if (restoreFocus && 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      if (!dropDown.matches(':popover-open')) {\n        dropDown.showPopover()\n      }\n\n      const updatePosition = (): void => {\n        const { bottom, left, top } = button.getBoundingClientRect()\n        const offset = 8\n        const gap = 5\n        const below = bottom + gap\n        const above = top - dropDown.offsetHeight - gap\n        const maxTop = Math.max(offset, window.innerHeight - dropDown.offsetHeight - offset)\n        const preferredTop =\n          below + dropDown.offsetHeight + offset <= window.innerHeight\n            ? below\n            : above >= offset\n              ? above\n              : below\n\n        dropDown.style.position = 'fixed'\n        dropDown.style.top = `${Math.max(offset, Math.min(preferredTop, maxTop))}px`\n        dropDown.style.left = `${Math.max(8, Math.min(left - 5, window.innerWidth - dropDown.offsetWidth - 20))}px`\n      }\n\n      updatePosition()\n      window.addEventListener('resize', updatePosition)\n      window.addEventListener('scroll', updatePosition, { capture: true, passive: true })\n\n      return () => {\n        window.removeEventListener('resize', updatePosition)\n        window.removeEventListener('scroll', updatePosition, { capture: true })\n      }\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.target\n        if (!isDOMNode(target)) {\n          return\n        }\n        if (stopCloseOnClickSelf) {\n          if (dropDownRef.current && dropDownRef.current.contains(target)) {\n            return\n          }\n        }\n        if (!button.contains(target)) {\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-controls={menuId}\n        aria-expanded={showDropDown}\n        aria-haspopup=\"menu\"\n        aria-label={buttonAriaLabel}\n        className={buttonClassName + (showDropDown ? ' active' : '')}\n        data-dropdown-key={dropdownKey}\n        disabled={disabled}\n        onClick={(event) => {\n          event.preventDefault()\n          openedViaKeyboardRef.current = false\n          setShowDropDown(!showDropDown)\n        }}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault()\n            openedViaKeyboardRef.current = true\n            setShowDropDown(!showDropDown)\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        ref={buttonRef}\n        type=\"button\"\n      >\n        {Icon && <Icon />}\n        {label && <span className=\"toolbar-popup__dropdown-label\">{label}</span>}\n        <i className=\"toolbar-popup__dropdown-caret\" />\n      </button>\n\n      {showDropDown && (\n        <DropDownItems\n          dropdownKey={dropdownKey}\n          dropDownRef={dropDownRef}\n          id={menuId}\n          itemsContainerClassNames={itemsContainerClassNames}\n          onClose={handleClose}\n          shouldAutoFocus={openedViaKeyboardRef.current}\n        >\n          {children}\n        </DropDownItems>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/toolbars/shared/ToolbarDropdown/index.css

@@ -19,7 +19,6 @@
     border-radius: var(--radius-medium);
     cursor: pointer;
     position: relative;
-    transition: background-color 0.15s cubic-bezier(0, 0.2, 0.2, 1);
     min-width: calc(var(--spacer-4) + var(--spacer-2-5));
 
     &:disabled {
@@ -71,11 +70,15 @@
   .toolbar-popup__dropdown-items {
     --dropdown-min-width: 5rem;
     position: absolute;
+    inset: auto;
+    margin: 0;
     background: var(--color-bg-elevated);
     color: var(--color-text);
     border-radius: var(--radius-large);
     padding: var(--spacer-2);
     min-width: var(--dropdown-min-width);
+    max-height: calc(100vh - var(--spacer-3));
+    overflow-y: auto;
     z-index: 100;
     box-shadow: var(--elevation-300-tooltip);
 
@@ -83,7 +86,6 @@
       all: unset;
       cursor: pointer;
       color: var(--color-text);
-      transition: background-color 0.15s cubic-bezier(0, 0.2, 0.2, 1);
       position: relative;
       font-family: var(--text-body-medium-font-family);
       font-size: var(--text-body-medium-font-size);
@@ -187,20 +189,21 @@
   }
 
   [data-dropdown-key='text'] {
-    & .toolbar-popup__dropdown-item {
-      padding: 0 var(--spacer-4);
+    /* Reserved on every item, not just the active one, so the checkmark never overlaps the item icon. */
+    & .toolbar-popup__dropdown-item::before {
+      content: '';
+      flex-shrink: 0;
+      width: var(--spacer-3);
+      height: var(--spacer-3);
+      background-color: currentColor;
+      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.277 3.584a.5.5 0 0 1 .139.693l-5 7.5a.5.5 0 0 1-.77.077l-3-3a.5.5 0 0 1 .708-.708l2.568 2.57 4.662-6.993a.5.5 0 0 1 .693-.139' fill='black'/%3E%3C/svg%3E");
+      mask-size: contain;
+      mask-repeat: no-repeat;
+      visibility: hidden;
     }
 
     & .toolbar-popup__dropdown-item.active::before {
-      content: '';
-      position: absolute;
-      inset-inline-start: var(--spacer-2-5);
-      top: 50%;
-      width: var(--spacer-1);
-      height: var(--spacer-2);
-      border: solid var(--color-text-onselected-strong);
-      border-width: 0 1px 1px 0;
-      transform: translateY(-60%) rotate(45deg);
+      visibility: visible;
     }
 
     .btn__icon {

package/dist/features/typesServer.d.ts

@@ -58,7 +58,7 @@ export type FeatureProviderServer<UnSanitizedServerFeatureProps = undefined, Ser
         parentIsLocalized: boolean;
         resolvedFeatures: ResolvedServerFeatureMap;
         unSanitizedEditorConfig: ServerEditorConfig;
-    }) => Promise<ServerFeature<ServerFeatureProps, ClientFeatureProps>> | ServerFeature<ServerFeatureProps, ClientFeatureProps>) | ServerFeature<ServerFeatureProps, ClientFeatureProps>;
+    }) => ServerFeature<ServerFeatureProps, ClientFeatureProps>) | ServerFeature<ServerFeatureProps, ClientFeatureProps>;
     key: string;
     /** Props which were passed into your feature will have to be passed here. This will allow them to be used / read in other places of the code, e.g. wherever you can use useEditorConfigContext */
     serverFeatureProps: UnSanitizedServerFeatureProps;

package/dist/features/typesServer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typesServer.d.ts","sourceRoot":"","sources":["../../src/features/typesServer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"typesServer.d.ts","sourceRoot":"","sources":["../../src/features/typesServer.ts"],"names":[],"mappings":"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"}

package/dist/features/typesServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"typesServer.js","names":[],"sources":["../../src/features/typesServer.ts"],"sourcesContent":["import type { Transformer } from '@lexical/markdown'\nimport type { GenericLanguages, I18nClient } from '@payloadcms/translations'\nimport type { JSONSchema4 } from 'json-schema'\nimport type {\n  Klass,\n  LexicalNode,\n  LexicalNodeReplacement,\n  SerializedEditorState,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type {\n  Field,\n  FieldSchemaMap,\n  FieldsToJSONSchemaArgs,\n  ImportMapGenerators,\n  JsonObject,\n  PayloadComponent,\n  PayloadRequest,\n  PopulateType,\n  ReplaceAny,\n  RequestContext,\n  RichTextField,\n  RichTextHooks,\n  SanitizedConfig,\n  TypedFallbackLocale,\n  ValidateOptions,\n  ValidationFieldError,\n} from 'payload'\n\nimport type { ServerEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalRichTextField } from '../types/index.js'\nimport type { ElementNodeSchemaFn } from '../types/jsonSchemaHelpers.js'\nimport type { BaseClientFeatureProps } from './typesClient.js'\n\nexport type PopulationPromise<T extends SerializedLexicalNode = SerializedLexicalNode> = (args: {\n  context: RequestContext\n  currentDepth: number\n  depth: number\n  draft: boolean\n  /**\n   * This maps all population promises to the node type\n   */\n  editorPopulationPromises: Map<string, Array<PopulationPromise>>\n  field: LexicalRichTextField\n  /**\n   * fieldPromises are used for things like field hooks. They will be awaited before awaiting populationPromises\n   */\n  fieldPromises: Promise<void>[]\n  findMany: boolean\n  flattenLocales: boolean\n  node: T\n  overrideAccess: boolean\n  parentIsLocalized: boolean\n  populationPromises: Promise<void>[]\n  req: PayloadRequest\n  showHiddenFields: boolean\n  siblingDoc: JsonObject\n}) => void\n\nexport type NodeValidation<T extends SerializedLexicalNode = SerializedLexicalNode> = ({\n  node,\n  nodeValidations,\n  validation,\n}: {\n  node: T\n  nodeValidations: Map<string, Array<NodeValidation>>\n  validation: {\n    options: ValidateOptions<unknown, unknown, RichTextField, SerializedEditorState>\n    value: SerializedEditorState\n  }\n}) => Promise<string | true> | string | true\n\nexport type FeatureProviderProviderServer<\n  UnSanitizedServerFeatureProps = undefined,\n  ServerFeatureProps = UnSanitizedServerFeatureProps,\n  ClientFeatureProps = undefined,\n> = (\n  props?: UnSanitizedServerFeatureProps,\n) => FeatureProviderServer<UnSanitizedServerFeatureProps, ServerFeatureProps, ClientFeatureProps>\n\nexport type FeatureProviderServer<\n  UnSanitizedServerFeatureProps = undefined,\n  ServerFeatureProps = UnSanitizedServerFeatureProps,\n  ClientFeatureProps = undefined,\n> = {\n  /** Keys of dependencies needed for this feature. These dependencies do not have to be loaded first, but they have to exist, otherwise an error will be thrown. */\n  dependencies?: string[]\n  /**  Keys of priority dependencies needed for this feature. These dependencies have to be loaded first AND have to exist, otherwise an error will be thrown. They will be available in the `feature` property. */\n  dependenciesPriority?: string[]\n  /** Keys of soft-dependencies needed for this feature. These are optional. Payload will attempt to load them before this feature, but doesn't throw an error if that's not possible. */\n  dependenciesSoft?: string[]\n\n  /**\n   * This is being called during the payload sanitization process\n   */\n  feature:\n    | ((props: {\n        config: SanitizedConfig\n        /** unSanitizedEditorConfig.features, but mapped */\n        featureProviderMap: ServerFeatureProviderMap\n        isRoot?: boolean\n        parentIsLocalized: boolean\n        // other resolved features, which have been loaded before this one. All features declared in 'dependencies' should be available here\n        resolvedFeatures: ResolvedServerFeatureMap\n        // unSanitized EditorConfig,\n        unSanitizedEditorConfig: ServerEditorConfig\n      }) =>\n        | Promise<ServerFeature<ServerFeatureProps, ClientFeatureProps>>\n        | ServerFeature<ServerFeatureProps, ClientFeatureProps>)\n    | ServerFeature<ServerFeatureProps, ClientFeatureProps>\n  key: string\n  /** Props which were passed into your feature will have to be passed here. This will allow them to be used / read in other places of the code, e.g. wherever you can use useEditorConfigContext */\n  serverFeatureProps: UnSanitizedServerFeatureProps\n}\n\nexport type AfterReadNodeHookArgs<T extends SerializedLexicalNode> = {\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  currentDepth: number\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  depth: number\n  draft: boolean\n  fallbackLocale: TypedFallbackLocale\n  /**\n   *  Only available in `afterRead` field hooks.\n   */\n  fieldPromises: Promise<void>[]\n  /** Boolean to denote if this hook is running against finding one, or finding many within the afterRead hook. */\n  findMany: boolean\n  flattenLocales: boolean\n  /**\n   * The requested locale.\n   */\n  locale: string\n  overrideAccess: boolean\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  populateArg?: PopulateType\n  /**\n   *  Only available in `afterRead` field hooks.\n   */\n  populationPromises: Promise<void>[]\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  showHiddenFields: boolean\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  triggerAccessControl: boolean\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  triggerHooks: boolean\n}\n\nexport type AfterChangeNodeHookArgs<T extends SerializedLexicalNode> = {\n  /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */\n  operation: 'create' | 'delete' | 'read' | 'update'\n  /** The value of the node before any changes. Not available in afterRead hooks */\n  originalNode: T\n  previousNode: T\n}\nexport type BeforeValidateNodeHookArgs<T extends SerializedLexicalNode> = {\n  /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */\n  operation: 'create' | 'delete' | 'read' | 'update'\n  /** The value of the node before any changes. Not available in afterRead hooks */\n  originalNode: T\n  overrideAccess: boolean\n}\n\nexport type BeforeChangeNodeHookArgs<T extends SerializedLexicalNode> = {\n  /**\n   * Only available in `beforeChange` hooks.\n   */\n  errors: ValidationFieldError[]\n  mergeLocaleActions: (() => Promise<void> | void)[]\n  /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */\n  operation: 'create' | 'delete' | 'read' | 'update'\n  /** The value of the node before any changes. Not available in afterRead hooks */\n  originalNode: T\n  /**\n   * The original node with locales (not modified by any hooks).\n   */\n  originalNodeWithLocales?: T\n  previousNode: T\n\n  skipValidation: boolean\n}\n\nexport type BaseNodeHookArgs<T extends SerializedLexicalNode> = {\n  context: RequestContext\n  /** The value of the node. */\n  node: T\n  parentRichTextFieldPath: (number | string)[]\n  parentRichTextFieldSchemaPath: string[]\n  /** The payload request object. It is mocked for Local API operations. */\n  req: PayloadRequest\n}\n\nexport type AfterReadNodeHook<T extends SerializedLexicalNode> = (\n  args: AfterReadNodeHookArgs<T> & BaseNodeHookArgs<T>,\n) => Promise<T> | T\n\nexport type AfterChangeNodeHook<T extends SerializedLexicalNode> = (\n  args: AfterChangeNodeHookArgs<T> & BaseNodeHookArgs<T>,\n) => Promise<T> | T\n\nexport type BeforeChangeNodeHook<T extends SerializedLexicalNode> = (\n  args: BaseNodeHookArgs<T> & BeforeChangeNodeHookArgs<T>,\n) => Promise<T> | T\n\nexport type BeforeValidateNodeHook<T extends SerializedLexicalNode> = (\n  args: BaseNodeHookArgs<T> & BeforeValidateNodeHookArgs<T>,\n) => Promise<T> | T\n\n/** Arguments passed to each node's `jsonSchema` function. */\nexport type JSONSchemaArgs = {\n  elementNodeSchema: ElementNodeSchemaFn\n  field: LexicalRichTextField\n  /** TS name of the node union - use in `tsType` annotations. */\n  nodeUnionName: string\n} & Pick<\n  FieldsToJSONSchemaArgs,\n  | 'collectionIDFieldTypes'\n  | 'config'\n  | 'i18n'\n  | 'interfaceNameDefinitions'\n  | 'typeStringDefinitions'\n  | 'variant'\n>\n\nexport type JSONSchemaFn = (args: JSONSchemaArgs) => JSONSchema4\n\n// Define the node with hooks that use the node's exportJSON return type\nexport type NodeWithHooks<T extends LexicalNode = any> = {\n  /**\n   * If a node includes sub-fields (e.g. block and link nodes), passing those subFields here will make payload\n   * automatically populate, run hooks, and generate component import maps for them\n   */\n  getSubFields?: (args: {\n    /**\n     * Optional. If not provided, all possible sub-fields should be returned.\n     */\n    node?: ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>\n    req?: PayloadRequest\n  }) => Field[] | null\n  /**\n   * If a node includes sub-fields, the sub-fields data needs to be returned here, alongside `getSubFields` which returns their schema.\n   */\n  getSubFieldsData?: (args: {\n    node: ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>\n    req: PayloadRequest\n  }) => JsonObject\n  /**\n   * Allows you to run population logic when a node's data was requested from graphQL.\n   * While `getSubFields` and `getSubFieldsData` automatically handle populating sub-fields (since they run hooks on them), those are only populated in the Rest API.\n   * This is because the Rest API hooks do not have access to the 'depth' property provided by graphQL.\n   * In order for them to be populated correctly in graphQL, the population logic needs to be provided here.\n   */\n  graphQLPopulationPromises?: Array<\n    PopulationPromise<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>\n  >\n  /**\n   * Just like payload fields, you can provide hooks which are run for this specific node. These are called Node Hooks.\n   */\n  hooks?: {\n    afterChange?: Array<AfterChangeNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n    afterRead?: Array<AfterReadNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n    beforeChange?: Array<BeforeChangeNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n    beforeValidate?: Array<\n      BeforeValidateNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>\n    >\n  }\n  /**\n   * Returns the JSON Schema for this node, plus optional standalone TS\n   * source for helper types its `tsType` annotations reference. Nodes\n   * without this function are omitted from the strictly-typed union.\n   */\n  jsonSchema?: JSONSchemaFn\n  /**\n   * The actual lexical node needs to be provided here. This also supports [lexical node replacements](https://lexical.dev/docs/concepts/node-replacement).\n   */\n  node: Klass<T> | LexicalNodeReplacement\n  /**\n   * This allows you to provide node validations, which are run when your document is being validated, alongside other payload fields.\n   * You can use it to throw a validation error for a specific node in case its data is incorrect.\n   */\n  validations?: Array<NodeValidation<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n}\n\nexport type ServerFeature<ServerProps, ClientFeatureProps> = {\n  ClientFeature?: PayloadComponent<never, BaseClientFeatureProps<ClientFeatureProps>>\n  /**\n   * This determines what props will be available on the Client.\n   */\n  clientFeatureProps?: ClientFeatureProps\n  /**\n   * Adds payload components to the importMap.\n   *\n   * If an object is provided, the imported components will automatically be made available to the client feature, keyed by the object's keys.\n   */\n  componentImports?:\n    | {\n        [key: string]: PayloadComponent\n      }\n    | ImportMapGenerators[0]\n    | PayloadComponent[]\n  generateSchemaMap?: (args: {\n    config: SanitizedConfig\n    field: RichTextField\n    i18n: I18nClient\n    props: ServerProps\n    schemaMap: FieldSchemaMap\n    schemaPath: string\n  }) => FieldSchemaMap | null\n  hooks?: RichTextHooks\n  /**\n   * Here you can provide i18n translations for your feature. These will only be available on the server and client.\n   *\n   * Translations here are automatically scoped to `lexical.featureKey.yourKey`\n   *\n   * @Example\n   * ```ts\n   * i18n: {\n   *   en: {\n   *     label: 'Horizontal Rule',\n   *   },\n   *   de: {\n   *     label: 'Trennlinie',\n   *   },\n   * }\n   * ```\n   * In order to access these translations, you would use `i18n.t('lexical:horizontalRule:label')`.\n   */\n  i18n?: Partial<GenericLanguages>\n  markdownTransformers?: (\n    | ((props: { allNodes: Array<NodeWithHooks>; allTransformers: Transformer[] }) => Transformer)\n    | Transformer\n  )[]\n  nodes?: Array<NodeWithHooks>\n\n  /** Props which were passed into your feature will have to be passed here. This will allow them to be used / read in other places of the code, e.g. wherever you can use useEditorConfigContext */\n  sanitizedServerFeatureProps?: ServerProps\n}\n\nexport type ResolvedServerFeature<ServerProps, ClientFeatureProps> = {\n  order: number\n} & Required<\n  Pick<\n    FeatureProviderServer<ServerProps, ClientFeatureProps>,\n    'dependencies' | 'dependenciesPriority' | 'dependenciesSoft' | 'key'\n  >\n> &\n  ServerFeature<ServerProps, ClientFeatureProps>\n\nexport type ResolvedServerFeatureMap = Map<string, ResolvedServerFeature<any, any>>\n\nexport type ServerFeatureProviderMap = Map<string, FeatureProviderServer<any, any, any>>\n\nexport type SanitizedServerFeatures = {\n  /** The keys of all enabled features */\n  enabledFeatures: string[]\n  /**  The node types mapped to their hooks */\n\n  getSubFields?: Map<\n    string,\n    (args: { node: SerializedLexicalNode; req: PayloadRequest }) => Field[] | null\n  >\n  getSubFieldsData?: Map<\n    string,\n    (args: { node: SerializedLexicalNode; req: PayloadRequest }) => JsonObject\n  >\n  graphQLPopulationPromises: Map<string, Array<PopulationPromise>>\n  hooks: RichTextHooks\n  markdownTransformers: Transformer[]\n  nodeHooks?: {\n    afterChange?: Map<string, Array<AfterChangeNodeHook<SerializedLexicalNode>>>\n    afterRead?: Map<string, Array<AfterReadNodeHook<SerializedLexicalNode>>>\n    beforeChange?: Map<string, Array<BeforeChangeNodeHook<SerializedLexicalNode>>>\n    beforeValidate?: Map<string, Array<BeforeValidateNodeHook<SerializedLexicalNode>>>\n  } /**  The node types mapped to their populationPromises */\n  /**  The node types mapped to their validations */\n  validations: Map<string, Array<NodeValidation>>\n} & Required<Pick<ResolvedServerFeature<any, any>, 'i18n' | 'nodes'>>\n"],"mappings":"AA4WA","ignoreList":[]}
+{"version":3,"file":"typesServer.js","names":[],"sources":["../../src/features/typesServer.ts"],"sourcesContent":["import type { Transformer } from '@lexical/markdown'\nimport type { GenericLanguages, I18nClient } from '@payloadcms/translations'\nimport type { JSONSchema4 } from 'json-schema'\nimport type {\n  Klass,\n  LexicalNode,\n  LexicalNodeReplacement,\n  SerializedEditorState,\n  SerializedLexicalNode,\n} from 'lexical'\nimport type {\n  Field,\n  FieldSchemaMap,\n  FieldsToJSONSchemaArgs,\n  ImportMapGenerators,\n  JsonObject,\n  PayloadComponent,\n  PayloadRequest,\n  PopulateType,\n  ReplaceAny,\n  RequestContext,\n  RichTextField,\n  RichTextHooks,\n  SanitizedConfig,\n  TypedFallbackLocale,\n  ValidateOptions,\n  ValidationFieldError,\n} from 'payload'\n\nimport type { ServerEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalRichTextField } from '../types/index.js'\nimport type { ElementNodeSchemaFn } from '../types/jsonSchemaHelpers.js'\nimport type { BaseClientFeatureProps } from './typesClient.js'\n\nexport type PopulationPromise<T extends SerializedLexicalNode = SerializedLexicalNode> = (args: {\n  context: RequestContext\n  currentDepth: number\n  depth: number\n  draft: boolean\n  /**\n   * This maps all population promises to the node type\n   */\n  editorPopulationPromises: Map<string, Array<PopulationPromise>>\n  field: LexicalRichTextField\n  /**\n   * fieldPromises are used for things like field hooks. They will be awaited before awaiting populationPromises\n   */\n  fieldPromises: Promise<void>[]\n  findMany: boolean\n  flattenLocales: boolean\n  node: T\n  overrideAccess: boolean\n  parentIsLocalized: boolean\n  populationPromises: Promise<void>[]\n  req: PayloadRequest\n  showHiddenFields: boolean\n  siblingDoc: JsonObject\n}) => void\n\nexport type NodeValidation<T extends SerializedLexicalNode = SerializedLexicalNode> = ({\n  node,\n  nodeValidations,\n  validation,\n}: {\n  node: T\n  nodeValidations: Map<string, Array<NodeValidation>>\n  validation: {\n    options: ValidateOptions<unknown, unknown, RichTextField, SerializedEditorState>\n    value: SerializedEditorState\n  }\n}) => Promise<string | true> | string | true\n\nexport type FeatureProviderProviderServer<\n  UnSanitizedServerFeatureProps = undefined,\n  ServerFeatureProps = UnSanitizedServerFeatureProps,\n  ClientFeatureProps = undefined,\n> = (\n  props?: UnSanitizedServerFeatureProps,\n) => FeatureProviderServer<UnSanitizedServerFeatureProps, ServerFeatureProps, ClientFeatureProps>\n\nexport type FeatureProviderServer<\n  UnSanitizedServerFeatureProps = undefined,\n  ServerFeatureProps = UnSanitizedServerFeatureProps,\n  ClientFeatureProps = undefined,\n> = {\n  /** Keys of dependencies needed for this feature. These dependencies do not have to be loaded first, but they have to exist, otherwise an error will be thrown. */\n  dependencies?: string[]\n  /**  Keys of priority dependencies needed for this feature. These dependencies have to be loaded first AND have to exist, otherwise an error will be thrown. They will be available in the `feature` property. */\n  dependenciesPriority?: string[]\n  /** Keys of soft-dependencies needed for this feature. These are optional. Payload will attempt to load them before this feature, but doesn't throw an error if that's not possible. */\n  dependenciesSoft?: string[]\n\n  /**\n   * This is being called during the payload sanitization process\n   */\n  feature:\n    | ((props: {\n        config: SanitizedConfig\n        /** unSanitizedEditorConfig.features, but mapped */\n        featureProviderMap: ServerFeatureProviderMap\n        isRoot?: boolean\n        parentIsLocalized: boolean\n        // other resolved features, which have been loaded before this one. All features declared in 'dependencies' should be available here\n        resolvedFeatures: ResolvedServerFeatureMap\n        // unSanitized EditorConfig,\n        unSanitizedEditorConfig: ServerEditorConfig\n      }) => ServerFeature<ServerFeatureProps, ClientFeatureProps>)\n    | ServerFeature<ServerFeatureProps, ClientFeatureProps>\n  key: string\n  /** Props which were passed into your feature will have to be passed here. This will allow them to be used / read in other places of the code, e.g. wherever you can use useEditorConfigContext */\n  serverFeatureProps: UnSanitizedServerFeatureProps\n}\n\nexport type AfterReadNodeHookArgs<T extends SerializedLexicalNode> = {\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  currentDepth: number\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  depth: number\n  draft: boolean\n  fallbackLocale: TypedFallbackLocale\n  /**\n   *  Only available in `afterRead` field hooks.\n   */\n  fieldPromises: Promise<void>[]\n  /** Boolean to denote if this hook is running against finding one, or finding many within the afterRead hook. */\n  findMany: boolean\n  flattenLocales: boolean\n  /**\n   * The requested locale.\n   */\n  locale: string\n  overrideAccess: boolean\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  populateArg?: PopulateType\n  /**\n   *  Only available in `afterRead` field hooks.\n   */\n  populationPromises: Promise<void>[]\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  showHiddenFields: boolean\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  triggerAccessControl: boolean\n  /**\n   * Only available in `afterRead` hooks.\n   */\n  triggerHooks: boolean\n}\n\nexport type AfterChangeNodeHookArgs<T extends SerializedLexicalNode> = {\n  /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */\n  operation: 'create' | 'delete' | 'read' | 'update'\n  /** The value of the node before any changes. Not available in afterRead hooks */\n  originalNode: T\n  previousNode: T\n}\nexport type BeforeValidateNodeHookArgs<T extends SerializedLexicalNode> = {\n  /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */\n  operation: 'create' | 'delete' | 'read' | 'update'\n  /** The value of the node before any changes. Not available in afterRead hooks */\n  originalNode: T\n  overrideAccess: boolean\n}\n\nexport type BeforeChangeNodeHookArgs<T extends SerializedLexicalNode> = {\n  /**\n   * Only available in `beforeChange` hooks.\n   */\n  errors: ValidationFieldError[]\n  mergeLocaleActions: (() => Promise<void> | void)[]\n  /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */\n  operation: 'create' | 'delete' | 'read' | 'update'\n  /** The value of the node before any changes. Not available in afterRead hooks */\n  originalNode: T\n  /**\n   * The original node with locales (not modified by any hooks).\n   */\n  originalNodeWithLocales?: T\n  previousNode: T\n\n  skipValidation: boolean\n}\n\nexport type BaseNodeHookArgs<T extends SerializedLexicalNode> = {\n  context: RequestContext\n  /** The value of the node. */\n  node: T\n  parentRichTextFieldPath: (number | string)[]\n  parentRichTextFieldSchemaPath: string[]\n  /** The payload request object. It is mocked for Local API operations. */\n  req: PayloadRequest\n}\n\nexport type AfterReadNodeHook<T extends SerializedLexicalNode> = (\n  args: AfterReadNodeHookArgs<T> & BaseNodeHookArgs<T>,\n) => Promise<T> | T\n\nexport type AfterChangeNodeHook<T extends SerializedLexicalNode> = (\n  args: AfterChangeNodeHookArgs<T> & BaseNodeHookArgs<T>,\n) => Promise<T> | T\n\nexport type BeforeChangeNodeHook<T extends SerializedLexicalNode> = (\n  args: BaseNodeHookArgs<T> & BeforeChangeNodeHookArgs<T>,\n) => Promise<T> | T\n\nexport type BeforeValidateNodeHook<T extends SerializedLexicalNode> = (\n  args: BaseNodeHookArgs<T> & BeforeValidateNodeHookArgs<T>,\n) => Promise<T> | T\n\n/** Arguments passed to each node's `jsonSchema` function. */\nexport type JSONSchemaArgs = {\n  elementNodeSchema: ElementNodeSchemaFn\n  field: LexicalRichTextField\n  /** TS name of the node union - use in `tsType` annotations. */\n  nodeUnionName: string\n} & Pick<\n  FieldsToJSONSchemaArgs,\n  | 'collectionIDFieldTypes'\n  | 'config'\n  | 'i18n'\n  | 'interfaceNameDefinitions'\n  | 'typeStringDefinitions'\n  | 'variant'\n>\n\nexport type JSONSchemaFn = (args: JSONSchemaArgs) => JSONSchema4\n\n// Define the node with hooks that use the node's exportJSON return type\nexport type NodeWithHooks<T extends LexicalNode = any> = {\n  /**\n   * If a node includes sub-fields (e.g. block and link nodes), passing those subFields here will make payload\n   * automatically populate, run hooks, and generate component import maps for them\n   */\n  getSubFields?: (args: {\n    /**\n     * Optional. If not provided, all possible sub-fields should be returned.\n     */\n    node?: ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>\n    req?: PayloadRequest\n  }) => Field[] | null\n  /**\n   * If a node includes sub-fields, the sub-fields data needs to be returned here, alongside `getSubFields` which returns their schema.\n   */\n  getSubFieldsData?: (args: {\n    node: ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>\n    req: PayloadRequest\n  }) => JsonObject\n  /**\n   * Allows you to run population logic when a node's data was requested from graphQL.\n   * While `getSubFields` and `getSubFieldsData` automatically handle populating sub-fields (since they run hooks on them), those are only populated in the Rest API.\n   * This is because the Rest API hooks do not have access to the 'depth' property provided by graphQL.\n   * In order for them to be populated correctly in graphQL, the population logic needs to be provided here.\n   */\n  graphQLPopulationPromises?: Array<\n    PopulationPromise<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>\n  >\n  /**\n   * Just like payload fields, you can provide hooks which are run for this specific node. These are called Node Hooks.\n   */\n  hooks?: {\n    afterChange?: Array<AfterChangeNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n    afterRead?: Array<AfterReadNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n    beforeChange?: Array<BeforeChangeNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n    beforeValidate?: Array<\n      BeforeValidateNodeHook<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>\n    >\n  }\n  /**\n   * Returns the JSON Schema for this node, plus optional standalone TS\n   * source for helper types its `tsType` annotations reference. Nodes\n   * without this function are omitted from the strictly-typed union.\n   */\n  jsonSchema?: JSONSchemaFn\n  /**\n   * The actual lexical node needs to be provided here. This also supports [lexical node replacements](https://lexical.dev/docs/concepts/node-replacement).\n   */\n  node: Klass<T> | LexicalNodeReplacement\n  /**\n   * This allows you to provide node validations, which are run when your document is being validated, alongside other payload fields.\n   * You can use it to throw a validation error for a specific node in case its data is incorrect.\n   */\n  validations?: Array<NodeValidation<ReturnType<ReplaceAny<T, LexicalNode>['exportJSON']>>>\n}\n\nexport type ServerFeature<ServerProps, ClientFeatureProps> = {\n  ClientFeature?: PayloadComponent<never, BaseClientFeatureProps<ClientFeatureProps>>\n  /**\n   * This determines what props will be available on the Client.\n   */\n  clientFeatureProps?: ClientFeatureProps\n  /**\n   * Adds payload components to the importMap.\n   *\n   * If an object is provided, the imported components will automatically be made available to the client feature, keyed by the object's keys.\n   */\n  componentImports?:\n    | {\n        [key: string]: PayloadComponent\n      }\n    | ImportMapGenerators[0]\n    | PayloadComponent[]\n  generateSchemaMap?: (args: {\n    config: SanitizedConfig\n    field: RichTextField\n    i18n: I18nClient\n    props: ServerProps\n    schemaMap: FieldSchemaMap\n    schemaPath: string\n  }) => FieldSchemaMap | null\n  hooks?: RichTextHooks\n  /**\n   * Here you can provide i18n translations for your feature. These will only be available on the server and client.\n   *\n   * Translations here are automatically scoped to `lexical.featureKey.yourKey`\n   *\n   * @Example\n   * ```ts\n   * i18n: {\n   *   en: {\n   *     label: 'Horizontal Rule',\n   *   },\n   *   de: {\n   *     label: 'Trennlinie',\n   *   },\n   * }\n   * ```\n   * In order to access these translations, you would use `i18n.t('lexical:horizontalRule:label')`.\n   */\n  i18n?: Partial<GenericLanguages>\n  markdownTransformers?: (\n    | ((props: { allNodes: Array<NodeWithHooks>; allTransformers: Transformer[] }) => Transformer)\n    | Transformer\n  )[]\n  nodes?: Array<NodeWithHooks>\n\n  /** Props which were passed into your feature will have to be passed here. This will allow them to be used / read in other places of the code, e.g. wherever you can use useEditorConfigContext */\n  sanitizedServerFeatureProps?: ServerProps\n}\n\nexport type ResolvedServerFeature<ServerProps, ClientFeatureProps> = {\n  order: number\n} & Required<\n  Pick<\n    FeatureProviderServer<ServerProps, ClientFeatureProps>,\n    'dependencies' | 'dependenciesPriority' | 'dependenciesSoft' | 'key'\n  >\n> &\n  ServerFeature<ServerProps, ClientFeatureProps>\n\nexport type ResolvedServerFeatureMap = Map<string, ResolvedServerFeature<any, any>>\n\nexport type ServerFeatureProviderMap = Map<string, FeatureProviderServer<any, any, any>>\n\nexport type SanitizedServerFeatures = {\n  /** The keys of all enabled features */\n  enabledFeatures: string[]\n  /**  The node types mapped to their hooks */\n\n  getSubFields?: Map<\n    string,\n    (args: { node: SerializedLexicalNode; req: PayloadRequest }) => Field[] | null\n  >\n  getSubFieldsData?: Map<\n    string,\n    (args: { node: SerializedLexicalNode; req: PayloadRequest }) => JsonObject\n  >\n  graphQLPopulationPromises: Map<string, Array<PopulationPromise>>\n  hooks: RichTextHooks\n  markdownTransformers: Transformer[]\n  nodeHooks?: {\n    afterChange?: Map<string, Array<AfterChangeNodeHook<SerializedLexicalNode>>>\n    afterRead?: Map<string, Array<AfterReadNodeHook<SerializedLexicalNode>>>\n    beforeChange?: Map<string, Array<BeforeChangeNodeHook<SerializedLexicalNode>>>\n    beforeValidate?: Map<string, Array<BeforeValidateNodeHook<SerializedLexicalNode>>>\n  } /**  The node types mapped to their populationPromises */\n  /**  The node types mapped to their validations */\n  validations: Map<string, Array<NodeValidation>>\n} & Required<Pick<ResolvedServerFeature<any, any>, 'i18n' | 'nodes'>>\n"],"mappings":"AA0WA","ignoreList":[]}

package/dist/features/upload/client/component/index.js

@@ -13,6 +13,7 @@ import { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js';
 import { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
+import { $isUploadNode } from '../nodes/UploadNode.js';
 import './index.css';
 const initialParams = {
   depth: 0
@@ -133,7 +134,7 @@ export const UploadComponent = props => {
     // Update lexical node (with key nodeKey) with new data
     editor.update(() => {
       const uploadNode = $getNodeByKey(nodeKey);
-      if (uploadNode) {
+      if ($isUploadNode(uploadNode)) {
         const newData = {
           ...uploadNode.getData(),
           fields: data_0

package/dist/features/upload/client/component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","formatDrawerSlug","Pill","Thumbnail","useConfig","useEditDepth","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","$isRangeSelection","formatAdminURL","isImage","React","useCallback","useEffect","useId","useReducer","useRef","useState","useEditorConfigContext","FieldsDrawer","useLexicalDocumentDrawer","useLexicalDrawer","INSERT_UPLOAD_WITH_DRAWER_COMMAND","initialParams","depth","UploadComponent","props","className","baseClass","data","fields","relationTo","value","format","nodeKey","Error","config","routes","api","serverURL","getEntityConfig","uploadRef","uuid","editDepth","editor","editorConfig","fieldProps","schemaPath","isEditable","i18n","t","isSelected","setIsSelected","cacheBust","dispatchCacheBust","state","relatedCollection","collectionSlug","componentID","extraFieldsDrawerSlug","slug","toggleDrawer","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","id","setParams","apiRoute","path","thumbnailSRC","thumbnailURL","url","registerUpdateListener","editorState","read","selection","has","nodes","getNodes","some","node","getKey","outerEl","current","closest","classList","toggle","removeUpload","update","remove","updateUpload","_data","hasExtraFields","resolvedFeatureMap","get","sanitizedClientFeatureProps","collections","onExtraFieldsDrawerSubmit","_","uploadNode","newData","getData","setData","aspectRatio","width","height","_jsxs","undefined","filename","ref","_jsx","fileSrc","mimeType","size","pillStyle","labels","singular","buttonStyle","disabled","el","icon","onClick","round","tooltip","dispatchCommand","replace","e","preventDefault","onSave","drawerSlug","drawerTitle","label","featureKey","handleDrawerSubmit","schemaPathSuffix"],"sources":["../../../../../src/features/upload/client/component/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Data, FormState, JsonObject } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  formatDrawerSlug,\n  Pill,\n  Thumbnail,\n  useConfig,\n  useEditDepth,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  $isRangeSelection,\n  type ElementFormatType,\n} from 'lexical'\nimport { formatAdminURL, isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useId, useReducer, useRef, useState } from 'react'\n\nimport type { BaseClientFeatureProps } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/schema.js'\nimport type { UploadFeaturePropsClient } from '../index.js'\nimport type { UploadNode } from '../nodes/UploadNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport './index.css'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  className: string\n  data: UploadData\n  format?: ElementFormatType\n  nodeKey: string\n}\n\nexport const UploadComponent: React.FC<ElementProps> = (props) => {\n  const {\n    className: baseClass,\n    data: { fields, relationTo, value },\n    format,\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.',\n    )\n  }\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n\n  const {\n    editorConfig,\n    fieldProps: { schemaPath },\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation()\n  const [isSelected, setIsSelected] = useState(false)\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    getEntityConfig({ collectionSlug: relationTo }),\n  )\n\n  const componentID = useId()\n\n  const extraFieldsDrawerSlug = formatDrawerSlug({\n    slug: `lexical-upload-drawer-` + uuid + componentID, // There can be multiple upload components, each with their own drawer, in one single editor => separate them by componentID\n    depth: editDepth,\n  })\n\n  // Need to use hook to initialize useEffect that restores cursor position\n  const { toggleDrawer } = useLexicalDrawer(extraFieldsDrawerSlug, true)\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection()\n\n        if ($isNodeSelection(selection)) {\n          setIsSelected(selection.has(nodeKey))\n        } else if ($isRangeSelection(selection)) {\n          const nodes = selection.getNodes()\n          setIsSelected(nodes.some((node) => node.getKey() === nodeKey))\n        } else {\n          setIsSelected(false)\n        }\n      })\n    })\n  }, [editor, nodeKey])\n\n  useEffect(() => {\n    const outerEl = uploadRef.current?.closest(`.${baseClass}`)\n\n    if (outerEl) {\n      outerEl.classList.toggle(`${baseClass}--selected`, isSelected)\n    }\n  }, [isSelected, baseClass])\n\n  const removeUpload = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateUpload = useCallback(\n    (_data: Data) => {\n      setParams({\n        ...initialParams,\n        cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n      })\n\n      dispatchCacheBust()\n      closeDocumentDrawer()\n    },\n    [setParams, cacheBust, closeDocumentDrawer],\n  )\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as BaseClientFeatureProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  const onExtraFieldsDrawerSubmit = useCallback(\n    (_: FormState, data: JsonObject) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode: null | UploadNode = $getNodeByKey(nodeKey)\n        if (uploadNode) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n    },\n    [editor, nodeKey],\n  )\n\n  const aspectRatio =\n    thumbnailSRC && data?.width && data?.height\n      ? data.width > data.height\n        ? 'landscape'\n        : 'portrait'\n      : 'landscape'\n\n  return (\n    <div\n      className={`${baseClass}__contents ${baseClass}__contents--${aspectRatio}`}\n      data-align={format || undefined}\n      data-filename={data?.filename}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__media`}>\n          <Thumbnail\n            collectionSlug={relationTo}\n            fileSrc={isImage(data?.mimeType) ? thumbnailSRC : null}\n            height={data?.height}\n            size=\"none\"\n            width={data?.width}\n          />\n\n          {isEditable && (\n            <div className={`${baseClass}__floater`} data-theme=\"dark\">\n              <Pill className={`${baseClass}__collectionLabel`} pillStyle=\"dark\" size=\"small\">\n                {getTranslation(relatedCollection.labels.singular, i18n)}\n              </Pill>\n\n              <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n                <span className={`${baseClass}__filename`}>\n                  {data?.filename || t('general:untitled')}\n                </span>\n              </DocumentDrawerToggler>\n\n              {hasExtraFields ? (\n                <Button\n                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={!isEditable}\n                  el=\"button\"\n                  icon=\"write\"\n                  onClick={toggleDrawer}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:editRelationship')}\n                />\n              ) : null}\n\n              <div className={`${baseClass}__divider`} />\n\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__swap-drawer-toggler`}\n                disabled={!isEditable}\n                el=\"button\"\n                icon=\"swap\"\n                onClick={() => {\n                  editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                    replace: { nodeKey },\n                  })\n                }}\n                round\n                size=\"medium\"\n                tooltip={t('fields:swapUpload')}\n              />\n\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__removeButton`}\n                disabled={!isEditable}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                size=\"medium\"\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n\n      {value ? <DocumentDrawer onSave={updateUpload} /> : null}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={extraFieldsDrawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPath={schemaPath}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","formatDrawerSlug","Pill","Thumbnail","useConfig","useEditDepth","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","$isRangeSelection","formatAdminURL","isImage","React","useCallback","useEffect","useId","useReducer","useRef","useState","useEditorConfigContext","FieldsDrawer","useLexicalDocumentDrawer","useLexicalDrawer","INSERT_UPLOAD_WITH_DRAWER_COMMAND","$isUploadNode","initialParams","depth","UploadComponent","props","className","baseClass","data","fields","relationTo","value","format","nodeKey","Error","config","routes","api","serverURL","getEntityConfig","uploadRef","uuid","editDepth","editor","editorConfig","fieldProps","schemaPath","isEditable","i18n","t","isSelected","setIsSelected","cacheBust","dispatchCacheBust","state","relatedCollection","collectionSlug","componentID","extraFieldsDrawerSlug","slug","toggleDrawer","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","id","setParams","apiRoute","path","thumbnailSRC","thumbnailURL","url","registerUpdateListener","editorState","read","selection","has","nodes","getNodes","some","node","getKey","outerEl","current","closest","classList","toggle","removeUpload","update","remove","updateUpload","_data","hasExtraFields","resolvedFeatureMap","get","sanitizedClientFeatureProps","collections","onExtraFieldsDrawerSubmit","_","uploadNode","newData","getData","setData","aspectRatio","width","height","_jsxs","undefined","filename","ref","_jsx","fileSrc","mimeType","size","pillStyle","labels","singular","buttonStyle","disabled","el","icon","onClick","round","tooltip","dispatchCommand","replace","e","preventDefault","onSave","drawerSlug","drawerTitle","label","featureKey","handleDrawerSubmit","schemaPathSuffix"],"sources":["../../../../../src/features/upload/client/component/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Data, FormState, JsonObject } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  formatDrawerSlug,\n  Pill,\n  Thumbnail,\n  useConfig,\n  useEditDepth,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  $isRangeSelection,\n  type ElementFormatType,\n} from 'lexical'\nimport { formatAdminURL, isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useId, useReducer, useRef, useState } from 'react'\n\nimport type { BaseClientFeatureProps } from '../../../typesClient.js'\nimport type { UploadData } from '../../server/schema.js'\nimport type { UploadFeaturePropsClient } from '../index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { INSERT_UPLOAD_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\nimport { $isUploadNode } from '../nodes/UploadNode.js'\nimport './index.css'\n\nconst initialParams = {\n  depth: 0,\n}\n\nexport type ElementProps = {\n  className: string\n  data: UploadData\n  format?: ElementFormatType\n  nodeKey: string\n}\n\nexport const UploadComponent: React.FC<ElementProps> = (props) => {\n  const {\n    className: baseClass,\n    data: { fields, relationTo, value },\n    format,\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.',\n    )\n  }\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const uploadRef = useRef<HTMLDivElement | null>(null)\n  const { uuid } = useEditorConfigContext()\n  const editDepth = useEditDepth()\n  const [editor] = useLexicalComposerContext()\n\n  const {\n    editorConfig,\n    fieldProps: { schemaPath },\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n  const { i18n, t } = useTranslation()\n  const [isSelected, setIsSelected] = useState(false)\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [relatedCollection] = useState<ClientCollectionConfig>(() =>\n    getEntityConfig({ collectionSlug: relationTo }),\n  )\n\n  const componentID = useId()\n\n  const extraFieldsDrawerSlug = formatDrawerSlug({\n    slug: `lexical-upload-drawer-` + uuid + componentID, // There can be multiple upload components, each with their own drawer, in one single editor => separate them by componentID\n    depth: editDepth,\n  })\n\n  // Need to use hook to initialize useEffect that restores cursor position\n  const { toggleDrawer } = useLexicalDrawer(extraFieldsDrawerSlug, true)\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  // Get the referenced document\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n    { initialParams },\n  )\n\n  const thumbnailSRC = data?.thumbnailURL || data?.url\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection()\n\n        if ($isNodeSelection(selection)) {\n          setIsSelected(selection.has(nodeKey))\n        } else if ($isRangeSelection(selection)) {\n          const nodes = selection.getNodes()\n          setIsSelected(nodes.some((node) => node.getKey() === nodeKey))\n        } else {\n          setIsSelected(false)\n        }\n      })\n    })\n  }, [editor, nodeKey])\n\n  useEffect(() => {\n    const outerEl = uploadRef.current?.closest(`.${baseClass}`)\n\n    if (outerEl) {\n      outerEl.classList.toggle(`${baseClass}--selected`, isSelected)\n    }\n  }, [isSelected, baseClass])\n\n  const removeUpload = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateUpload = useCallback(\n    (_data: Data) => {\n      setParams({\n        ...initialParams,\n        cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n      })\n\n      dispatchCacheBust()\n      closeDocumentDrawer()\n    },\n    [setParams, cacheBust, closeDocumentDrawer],\n  )\n\n  const hasExtraFields = (\n    editorConfig?.resolvedFeatureMap?.get('upload')\n      ?.sanitizedClientFeatureProps as BaseClientFeatureProps<UploadFeaturePropsClient>\n  ).collections?.[relatedCollection.slug]?.hasExtraFields\n\n  const onExtraFieldsDrawerSubmit = useCallback(\n    (_: FormState, data: JsonObject) => {\n      // Update lexical node (with key nodeKey) with new data\n      editor.update(() => {\n        const uploadNode = $getNodeByKey(nodeKey)\n        if ($isUploadNode(uploadNode)) {\n          const newData: UploadData = {\n            ...uploadNode.getData(),\n            fields: data,\n          }\n          uploadNode.setData(newData)\n        }\n      })\n    },\n    [editor, nodeKey],\n  )\n\n  const aspectRatio =\n    thumbnailSRC && data?.width && data?.height\n      ? data.width > data.height\n        ? 'landscape'\n        : 'portrait'\n      : 'landscape'\n\n  return (\n    <div\n      className={`${baseClass}__contents ${baseClass}__contents--${aspectRatio}`}\n      data-align={format || undefined}\n      data-filename={data?.filename}\n      ref={uploadRef}\n    >\n      <div className={`${baseClass}__card`}>\n        <div className={`${baseClass}__media`}>\n          <Thumbnail\n            collectionSlug={relationTo}\n            fileSrc={isImage(data?.mimeType) ? thumbnailSRC : null}\n            height={data?.height}\n            size=\"none\"\n            width={data?.width}\n          />\n\n          {isEditable && (\n            <div className={`${baseClass}__floater`} data-theme=\"dark\">\n              <Pill className={`${baseClass}__collectionLabel`} pillStyle=\"dark\" size=\"small\">\n                {getTranslation(relatedCollection.labels.singular, i18n)}\n              </Pill>\n\n              <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n                <span className={`${baseClass}__filename`}>\n                  {data?.filename || t('general:untitled')}\n                </span>\n              </DocumentDrawerToggler>\n\n              {hasExtraFields ? (\n                <Button\n                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__upload-drawer-toggler`}\n                  disabled={!isEditable}\n                  el=\"button\"\n                  icon=\"write\"\n                  onClick={toggleDrawer}\n                  round\n                  size=\"medium\"\n                  tooltip={t('fields:editRelationship')}\n                />\n              ) : null}\n\n              <div className={`${baseClass}__divider`} />\n\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__swap-drawer-toggler`}\n                disabled={!isEditable}\n                el=\"button\"\n                icon=\"swap\"\n                onClick={() => {\n                  editor.dispatchCommand(INSERT_UPLOAD_WITH_DRAWER_COMMAND, {\n                    replace: { nodeKey },\n                  })\n                }}\n                round\n                size=\"medium\"\n                tooltip={t('fields:swapUpload')}\n              />\n\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__removeButton`}\n                disabled={!isEditable}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  removeUpload()\n                }}\n                round\n                size=\"medium\"\n                tooltip={t('fields:removeUpload')}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n\n      {value ? <DocumentDrawer onSave={updateUpload} /> : null}\n      {hasExtraFields ? (\n        <FieldsDrawer\n          data={fields}\n          drawerSlug={extraFieldsDrawerSlug}\n          drawerTitle={t('general:editLabel', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n          featureKey=\"upload\"\n          handleDrawerSubmit={onExtraFieldsDrawerSubmit}\n          schemaPath={schemaPath}\n          schemaPathSuffix={relatedCollection.slug}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}