@payloadcms/ui 4.0.0-canary.36 → 4.0.0-canary.38

package/dist/elements/Popup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PopupList","React","createContext","use","useCallback","useEffect","useRef","useState","createPortal","useEffectEvent","ThemeProvider","PopupTrigger","baseClass","PopupContext","TABBABLE_SELECTOR","map","s","join","hasFixedAncestor","element","node","parentElement","document","body","window","getComputedStyle","position","Popup","props","id","button","buttonAriaLabel","buttonClassName","buttonSize","buttonType","caret","children","className","disabled","forceOpen","horizontalAlign","initActive","noBackground","onToggleClose","onToggleOpen","portalClassName","render","renderButton","showOnHover","showScrollbar","side","size","theme","verticalAlign","popupRef","triggerRef","isFixedRef","openedViaKeyboardRef","parentPopup","mounted","setMounted","active","setActiveInternal","isOnTop","setIsOnTop","setActive","isActive","viaKeyboard","current","updatePosition","trigger","popup","triggerRect","getBoundingClientRect","popupRect","useFixed","scrollY","scrollX","offset","sideOffset","top","left","caretLeft","maxTop","innerHeight","height","Math","max","min","anchorRect","width","right","innerWidth","onTop","bottom","topIfAbove","triggerCenter","newTop","round","newLeft","newCaretLeft","newPosition","style","getPropertyValue","setProperty","handleClickOutside","e","target","isOutsidePopup","contains","isOutsideTrigger","clickedPopupContent","closest","isInsideChildPopup","handleKeyDown","key","preventDefault","querySelector","focus","focusable","Array","from","querySelectorAll","length","currentIndex","findIndex","el","activeElement","goBackward","shiftKey","nextIndex","handleActionableClick","actionable","rafId","requestAnimationFrame","firstFocusable","addEventListener","capture","passive","cancelAnimationFrame","removeEventListener","undefined","Trigger","_jsx","_jsxs","filter","Boolean","ref","onMouseEnter","onMouseLeave","role","tabIndex","value","_Fragment","close"],"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport React, { createContext, use, useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ThemeProvider } from '../../providers/Theme/index.js'\nimport './index.css'\nimport { PopupTrigger } from './PopupTrigger/index.js'\n\nconst baseClass = 'popup'\n\ntype PopupContextValue = {\n  popupRef: React.RefObject<HTMLDivElement | null>\n}\n\nconst PopupContext = createContext<null | PopupContextValue>(null)\n\n/**\n * Selector for all elements the browser considers tabbable.\n */\nconst TABBABLE_SELECTOR = [\n  'a[href]',\n  'button:not(:disabled)',\n  'input:not(:disabled):not([type=\"hidden\"])',\n  'select:not(:disabled)',\n  'textarea:not(:disabled)',\n  '[tabindex]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  'audio[controls]',\n  'video[controls]',\n  'summary',\n]\n  .map((s) => `${s}:not([tabindex=\"-1\"])`)\n  .join(', ')\n\n/**\n * Returns whether the element has a `position: fixed` ancestor (e.g. an open Drawer).\n * Such popups must be positioned with `fixed` so they don't drift when the background scrolls.\n */\nconst hasFixedAncestor = (element: HTMLElement | null): boolean => {\n  let node = element?.parentElement\n  while (node && node !== document.body) {\n    if (window.getComputedStyle(node).position === 'fixed') {\n      return true\n    }\n    node = node.parentElement\n  }\n  return false\n}\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.RefObject<HTMLElement>\n  button?: React.ReactNode\n  /**\n   * Accessible label for the trigger button.\n   * Necessary when the button has an icon-only content,\n   * so the button has an accessible name for screen readers.\n   */\n  buttonAriaLabel?: string\n  /**\n   * The class name to apply to the button that triggers the popup.\n   */\n  buttonClassName?: string\n  buttonSize?: 'large' | 'medium'\n  buttonType?: 'custom' | 'default'\n  caret?: boolean\n  children?: React.ReactNode\n  /**\n   * The class name to apply to the popup container containing the trigger.\n   * This does not wrap the actual popup content, which is rendered in a portal.\n   */\n  className?: string\n  disabled?: boolean\n  /**\n   * Force control the open state of the popup, regardless of the trigger.\n   */\n  forceOpen?: boolean\n  /**\n   * Preferred horizontal alignment of the popup, if there is enough space available.\n   *\n   * @default 'left'\n   */\n  horizontalAlign?: 'center' | 'left' | 'right'\n  id?: string\n  initActive?: boolean\n  noBackground?: boolean\n  onToggleClose?: () => void\n  onToggleOpen?: (active: boolean) => void\n  /**\n   * Class name to apply to the portal container.\n   */\n  portalClassName?: string\n  render?: (args: { close: () => void }) => React.ReactNode\n  /**\n   * Render prop for custom trigger button. Receives onClick/onKeyDown/aria props.\n   * When provided, `button` and `buttonType` are ignored.\n   */\n  renderButton?: (props: {\n    active: boolean\n    'aria-expanded': boolean\n    'aria-haspopup': true\n    onClick: React.MouseEventHandler\n    onKeyDown: React.KeyboardEventHandler\n  }) => React.ReactNode\n  showOnHover?: boolean\n  /**\n   * By default, the scrollbar is hidden. If you want to show it, set this to true.\n   * In both cases, the container is still scrollable.\n   *\n   * @default false\n   */\n  showScrollbar?: boolean\n  /**\n   * Position the popup to the side of the trigger instead of above/below.\n   * The popup's top edge aligns with the trigger's top edge (with viewport clamping).\n   * Automatically flips to the opposite side if there is not enough space.\n   * When set, `verticalAlign`, `horizontalAlign`, and the caret are ignored.\n   */\n  side?: 'left' | 'right'\n  size?: 'fit-content' | 'large' | 'small'\n  /**\n   * Theme for the popup content. Defaults to 'dark'.\n   * Set to 'auto' to inherit the current theme.\n   *\n   * @default 'dark'\n   */\n  theme?: 'auto' | 'dark' | 'light'\n  /**\n   * Preferred vertical alignment of the popup (position below or above the trigger),\n   * if there is enough space available.\n   *\n   * If the popup is too close to the edge of the viewport, it will flip to the opposite side\n   * regardless of the preferred vertical alignment.\n   *\n   * @default 'bottom'\n   */\n  verticalAlign?: 'bottom' | 'top'\n}\n\n/**\n * Component that renders a popup, as well as a button that triggers the popup.\n *\n * The popup is rendered in a portal, and is automatically positioned above / below the trigger,\n * depending on the verticalAlign prop and the space available.\n */\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    id,\n    button,\n    buttonAriaLabel,\n    buttonClassName,\n    buttonSize,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    disabled,\n    forceOpen,\n    horizontalAlign = 'left',\n    initActive = false,\n    noBackground,\n    onToggleClose,\n    onToggleOpen,\n    portalClassName,\n    render,\n    renderButton,\n    showOnHover = false,\n    showScrollbar = false,\n    side,\n    size = 'fit-content',\n    theme = 'dark',\n    verticalAlign = 'bottom',\n  } = props\n\n  const popupRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n\n  /**\n   * Whether the trigger is inside a `position: fixed` ancestor (e.g. a Drawer),\n   * in which case the popup is positioned with `fixed` instead of `absolute`.\n   */\n  const isFixedRef = useRef(false)\n\n  /**\n   * Keeps track of whether the popup was opened via keyboard.\n   * This is used to determine whether to autofocus the first element in the popup.\n   * If the popup was opened via mouse, we do not want to autofocus the first element.\n   */\n  const openedViaKeyboardRef = useRef(false)\n\n  const parentPopup = use(PopupContext)\n\n  const [mounted, setMounted] = useState(false)\n  const [active, setActiveInternal] = useState(initActive)\n  const [isOnTop, setIsOnTop] = useState(verticalAlign === 'top')\n\n  // Track when component is mounted to avoid SSR/client hydration mismatch\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const setActive = useCallback(\n    (isActive: boolean, viaKeyboard = false) => {\n      if (isActive) {\n        openedViaKeyboardRef.current = viaKeyboard\n        onToggleOpen?.(true)\n      } else {\n        onToggleClose?.()\n      }\n      setActiveInternal(isActive)\n    },\n    [onToggleClose, onToggleOpen],\n  )\n\n  // /////////////////////////////////////\n  // Position Calculation\n  //\n  // Calculates and applies popup position relative to trigger.\n  // Always checks viewport bounds (for flipping), but only updates\n  // styles if the calculated position differs from current position.\n  // /////////////////////////////////////\n\n  const updatePosition = useEffectEvent(() => {\n    const trigger = triggerRef.current\n    const popup = popupRef.current\n    if (!trigger || !popup) {\n      return\n    }\n\n    const triggerRect = trigger.getBoundingClientRect()\n    const popupRect = popup.getBoundingClientRect()\n\n    // Inside a fixed ancestor, use `fixed` (no scroll offset) so background scrolling\n    // doesn't shift the popup. Otherwise use page coordinates (absolute).\n    const useFixed = isFixedRef.current\n    const scrollY = useFixed ? 0 : window.scrollY\n    const scrollX = useFixed ? 0 : window.scrollX\n\n    // Gap between the popup and the trigger/viewport edges (in pixels)\n    const offset = 8\n    // Additional gap used in side mode so the child popup has breathing room from its parent\n    const sideOffset = 4\n\n    let top: number\n    let left: number\n    let caretLeft: number\n\n    if (side) {\n      // /////////////////////////////////////\n      // Side Positioning\n      // Places the popup to the left or right of the parent popup (not just the trigger),\n      // top-aligned with the trigger. Flips to the opposite side if there is not enough\n      // viewport space.\n      // /////////////////////////////////////\n\n      // Top: align with trigger top, clamped to viewport\n      top = triggerRect.top + scrollY\n      const maxTop = scrollY + window.innerHeight - popupRect.height - offset\n      top = Math.max(scrollY + offset, Math.min(top, maxTop))\n\n      // Use the parent popup's bounding rect as the reference for left/right positioning\n      // so the child appears 4px from the parent popup edge, not just the trigger button.\n      const anchorRect = parentPopup?.popupRef.current\n        ? parentPopup.popupRef.current.getBoundingClientRect()\n        : triggerRect\n\n      if (side === 'left') {\n        left = anchorRect.left - popupRect.width - sideOffset\n        if (left < offset) {\n          // flip to right side\n          left = anchorRect.right + sideOffset\n        }\n      } else {\n        left = anchorRect.right + sideOffset\n        if (left + popupRect.width + offset > window.innerWidth) {\n          // flip to left side\n          left = anchorRect.left - popupRect.width - sideOffset\n        }\n      }\n\n      left = left + scrollX\n      // Caret not used in side mode; set a neutral value\n      caretLeft = popupRect.width / 2\n\n      setIsOnTop(false)\n    } else {\n      // /////////////////////////////////////\n      // Vertical Positioning\n      // Calculates the `top` position in absolute page coordinates.\n      // Uses `verticalAlign` prop as the preferred direction, but flips\n      // to the opposite side if there's not enough viewport space.\n      // /////////////////////////////////////\n\n      let onTop = verticalAlign === 'top'\n\n      if (verticalAlign === 'bottom') {\n        top = triggerRect.bottom + scrollY + offset\n\n        if (triggerRect.bottom + popupRect.height + offset > window.innerHeight) {\n          // Try to flip above — only do so if there's actually enough room\n          const topIfAbove = triggerRect.top + scrollY - popupRect.height - offset\n          if (topIfAbove >= scrollY) {\n            top = topIfAbove\n            onTop = true\n          }\n          // else: not enough room above either — keep below and let it overflow rather than going off-screen\n        }\n      } else {\n        top = triggerRect.top + scrollY - popupRect.height - offset\n\n        if (triggerRect.top - popupRect.height - offset < 0) {\n          top = triggerRect.bottom + scrollY + offset\n          onTop = false\n        }\n      }\n\n      setIsOnTop(onTop)\n\n      // /////////////////////////////////////\n      // Horizontal Positioning\n      // Calculates the `left` position based on `horizontalAlign` prop:\n      // - 'left': aligns popup's left edge with trigger's left edge\n      // - 'right': aligns popup's right edge with trigger's right edge\n      // - 'center': centers popup horizontally relative to trigger\n      // Then clamps to keep the popup within viewport bounds.\n      // /////////////////////////////////////\n\n      left =\n        horizontalAlign === 'right'\n          ? triggerRect.right - popupRect.width\n          : horizontalAlign === 'center'\n            ? triggerRect.left + triggerRect.width / 2 - popupRect.width / 2\n            : triggerRect.left\n\n      left = Math.max(offset, Math.min(left, window.innerWidth - popupRect.width - offset))\n\n      // /////////////////////////////////////\n      // Caret Positioning\n      // Positions the caret arrow to point at the trigger's horizontal center.\n      // Clamps between 12px from edges to prevent caret from overflowing the popup.\n      // /////////////////////////////////////\n\n      const triggerCenter = triggerRect.left + triggerRect.width / 2\n      caretLeft = Math.max(12, Math.min(triggerCenter - left, popupRect.width - 12))\n    }\n\n    // /////////////////////////////////////\n    // Apply Styles (only if changed)\n    // Compares calculated position with current styles to avoid unnecessary\n    // DOM updates during scroll. This prevents visual lag by relying on the absolute\n    // positioning where possible (popup slightly lags behind when scrolling really fast),\n    // while still allowing position changes when needed (e.g., sticky parent, viewport flip).\n    // Values are rounded to match browser's CSS precision and avoid false updates.\n    // /////////////////////////////////////\n\n    const newTop = `${Math.round(top)}px`\n    const newLeft = `${Math.round(left + scrollX)}px`\n    const newCaretLeft = `${Math.round(caretLeft)}px`\n    const newPosition = useFixed ? 'fixed' : ''\n\n    if (popup.style.position !== newPosition) {\n      popup.style.position = newPosition\n    }\n    if (popup.style.top !== newTop) {\n      popup.style.top = newTop\n    }\n    if (popup.style.left !== newLeft) {\n      popup.style.left = newLeft\n    }\n    if (popup.style.getPropertyValue('--caret-left') !== newCaretLeft) {\n      popup.style.setProperty('--caret-left', newCaretLeft)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Outside Handler\n  // Closes popup when clicking outside both the popup and trigger.\n  // Distinguishes between parent and child popups:\n  // - Click in child popup: parent stays open\n  // - Click in parent popup: child closes\n  // /////////////////////////////////////\n\n  const handleClickOutside = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as Node\n    const isOutsidePopup = !popupRef.current?.contains(target)\n    const isOutsideTrigger = !triggerRef.current?.contains(target)\n\n    // Check if click is inside a popup portal\n    const clickedPopupContent = (target as Element).closest?.('.popup__content')\n\n    // If the clicked popup contains this popup's trigger, it's a parent popup\n    // and we should close. If it doesn't contain our trigger, it's a child popup\n    // and we should stay open to avoid closing parent when interacting with child.\n    const isInsideChildPopup =\n      clickedPopupContent && !clickedPopupContent.contains(triggerRef.current)\n\n    if (isOutsidePopup && isOutsideTrigger && !isInsideChildPopup) {\n      setActive(false)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Keyboard Navigation\n  // Handles keyboard interactions when popup is open:\n  // - Escape: closes popup and returns focus to trigger\n  // - Tab/Shift+Tab: cycles through focusable items with wrapping\n  // - ArrowUp/ArrowDown: same as Shift+Tab/Tab for menu-style navigation\n  // Focus is managed manually to support elements the browser might skip.\n  // /////////////////////////////////////\n\n  const handleKeyDown = useEffectEvent((e: KeyboardEvent) => {\n    const popup = popupRef.current\n    if (!popup || !active) {\n      return\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      setActive(false)\n      triggerRef.current?.querySelector<HTMLElement>('button, [tabindex=\"0\"]')?.focus()\n      return\n    }\n\n    if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      const focusable = Array.from(popup.querySelectorAll<HTMLElement>(TABBABLE_SELECTOR))\n      if (focusable.length === 0) {\n        return\n      }\n\n      e.preventDefault()\n\n      const currentIndex = focusable.findIndex((el) => el === document.activeElement)\n      const goBackward = e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)\n\n      let nextIndex: number\n      if (currentIndex === -1) {\n        nextIndex = goBackward ? focusable.length - 1 : 0\n      } else if (goBackward) {\n        nextIndex = currentIndex === 0 ? focusable.length - 1 : currentIndex - 1\n      } else {\n        nextIndex = currentIndex === focusable.length - 1 ? 0 : currentIndex + 1\n      }\n\n      focusable[nextIndex].focus()\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Handler for Actionable Elements\n  // Closes popup when buttons/links inside are clicked (includes Enter/Space activation).\n  // /////////////////////////////////////\n\n  const handleActionableClick = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as HTMLElement\n\n    // Allow opting out with data-popup-prevent-close attribute on element or ancestor\n    if (target.closest('[data-popup-prevent-close]')) {\n      return\n    }\n\n    // Check if the clicked element or any ancestor is an actionable element\n    const actionable = target.closest('button, a[href], [role=\"button\"], [role=\"menuitem\"]')\n    if (actionable && popupRef.current?.contains(actionable)) {\n      // Don't close if clicking a nested popup's trigger — it will manage its own open state\n      if (actionable.closest(`.${baseClass}__trigger-wrap`)) {\n        return\n      }\n      setActive(false)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Effect: Setup/Teardown position and focus management\n  // /////////////////////////////////////\n\n  useEffect(() => {\n    if (!active) {\n      const popup = popupRef.current\n      if (popup) {\n        // Clear inline position styles so the CSS `top: -9999px` rule on\n        // `.popup__hidden-content` takes effect. Without this, the inline\n        // styles set during positioning would win over the CSS rule, keeping\n        // portaled children (e.g. a ReactSelect menu) visually on-screen.\n        popup.style.position = ''\n        popup.style.top = ''\n        popup.style.left = ''\n      }\n      return\n    }\n\n    const popup = popupRef.current\n    if (!popup) {\n      return\n    }\n\n    // /////////////////////////////////////\n    // Initial Position\n    // Calculate and apply popup position.\n    // getBoundingClientRect() forces synchronous layout.\n    //\n    // We call updatePosition() twice: once synchronously (so the popup\n    // snaps to roughly the right place immediately rather than flashing\n    // from -9999px) and once in a requestAnimationFrame, which fires\n    // after the browser has finished laying out the newly-visible popup\n    // content. The rAF call is the authoritative one — it catches cases\n    // where the popup height wasn't stable yet during the first call\n    // (e.g. ColumnSelection popup content rendering after hidden → visible\n    // class switch), which was causing incorrect flip-to-top decisions.\n    // /////////////////////////////////////\n\n    // Decide the positioning strategy once per open.\n    isFixedRef.current = hasFixedAncestor(triggerRef.current)\n\n    updatePosition()\n    const rafId = requestAnimationFrame(() => {\n      updatePosition()\n    })\n\n    // /////////////////////////////////////\n    // Focus Management\n    // When opened via keyboard, autofocus the first focusable button.\n    // When opened via mouse, skip autofocus to avoid unwanted highlights.\n    // /////////////////////////////////////\n\n    if (openedViaKeyboardRef.current) {\n      // Use requestAnimationFrame to ensure DOM is ready.\n      requestAnimationFrame(() => {\n        const firstFocusable = popup.querySelector<HTMLElement>(TABBABLE_SELECTOR)\n        firstFocusable?.focus()\n      })\n    }\n\n    // /////////////////////////////////////\n    // Event Listeners\n    // - resize/scroll: recalculate position (only applies styles if changed)\n    // - mousedown: detect clicks outside to close\n    // - keydown: handle keyboard navigation\n    // /////////////////////////////////////\n\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, { capture: true, passive: true })\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleKeyDown)\n    popup.addEventListener('click', handleActionableClick)\n\n    return () => {\n      cancelAnimationFrame(rafId)\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, { capture: true })\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleKeyDown)\n      popup.removeEventListener('click', handleActionableClick)\n    }\n  }, [active])\n\n  useEffect(() => {\n    if (forceOpen !== undefined) {\n      setActive(forceOpen)\n    }\n  }, [forceOpen, setActive])\n\n  const Trigger = (\n    <PopupTrigger\n      active={active}\n      button={button}\n      buttonAriaLabel={buttonAriaLabel}\n      buttonType={buttonType}\n      className={buttonClassName}\n      disabled={disabled}\n      noBackground={noBackground}\n      renderButton={renderButton}\n      setActive={setActive}\n      size={buttonSize}\n    />\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} id={id}>\n      <div className={`${baseClass}__trigger-wrap`} ref={triggerRef}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n            role=\"button\"\n            tabIndex={0}\n          >\n            {Trigger}\n          </div>\n        ) : (\n          Trigger\n        )}\n      </div>\n\n      {mounted\n        ? // We need to make sure the popup is part of the DOM (although invisible), even if it's not active.\n          // This ensures that components within the popup, like modals, do not unmount when the popup closes.\n          // Otherwise, modals opened from the popup will close unexpectedly when clicking within the modal, since\n          // that closes the popup due to the click outside handler.\n          createPortal(\n            <PopupContext value={{ popupRef }}>\n              <div\n                className={\n                  active\n                    ? [\n                        `${baseClass}__content`,\n                        `${baseClass}--size-${size}`,\n                        side\n                          ? `${baseClass}--side-${side}`\n                          : isOnTop\n                            ? `${baseClass}--v-top`\n                            : `${baseClass}--v-bottom`,\n                        portalClassName,\n                      ]\n                        .filter(Boolean)\n                        .join(' ')\n                    : // Do not share any class names between active and disabled popups, to make sure\n                      // tests do not accidentally target inactive popups.\n                      `${baseClass}__hidden-content`\n                }\n                data-popup-id={id || undefined}\n                data-theme={theme === 'auto' ? undefined : theme}\n                ref={popupRef}\n              >\n                <div\n                  className={`${baseClass}__scroll-container${showScrollbar ? ` ${baseClass}__scroll-container--show-scrollbar` : ''}`}\n                >\n                  {theme === 'auto' ? (\n                    <>\n                      {render?.({ close: () => setActive(false) })}\n                      {children}\n                    </>\n                  ) : (\n                    <ThemeProvider theme={theme}>\n                      {render?.({ close: () => setActive(false) })}\n                      {children}\n                    </ThemeProvider>\n                  )}\n                </div>\n                {caret && !side && <div className={`${baseClass}__caret`} />}\n              </div>\n            </PopupContext>,\n            document.body,\n          )\n        : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["PopupList","React","createContext","use","useCallback","useEffect","useId","useRef","useState","useEffectEvent","ThemeProvider","PopupTrigger","createSubmenuScope","useSubmenuPointerIntent","baseClass","PopupContext","TABBABLE_SELECTOR","map","s","join","MENU_ITEM_SELECTOR","POPUP_CONTENT_SELECTOR","getMenuItems","popup","Array","from","querySelectorAll","filter","item","closest","Popup","props","id","button","buttonAriaLabel","buttonClassName","buttonSize","buttonType","caret","children","className","disabled","forceOpen","horizontalAlign","horizontalAlignProp","hoverSubmenu","initActive","noBackground","onToggleClose","onToggleOpen","popupAriaLabel","popupType","portalClassName","render","renderButton","showOnHover","showScrollbar","side","size","theme","verticalAlign","popupRef","triggerRef","generatedContentId","contentId","openedViaKeyboardRef","parentPopup","popupRole","undefined","submenuScope","isSubmenu","resolvedSide","active","setActiveInternal","isOnTop","setIsOnTop","setActive","isActive","viaKeyboard","coordinateParent","current","requestOpen","delay","closeActiveBranch","release","closePopup","restoreFocus","trigger","querySelector","requestAnimationFrame","focus","close","closePopupChain","options","openFromParent","register","closeBranch","open","pointerIntent","contentRef","enabled","onClose","onOpen","Boolean","activeChildId","updatePosition","triggerRect","getBoundingClientRect","popupRect","offset","sideOffset","top","left","caretLeft","scrollContainer","popupPaddingTop","Number","parseFloat","window","getComputedStyle","paddingTop","maxTop","innerHeight","height","Math","max","min","anchorRect","width","right","innerWidth","onTop","bottom","topIfAbove","triggerCenter","newTop","round","newLeft","newCaretLeft","newPosition","style","position","getPropertyValue","setProperty","handleClickOutside","e","target","isOutsidePopup","contains","isOutsideTrigger","clickedPopupContent","isInsideChildPopup","handleKeyDown","activePopup","document","activeElement","key","preventDefault","stopPropagation","nestedTrigger","dispatchEvent","KeyboardEvent","bubbles","shiftKey","setTimeout","includes","menuItems","length","currentIndex","findIndex","nextIndex","forEach","index","setAttribute","focusable","el","goBackward","handleActionableClick","actionable","matches","showPopover","rafId","firstFocusable","addEventListener","capture","passive","cancelAnimationFrame","removeEventListener","hidePopover","Trigger","_jsx","isMenuItem","_jsxs","ref","onMouseEnter","onMouseLeave","role","tabIndex","value","popover","_Fragment"],"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { AriaAttributes, AriaRole, CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport React, { createContext, use, useCallback, useEffect, useId, useRef, useState } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ThemeProvider } from '../../providers/Theme/index.js'\nimport './index.css'\nimport { type PopupButtonRenderProps, PopupTrigger } from './PopupTrigger/index.js'\nimport { createSubmenuScope, type SubmenuScope } from './SubmenuScope.js'\nimport { useSubmenuPointerIntent } from './useSubmenuPointerIntent.js'\n\nconst baseClass = 'popup'\n\ntype PopupContextValue = {\n  closePopupChain: (options?: { restoreFocus?: boolean }) => void\n  popupRef: React.RefObject<HTMLDivElement | null>\n  popupRole?: AriaRole\n  submenuScope: SubmenuScope\n}\n\nconst PopupContext = createContext<null | PopupContextValue>(null)\n\n/**\n * Selector for all elements the browser considers tabbable.\n */\nconst TABBABLE_SELECTOR = [\n  'a[href]',\n  'button:not(:disabled)',\n  'input:not(:disabled):not([type=\"hidden\"])',\n  'select:not(:disabled)',\n  'textarea:not(:disabled)',\n  '[tabindex]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  'audio[controls]',\n  'video[controls]',\n  'summary',\n]\n  .map((s) => `${s}:not([tabindex=\"-1\"])`)\n  .join(', ')\n\nconst MENU_ITEM_SELECTOR = '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]'\nconst POPUP_CONTENT_SELECTOR = `.${baseClass}__content, .${baseClass}__hidden-content`\n\nconst getMenuItems = (popup: HTMLElement): HTMLElement[] =>\n  Array.from(popup.querySelectorAll<HTMLElement>(MENU_ITEM_SELECTOR)).filter(\n    (item) => item.closest(POPUP_CONTENT_SELECTOR) === popup,\n  )\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.RefObject<HTMLElement>\n  button?: React.ReactNode\n  buttonAriaLabel?: string\n  buttonClassName?: string\n  buttonSize?: 'large' | 'medium'\n  buttonType?: 'custom' | 'default'\n  caret?: boolean\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  forceOpen?: boolean\n  /**\n   * Preferred horizontal alignment of the popup, if there is enough space available.\n   * Nested menu popups use 'left' and 'right' as their preferred side instead.\n   * When omitted, nested menu popups prefer the right side.\n   *\n   * @default 'left'\n   */\n  horizontalAlign?: 'center' | 'left' | 'right'\n  hoverSubmenu?: boolean\n  id?: string\n  initActive?: boolean\n  noBackground?: boolean\n  onToggleClose?: () => void\n  onToggleOpen?: (active: boolean) => void\n  popupAriaLabel?: string\n  popupType?: AriaAttributes['aria-haspopup']\n  portalClassName?: string\n  render?: (args: { close: () => void }) => React.ReactNode\n  /**\n   * Render prop for custom trigger button. Receives onClick/onKeyDown/aria props.\n   * When provided, `button` and `buttonType` are ignored.\n   */\n  renderButton?: (props: PopupButtonRenderProps) => React.ReactNode\n  showOnHover?: boolean\n  /**\n   * By default, the scrollbar is hidden. If you want to show it, set this to true.\n   * In both cases, the container is still scrollable.\n   *\n   * @default false\n   */\n  showScrollbar?: boolean\n  /**\n   * Position the popup to the side of the trigger instead of above/below.\n   * The popup's top edge aligns with the trigger's top edge (with viewport clamping).\n   * Automatically flips to the opposite side if there is not enough space.\n   * When set, `verticalAlign`, `horizontalAlign`, and the caret are ignored.\n   */\n  side?: 'left' | 'right'\n  size?: 'fit-content' | 'large' | 'small'\n  /**\n   * Theme for the popup content. Defaults to 'dark'.\n   * Set to 'auto' to inherit the current theme.\n   *\n   * @default 'dark'\n   */\n  theme?: 'auto' | 'dark' | 'light'\n  /**\n   * Preferred vertical alignment of the popup (position below or above the trigger),\n   * if there is enough space available.\n   *\n   * If the popup is too close to the edge of the viewport, it will flip to the opposite side\n   * regardless of the preferred vertical alignment.\n   *\n   * @default 'bottom'\n   */\n  verticalAlign?: 'bottom' | 'top'\n}\n\n/**\n * Component that renders a popup, as well as a button that triggers the popup.\n *\n * The popup is rendered next to its trigger in the DOM and positioned above / below it,\n * depending on the verticalAlign prop and the space available.\n */\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    id,\n    button,\n    buttonAriaLabel,\n    buttonClassName,\n    buttonSize,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    disabled,\n    forceOpen,\n    horizontalAlign: horizontalAlignProp,\n    hoverSubmenu = false,\n    initActive = false,\n    noBackground,\n    onToggleClose,\n    onToggleOpen,\n    popupAriaLabel,\n    popupType,\n    portalClassName,\n    render,\n    renderButton,\n    showOnHover = false,\n    showScrollbar = false,\n    side,\n    size = 'fit-content',\n    theme = 'dark',\n    verticalAlign = 'bottom',\n  } = props\n\n  const popupRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const generatedContentId = useId()\n  const contentId = `${id || generatedContentId}-content`\n\n  /**\n   * Keeps track of whether the popup was opened via keyboard.\n   * This is used to determine whether to autofocus the first element in the popup.\n   * If the popup was opened via mouse, we do not want to autofocus the first element.\n   */\n  const openedViaKeyboardRef = useRef(false)\n\n  const parentPopup = use(PopupContext)\n  const popupRole = (popupType === true ? 'menu' : popupType || undefined) as AriaRole | undefined\n  const submenuScope = useState(() => createSubmenuScope())[0]\n  const isSubmenu = parentPopup?.popupRole === 'menu' && popupRole === 'menu'\n  const horizontalAlign = horizontalAlignProp ?? 'left'\n  const resolvedSide =\n    side ?? (isSubmenu ? (horizontalAlignProp === 'left' ? 'left' : 'right') : undefined)\n\n  const [active, setActiveInternal] = useState(initActive)\n  const [isOnTop, setIsOnTop] = useState(verticalAlign === 'top')\n\n  const setActive = useCallback(\n    (isActive: boolean, viaKeyboard = false, coordinateParent = true) => {\n      if (isActive) {\n        openedViaKeyboardRef.current = viaKeyboard\n        if (coordinateParent && isSubmenu) {\n          parentPopup.submenuScope.requestOpen({\n            id: contentId,\n            delay: false,\n            viaKeyboard,\n          })\n          return\n        }\n        onToggleOpen?.(true)\n      } else {\n        onToggleClose?.()\n        submenuScope.closeActiveBranch()\n        parentPopup?.submenuScope.release(contentId)\n      }\n      setActiveInternal(isActive)\n    },\n    [contentId, isSubmenu, onToggleClose, onToggleOpen, parentPopup, submenuScope],\n  )\n\n  const closePopup = useCallback(\n    ({ restoreFocus = true }: { restoreFocus?: boolean } = {}) => {\n      const trigger = triggerRef.current?.querySelector<HTMLElement>('button, [tabindex=\"0\"]')\n\n      setActive(false)\n      if (restoreFocus) {\n        requestAnimationFrame(() => trigger?.focus())\n      }\n    },\n    [setActive],\n  )\n  const close = useCallback(() => closePopup(), [closePopup])\n  const closePopupChain = useCallback(\n    (options: { restoreFocus?: boolean } = {}) => {\n      if (parentPopup) {\n        closePopup({ restoreFocus: false })\n        parentPopup.closePopupChain(options)\n        return\n      }\n\n      closePopup(options)\n    },\n    [closePopup, parentPopup],\n  )\n\n  const openFromParent = useCallback(\n    (viaKeyboard: boolean) => setActive(true, viaKeyboard, false),\n    [setActive],\n  )\n\n  useEffect(() => {\n    if (!isSubmenu) {\n      return\n    }\n\n    return parentPopup.submenuScope.register({\n      id: contentId,\n      closeBranch: () => closePopup({ restoreFocus: false }),\n      open: openFromParent,\n    })\n  }, [closePopup, contentId, isSubmenu, openFromParent, parentPopup])\n\n  const pointerIntent = useSubmenuPointerIntent({\n    contentRef: popupRef,\n    enabled: isSubmenu && hoverSubmenu,\n    onClose: () => setActive(false),\n    onOpen: () =>\n      parentPopup?.submenuScope.requestOpen({\n        id: contentId,\n        delay: Boolean(parentPopup.submenuScope.activeChildId),\n      }),\n  })\n\n  // /////////////////////////////////////\n  // Position Calculation\n  //\n  // Calculates and applies popup position relative to trigger.\n  // Always checks viewport bounds (for flipping), but only updates\n  // styles if the calculated position differs from current position.\n  // /////////////////////////////////////\n\n  const updatePosition = useEffectEvent(() => {\n    const trigger = triggerRef.current\n    const popup = popupRef.current\n    if (!trigger || !popup) {\n      return\n    }\n\n    const triggerRect = trigger.getBoundingClientRect()\n    const popupRect = popup.getBoundingClientRect()\n\n    // Gap between the popup and the trigger/viewport edges (in pixels)\n    const offset = 8\n    // Additional gap used in side mode so the child popup has breathing room from its parent\n    const sideOffset = 4\n\n    let top: number\n    let left: number\n    let caretLeft: number\n\n    if (resolvedSide) {\n      // /////////////////////////////////////\n      // Side Positioning\n      // Places the popup to the left or right of the parent popup (not just the trigger),\n      // top-aligned with the trigger. Flips to the opposite side if there is not enough\n      // viewport space.\n      // /////////////////////////////////////\n\n      const scrollContainer = popup.querySelector<HTMLElement>(\n        `:scope > .${baseClass}__scroll-container`,\n      )\n      const popupPaddingTop = scrollContainer\n        ? Number.parseFloat(window.getComputedStyle(scrollContainer).paddingTop) || 0\n        : 0\n\n      // Align the first menu item with the trigger by accounting for the popup's top padding.\n      top = triggerRect.top - popupPaddingTop\n      const maxTop = window.innerHeight - popupRect.height - offset\n      top = Math.max(offset, Math.min(top, maxTop))\n\n      // Use the parent popup's bounding rect as the reference for left/right positioning\n      // so the child appears 4px from the parent popup edge, not just the trigger button.\n      const anchorRect = parentPopup?.popupRef.current\n        ? parentPopup.popupRef.current.getBoundingClientRect()\n        : triggerRect\n\n      if (resolvedSide === 'left') {\n        left = anchorRect.left - popupRect.width - sideOffset\n        if (left < offset) {\n          // flip to right side\n          left = anchorRect.right + sideOffset\n        }\n      } else {\n        left = anchorRect.right + sideOffset\n        if (left + popupRect.width + offset > window.innerWidth) {\n          // flip to left side\n          left = anchorRect.left - popupRect.width - sideOffset\n        }\n      }\n\n      left = Math.max(\n        offset,\n        Math.min(left, Math.max(offset, window.innerWidth - popupRect.width - offset)),\n      )\n\n      // Caret not used in side mode; set a neutral value\n      caretLeft = popupRect.width / 2\n\n      setIsOnTop(false)\n    } else {\n      // /////////////////////////////////////\n      // Vertical Positioning\n      // Calculates the `top` position in absolute page coordinates.\n      // Uses `verticalAlign` prop as the preferred direction, but flips\n      // to the opposite side if there's not enough viewport space.\n      // /////////////////////////////////////\n\n      let onTop = verticalAlign === 'top'\n\n      if (verticalAlign === 'bottom') {\n        top = triggerRect.bottom + offset\n\n        if (triggerRect.bottom + popupRect.height + offset > window.innerHeight) {\n          // Try to flip above — only do so if there's actually enough room\n          const topIfAbove = triggerRect.top - popupRect.height - offset\n          if (topIfAbove >= 0) {\n            top = topIfAbove\n            onTop = true\n          }\n          // else: not enough room above either — keep below and let it overflow rather than going off-screen\n        }\n      } else {\n        top = triggerRect.top - popupRect.height - offset\n\n        if (triggerRect.top - popupRect.height - offset < 0) {\n          top = triggerRect.bottom + offset\n          onTop = false\n        }\n      }\n\n      const maxTop = Math.max(offset, window.innerHeight - popupRect.height - offset)\n      top = Math.max(offset, Math.min(top, maxTop))\n\n      setIsOnTop(onTop)\n\n      // /////////////////////////////////////\n      // Horizontal Positioning\n      // Calculates the `left` position based on `horizontalAlign` prop:\n      // - 'left': aligns popup's left edge with trigger's left edge\n      // - 'right': aligns popup's right edge with trigger's right edge\n      // - 'center': centers popup horizontally relative to trigger\n      // Then clamps to keep the popup within viewport bounds.\n      // /////////////////////////////////////\n\n      left =\n        horizontalAlign === 'right'\n          ? triggerRect.right - popupRect.width\n          : horizontalAlign === 'center'\n            ? triggerRect.left + triggerRect.width / 2 - popupRect.width / 2\n            : triggerRect.left\n\n      left = Math.max(offset, Math.min(left, window.innerWidth - popupRect.width - offset))\n\n      // /////////////////////////////////////\n      // Caret Positioning\n      // Positions the caret arrow to point at the trigger's horizontal center.\n      // Clamps between 12px from edges to prevent caret from overflowing the popup.\n      // /////////////////////////////////////\n\n      const triggerCenter = triggerRect.left + triggerRect.width / 2\n      caretLeft = Math.max(12, Math.min(triggerCenter - left, popupRect.width - 12))\n    }\n\n    // /////////////////////////////////////\n    // Apply Styles (only if changed)\n    // Compares calculated position with current styles to avoid unnecessary\n    // DOM updates during scroll. This prevents visual lag by relying on the absolute\n    // positioning where possible (popup slightly lags behind when scrolling really fast),\n    // while still allowing position changes when needed (e.g., sticky parent, viewport flip).\n    // Values are rounded to match browser's CSS precision and avoid false updates.\n    // /////////////////////////////////////\n\n    const newTop = `${Math.round(top)}px`\n    const newLeft = `${Math.round(left)}px`\n    const newCaretLeft = `${Math.round(caretLeft)}px`\n    const newPosition = 'fixed'\n\n    if (popup.style.position !== newPosition) {\n      popup.style.position = newPosition\n    }\n    if (popup.style.top !== newTop) {\n      popup.style.top = newTop\n    }\n    if (popup.style.left !== newLeft) {\n      popup.style.left = newLeft\n    }\n    if (popup.style.getPropertyValue('--caret-left') !== newCaretLeft) {\n      popup.style.setProperty('--caret-left', newCaretLeft)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Outside Handler\n  // Closes popup when clicking outside both the popup and trigger.\n  // Distinguishes between parent and child popups:\n  // - Click in child popup: parent stays open\n  // - Click in parent popup: child closes\n  // /////////////////////////////////////\n\n  const handleClickOutside = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as Node\n    const isOutsidePopup = !popupRef.current?.contains(target)\n    const isOutsideTrigger = !triggerRef.current?.contains(target)\n\n    // Check if click is inside a popup portal\n    const clickedPopupContent = (target as Element).closest?.('.popup__content')\n\n    // If the clicked popup contains this popup's trigger, it's a parent popup\n    // and we should close. If it doesn't contain our trigger, it's a child popup\n    // and we should stay open to avoid closing parent when interacting with child.\n    const isInsideChildPopup =\n      clickedPopupContent && !clickedPopupContent.contains(triggerRef.current)\n\n    if (isOutsidePopup && isOutsideTrigger && !isInsideChildPopup) {\n      setActive(false)\n    }\n  })\n\n  // /////////////////////////////////////\n  // Keyboard Navigation\n  // Handles keyboard interactions when popup is open:\n  // - Escape: closes popup and returns focus to trigger\n  // - Tab/Shift+Tab: closes menus; dialogs retain normal document tab order\n  // - ArrowUp/ArrowDown: moves between menu items with wrapping\n  // Focus is managed manually to support elements the browser might skip.\n  // /////////////////////////////////////\n\n  const handleKeyDown = useEffectEvent((e: KeyboardEvent) => {\n    const popup = popupRef.current\n    if (!popup || !active) {\n      return\n    }\n\n    const activePopup = document.activeElement?.closest(`.${baseClass}__content`)\n    if (activePopup && activePopup !== popup) {\n      return\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      e.stopPropagation()\n      closePopup()\n      return\n    }\n\n    if (e.key === 'ArrowRight' && popupRole === 'menu') {\n      const trigger = (document.activeElement as HTMLElement | null)?.closest<HTMLElement>(\n        `.${baseClass}__trigger-wrap`,\n      )\n      const nestedTrigger = trigger?.querySelector<HTMLElement>('button, [role=\"menuitem\"]')\n      if (nestedTrigger) {\n        e.preventDefault()\n        nestedTrigger.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key: 'Enter' }))\n        return\n      }\n    }\n\n    if (e.key === 'ArrowLeft' && parentPopup) {\n      e.preventDefault()\n      closePopup()\n      return\n    }\n\n    if (e.key === 'Tab' && popupRole === 'menu') {\n      if (e.shiftKey) {\n        e.preventDefault()\n        closePopupChain({ restoreFocus: true })\n        return\n      }\n\n      setTimeout(closePopupChain)\n      return\n    }\n\n    if (['ArrowDown', 'ArrowUp', 'End', 'Home'].includes(e.key)) {\n      const menuItems = getMenuItems(popup)\n      if (menuItems.length > 0) {\n        e.preventDefault()\n\n        const currentIndex = menuItems.findIndex((item) => item === document.activeElement)\n        const nextIndex =\n          e.key === 'Home'\n            ? 0\n            : e.key === 'End'\n              ? menuItems.length - 1\n              : e.key === 'ArrowUp'\n                ? currentIndex <= 0\n                  ? menuItems.length - 1\n                  : currentIndex - 1\n                : currentIndex === -1 || currentIndex === menuItems.length - 1\n                  ? 0\n                  : currentIndex + 1\n\n        menuItems.forEach((item, index) =>\n          item.setAttribute('tabindex', index === nextIndex ? '0' : '-1'),\n        )\n        menuItems[nextIndex].focus()\n        return\n      }\n    }\n\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      const focusable = Array.from(popup.querySelectorAll<HTMLElement>(TABBABLE_SELECTOR))\n      if (focusable.length === 0) {\n        return\n      }\n\n      e.preventDefault()\n\n      const currentIndex = focusable.findIndex((el) => el === document.activeElement)\n      const goBackward = e.key === 'ArrowUp'\n\n      let nextIndex: number\n      if (currentIndex === -1) {\n        nextIndex = goBackward ? focusable.length - 1 : 0\n      } else if (goBackward) {\n        nextIndex = currentIndex === 0 ? focusable.length - 1 : currentIndex - 1\n      } else {\n        nextIndex = currentIndex === focusable.length - 1 ? 0 : currentIndex + 1\n      }\n\n      focusable[nextIndex].focus()\n    }\n  })\n\n  // /////////////////////////////////////\n  // Click Handler for Actionable Elements\n  // Closes popup when buttons/links inside are clicked (includes Enter/Space activation).\n  // /////////////////////////////////////\n\n  const handleActionableClick = useEffectEvent((e: MouseEvent) => {\n    const target = e.target as HTMLElement\n\n    // Allow opting out with data-popup-prevent-close attribute on element or ancestor\n    if (target.closest('[data-popup-prevent-close]')) {\n      return\n    }\n\n    // Check if the clicked element or any ancestor is an actionable element\n    const actionable = target.closest('button, a[href], [role=\"button\"], [role=\"menuitem\"]')\n    if (actionable && popupRef.current?.contains(actionable)) {\n      if (actionable.closest(`.${baseClass}__content`) !== popupRef.current) {\n        return\n      }\n      // Don't close if clicking a nested popup's trigger — it will manage its own open state\n      if (actionable.closest(`.${baseClass}__trigger-wrap`)) {\n        return\n      }\n      closePopup()\n    }\n  })\n\n  // /////////////////////////////////////\n  // Effect: Setup/Teardown position and focus management\n  // /////////////////////////////////////\n\n  useEffect(() => {\n    if (!active) {\n      const popup = popupRef.current\n      if (popup) {\n        // Clear inline position styles so the CSS `top: -9999px` rule on\n        // `.popup__hidden-content` takes effect. Without this, the inline\n        // styles set during positioning would win over the CSS rule, keeping\n        // portaled children (e.g. a ReactSelect menu) visually on-screen.\n        popup.style.position = ''\n        popup.style.top = ''\n        popup.style.left = ''\n      }\n      return\n    }\n\n    const popup = popupRef.current\n    if (!popup) {\n      return\n    }\n\n    if (!popup.matches(':popover-open')) {\n      popup.showPopover()\n    }\n\n    const menuItems = getMenuItems(popup)\n    menuItems.forEach((item, index) => item.setAttribute('tabindex', index === 0 ? '0' : '-1'))\n\n    // /////////////////////////////////////\n    // Initial Position\n    // Calculate and apply popup position.\n    // getBoundingClientRect() forces synchronous layout.\n    //\n    // We call updatePosition() twice: once synchronously (so the popup\n    // snaps to roughly the right place immediately rather than flashing\n    // from -9999px) and once in a requestAnimationFrame, which fires\n    // after the browser has finished laying out the newly-visible popup\n    // content. The rAF call is the authoritative one — it catches cases\n    // where the popup height wasn't stable yet during the first call\n    // (e.g. ColumnSelection popup content rendering after hidden → visible\n    // class switch), which was causing incorrect flip-to-top decisions.\n    // /////////////////////////////////////\n\n    updatePosition()\n    const rafId = requestAnimationFrame(() => {\n      updatePosition()\n    })\n\n    // /////////////////////////////////////\n    // Focus Management\n    // When opened via keyboard, autofocus the first focusable button.\n    // When opened via mouse, skip autofocus to avoid unwanted highlights.\n    // /////////////////////////////////////\n\n    if (openedViaKeyboardRef.current) {\n      // Use requestAnimationFrame to ensure DOM is ready.\n      requestAnimationFrame(() => {\n        const firstFocusable = menuItems[0] ?? popup.querySelector<HTMLElement>(TABBABLE_SELECTOR)\n        firstFocusable?.focus()\n      })\n    }\n\n    // /////////////////////////////////////\n    // Event Listeners\n    // - resize/scroll: recalculate position (only applies styles if changed)\n    // - mousedown: detect clicks outside to close\n    // - keydown: handle keyboard navigation\n    // /////////////////////////////////////\n\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, { capture: true, passive: true })\n    document.addEventListener('mousedown', handleClickOutside)\n    popup.addEventListener('keydown', handleKeyDown)\n    popup.addEventListener('click', handleActionableClick)\n\n    return () => {\n      cancelAnimationFrame(rafId)\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, { capture: true })\n      document.removeEventListener('mousedown', handleClickOutside)\n      popup.removeEventListener('keydown', handleKeyDown)\n      popup.removeEventListener('click', handleActionableClick)\n      if (popup.matches(':popover-open')) {\n        popup.hidePopover()\n      }\n    }\n  }, [active])\n\n  useEffect(() => {\n    if (forceOpen !== undefined) {\n      setActive(forceOpen)\n    }\n  }, [forceOpen, setActive])\n\n  const Trigger = (\n    <PopupTrigger\n      active={active}\n      button={button}\n      buttonAriaLabel={buttonAriaLabel}\n      buttonType={buttonType}\n      className={buttonClassName}\n      contentId={contentId}\n      disabled={disabled}\n      isMenuItem={parentPopup?.popupRole === 'menu'}\n      noBackground={noBackground}\n      popupType={popupType}\n      renderButton={renderButton}\n      setActive={setActive}\n      size={buttonSize}\n    />\n  )\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} id={id}>\n      <div className={`${baseClass}__trigger-wrap`} ref={triggerRef}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n            role=\"button\"\n            tabIndex={0}\n          >\n            {Trigger}\n          </div>\n        ) : hoverSubmenu && isSubmenu ? (\n          <div {...pointerIntent} className={`${baseClass}__submenu-hover-watch`}>\n            {Trigger}\n          </div>\n        ) : (\n          Trigger\n        )}\n      </div>\n\n      <PopupContext value={{ closePopupChain, popupRef, popupRole, submenuScope }}>\n        {/* The menu surface tracks pointer intent while preserving its menu semantics. */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          aria-label={popupAriaLabel}\n          className={\n            active\n              ? [\n                  `${baseClass}__content`,\n                  `${baseClass}--size-${size}`,\n                  resolvedSide\n                    ? `${baseClass}--side-${resolvedSide}`\n                    : isOnTop\n                      ? `${baseClass}--v-top`\n                      : `${baseClass}--v-bottom`,\n                  portalClassName,\n                ]\n                  .filter(Boolean)\n                  .join(' ')\n              : // Do not share any class names between active and disabled popups, to make sure\n                // tests do not accidentally target inactive popups.\n                `${baseClass}__hidden-content`\n          }\n          data-popup-id={id || undefined}\n          data-theme={theme === 'auto' ? undefined : theme}\n          id={contentId}\n          onMouseEnter={pointerIntent.onMouseEnter}\n          onMouseLeave={pointerIntent.onMouseLeave}\n          popover=\"manual\"\n          ref={popupRef}\n          role={popupRole}\n        >\n          <div\n            className={`${baseClass}__scroll-container${showScrollbar ? ` ${baseClass}__scroll-container--show-scrollbar` : ''}`}\n          >\n            {theme === 'auto' ? (\n              <>\n                {render?.({ close })}\n                {children}\n              </>\n            ) : (\n              <ThemeProvider theme={theme}>\n                {render?.({ close })}\n                {children}\n              </ThemeProvider>\n            )}\n          </div>\n          {caret && !resolvedSide && <div className={`${baseClass}__caret`} />}\n        </div>\n      </PopupContext>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Popup/useSubmenuPointerIntent.d.ts

@@ -0,0 +1,13 @@
+import type { MouseEvent, RefObject } from 'react';
+type UseSubmenuPointerIntentArgs = {
+    contentRef: RefObject<HTMLElement | null>;
+    enabled: boolean;
+    onClose: () => void;
+    onOpen: () => void;
+};
+export declare const useSubmenuPointerIntent: ({ contentRef, enabled, onClose, onOpen, }: UseSubmenuPointerIntentArgs) => {
+    onMouseEnter: () => void;
+    onMouseLeave: (event: MouseEvent) => void;
+};
+export {};
+//# sourceMappingURL=useSubmenuPointerIntent.d.ts.map

package/dist/elements/Popup/useSubmenuPointerIntent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubmenuPointerIntent.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/useSubmenuPointerIntent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIlD,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,uBAAuB,8CAKjC,2BAA2B;IAwC1B,YAAY;IACZ,YAAY,UAzBJ,UAAU;CA2BrB,CAAA"}

package/dist/elements/Popup/useSubmenuPointerIntent.js

@@ -0,0 +1,42 @@
+import { useCallback, useEffect, useRef } from 'react';
+export const useSubmenuPointerIntent = ({
+  contentRef,
+  enabled,
+  onClose,
+  onOpen
+}) => {
+  const closeTimer = useRef(undefined);
+  const cancelClose = useCallback(() => {
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = undefined;
+    }
+  }, []);
+  const handleEnter = useCallback(() => {
+    cancelClose();
+    onOpen();
+  }, [cancelClose, onOpen]);
+  const handleLeave = useCallback(event => {
+    const target = event.relatedTarget;
+    if (target && contentRef.current?.contains(target)) {
+      cancelClose();
+      return;
+    }
+    cancelClose();
+    closeTimer.current = setTimeout(() => {
+      closeTimer.current = undefined;
+      onClose();
+    }, 250);
+  }, [cancelClose, contentRef, onClose]);
+  useEffect(() => {
+    if (!enabled) {
+      cancelClose();
+    }
+    return cancelClose;
+  }, [cancelClose, enabled]);
+  return {
+    onMouseEnter: enabled ? handleEnter : undefined,
+    onMouseLeave: enabled ? handleLeave : undefined
+  };
+};
+//# sourceMappingURL=useSubmenuPointerIntent.js.map

package/dist/elements/Popup/useSubmenuPointerIntent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubmenuPointerIntent.js","names":["useCallback","useEffect","useRef","useSubmenuPointerIntent","contentRef","enabled","onClose","onOpen","closeTimer","undefined","cancelClose","current","clearTimeout","handleEnter","handleLeave","event","target","relatedTarget","contains","setTimeout","onMouseEnter","onMouseLeave"],"sources":["../../../src/elements/Popup/useSubmenuPointerIntent.ts"],"sourcesContent":["import type { MouseEvent, RefObject } from 'react'\n\nimport { useCallback, useEffect, useRef } from 'react'\n\ntype UseSubmenuPointerIntentArgs = {\n  contentRef: RefObject<HTMLElement | null>\n  enabled: boolean\n  onClose: () => void\n  onOpen: () => void\n}\n\nexport const useSubmenuPointerIntent = ({\n  contentRef,\n  enabled,\n  onClose,\n  onOpen,\n}: UseSubmenuPointerIntentArgs) => {\n  const closeTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  const cancelClose = useCallback(() => {\n    if (closeTimer.current) {\n      clearTimeout(closeTimer.current)\n      closeTimer.current = undefined\n    }\n  }, [])\n\n  const handleEnter = useCallback(() => {\n    cancelClose()\n    onOpen()\n  }, [cancelClose, onOpen])\n\n  const handleLeave = useCallback(\n    (event: MouseEvent) => {\n      const target = event.relatedTarget as Node | null\n      if (target && contentRef.current?.contains(target)) {\n        cancelClose()\n        return\n      }\n\n      cancelClose()\n      closeTimer.current = setTimeout(() => {\n        closeTimer.current = undefined\n        onClose()\n      }, 250)\n    },\n    [cancelClose, contentRef, onClose],\n  )\n\n  useEffect(() => {\n    if (!enabled) {\n      cancelClose()\n    }\n    return cancelClose\n  }, [cancelClose, enabled])\n\n  return {\n    onMouseEnter: enabled ? handleEnter : undefined,\n    onMouseLeave: enabled ? handleLeave : undefined,\n  }\n}\n"],"mappings":"AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAS/C,OAAO,MAAMC,uBAAA,GAA0BA,CAAC;EACtCC,UAAU;EACVC,OAAO;EACPC,OAAO;EACPC;AAAM,CACsB;EAC5B,MAAMC,UAAA,GAAaN,MAAA,CAAkDO,SAAA;EAErE,MAAMC,WAAA,GAAcV,WAAA,CAAY;IAC9B,IAAIQ,UAAA,CAAWG,OAAO,EAAE;MACtBC,YAAA,CAAaJ,UAAA,CAAWG,OAAO;MAC/BH,UAAA,CAAWG,OAAO,GAAGF,SAAA;IACvB;EACF,GAAG,EAAE;EAEL,MAAMI,WAAA,GAAcb,WAAA,CAAY;IAC9BU,WAAA;IACAH,MAAA;EACF,GAAG,CAACG,WAAA,EAAaH,MAAA,CAAO;EAExB,MAAMO,WAAA,GAAcd,WAAA,CACjBe,KAAA;IACC,MAAMC,MAAA,GAASD,KAAA,CAAME,aAAa;IAClC,IAAID,MAAA,IAAUZ,UAAA,CAAWO,OAAO,EAAEO,QAAA,CAASF,MAAA,GAAS;MAClDN,WAAA;MACA;IACF;IAEAA,WAAA;IACAF,UAAA,CAAWG,OAAO,GAAGQ,UAAA,CAAW;MAC9BX,UAAA,CAAWG,OAAO,GAAGF,SAAA;MACrBH,OAAA;IACF,GAAG;EACL,GACA,CAACI,WAAA,EAAaN,UAAA,EAAYE,OAAA,CAAQ;EAGpCL,SAAA,CAAU;IACR,IAAI,CAACI,OAAA,EAAS;MACZK,WAAA;IACF;IACA,OAAOA,WAAA;EACT,GAAG,CAACA,WAAA,EAAaL,OAAA,CAAQ;EAEzB,OAAO;IACLe,YAAA,EAAcf,OAAA,GAAUQ,WAAA,GAAcJ,SAAA;IACtCY,YAAA,EAAchB,OAAA,GAAUS,WAAA,GAAcL;EACxC;AACF","ignoreList":[]}

package/dist/elements/PreviewSizes/index.d.ts

@@ -9,7 +9,7 @@ type FilesSizesWithUrl = {
 };
 export type PreviewSizesProps = {
     doc: {
-        sizes?: FilesSizesWithUrl;
+        variants?: FilesSizesWithUrl;
     } & Data;
     imageCacheTag?: false | string;
     uploadConfig: SanitizedCollectionConfig['upload'];

package/dist/elements/PreviewSizes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB,EAAyB,MAAM,SAAS,CAAA;AAE/F,OAAO,KAAuC,MAAM,OAAO,CAAA;AAI3D,OAAO,aAAa,CAAA;AAIpB,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,QAAQ,CAAA;AACZ,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AA8DD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;KAC1B,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAAyB,EAAyB,MAAM,SAAS,CAAA;AAE/F,OAAO,KAAuC,MAAM,OAAO,CAAA;AAI3D,OAAO,aAAa,CAAA;AAIpB,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,QAAQ,CAAA;AACZ,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AA8DD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;KAC7B,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoFpD,CAAA"}

package/dist/elements/PreviewSizes/index.js

@@ -6,12 +6,12 @@ import { appendCacheTag } from '../../utilities/appendCacheTag.js';
 import { FileMeta } from '../FileDetails/FileMeta/index.js';
 import './index.css';
 const baseClass = 'preview-sizes';
-const sortSizes = (sizes, imageSizes) => {
-  if (!imageSizes || imageSizes.length === 0) {
+const sortSizes = (sizes, variants) => {
+  if (!variants || variants.length === 0) {
     return sizes;
   }
   const orderedSizes = {};
-  imageSizes.forEach(({
+  variants.forEach(({
     name
   }) => {
     if (sizes[name]) {
@@ -64,13 +64,13 @@ export const PreviewSizes = ({
   uploadConfig
 }) => {
   const {
-    imageSizes
+    variants
   } = uploadConfig;
   const {
-    sizes
+    variants: sizes
   } = doc;
   const alt = doc?.alt || doc.filename || '';
-  const [orderedSizes, setOrderedSizes] = useState(() => sortSizes(sizes, imageSizes));
+  const [orderedSizes, setOrderedSizes] = useState(() => sortSizes(sizes, variants));
   const [selectedSize, setSelectedSize] = useState(null);
   const generateImageUrl = doc_0 => {
     if (!doc_0.filename) {
@@ -81,9 +81,9 @@ export const PreviewSizes = ({
     }
   };
   useEffect(() => {
-    setOrderedSizes(sortSizes(sizes, imageSizes));
-  }, [sizes, imageSizes, imageCacheTag]);
-  const mainPreviewSrc = selectedSize ? generateImageUrl(doc.sizes[selectedSize]) : generateImageUrl(doc);
+    setOrderedSizes(sortSizes(sizes, variants));
+  }, [sizes, variants, imageCacheTag]);
+  const mainPreviewSrc = selectedSize ? generateImageUrl(doc.variants[selectedSize]) : generateImageUrl(doc);
   const originalImage = useMemo(() => ({
     filename: doc.filename,
     filesize: doc.filesize,

package/dist/elements/PreviewSizes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","appendCacheTag","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","alt","meta","onClick","previewSrc","_jsxs","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","_jsx","src","PreviewSizes","doc","imageCacheTag","uploadConfig","filename","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSize, SanitizedCollectionConfig, SanitizedUploadConfig } from 'payload'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.css'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = {\n  url: string\n} & FileSize\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) {\n    return sizes\n  }\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  alt: string\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  alt,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') {\n          return\n        }\n        if (e.key === 'Enter') {\n          onClick()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={alt} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: {\n    sizes?: FilesSizesWithUrl\n  } & Data\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const alt = (doc as { alt?: string })?.alt || doc.filename || ''\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) {\n      return null\n    }\n    if (doc.url) {\n      return appendCacheTag(doc.url, imageCacheTag)\n    }\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={alt} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            alt={alt}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  alt={alt}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","appendCacheTag","FileMeta","baseClass","sortSizes","sizes","variants","length","orderedSizes","forEach","name","PreviewSizeCard","active","alt","meta","onClick","previewSrc","_jsxs","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","_jsx","src","PreviewSizes","doc","imageCacheTag","uploadConfig","filename","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSize, SanitizedCollectionConfig, SanitizedUploadConfig } from 'payload'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.css'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = {\n  url: string\n} & FileSize\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, variants: SanitizedUploadConfig['variants']) => {\n  if (!variants || variants.length === 0) {\n    return sizes\n  }\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  variants.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  alt: string\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  alt,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') {\n          return\n        }\n        if (e.key === 'Enter') {\n          onClick()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={alt} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: {\n    variants?: FilesSizesWithUrl\n  } & Data\n  imageCacheTag?: false | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { variants } = uploadConfig\n  const { variants: sizes } = doc\n\n  const alt = (doc as { alt?: string })?.alt || doc.filename || ''\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, variants),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) {\n      return null\n    }\n    if (doc.url) {\n      return appendCacheTag(doc.url, imageCacheTag)\n    }\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, variants))\n  }, [sizes, variants, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.variants[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={alt} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            alt={alt}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  alt={alt}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/PublishButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAKvD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,wBAA6B,qBAkRpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAKvD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,OAAO,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,wBAA6B,qBA8PpD"}

package/dist/elements/PublishButton/index.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasLocalizeStatusEnabled } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
@@ -69,11 +69,7 @@ export function PublishButton({
   }, [collectionSlug, globalSlug, getEntityConfig]);
   const hasNewerVersions = unpublishedVersionCount > 0;
   const canPublish = hasPublishPermission && (modified || hasNewerVersions || !hasPublishedDoc) && uploadStatus !== 'uploading';
-  const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
-  useEffect(() => {
-    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
-    setHasLocalizedFields(hasLocalizedField);
-  }, [entityConfig?.fields]);
+  const hasLocalizedFields = React.useMemo(() => Boolean(entityConfig?.fields && traverseForLocalizedFields(entityConfig.fields)), [entityConfig?.fields]);
   const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission;
   const operation = useOperation();
   const disabled = operation === 'update' && !modified;
@@ -185,8 +181,6 @@ export function PublishButton({
       setHasPublishedDoc(true);
     }
   }, [api, collectionSlug, globalSlug, id, setHasPublishedDoc, setMostRecentVersionIsAutosaved, setUnpublishedVersionCount, submit, uploadStatus]);
-  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'
-  const isDefaultPublishAll = !isSpecificLocalePublishEnabled || localization && localization?.defaultLocalePublishOption !== 'active';
   const activeLocale = localization && localization?.locales.find(locale_1 => typeof locale_1 === 'string' ? locale_1 === localeCode : locale_1.code === localeCode);
   const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n);
   if (!hasPublishPermission) {
@@ -196,25 +190,17 @@ export function PublishButton({
     children: /*#__PURE__*/_jsx(FormSubmit, {
       buttonId: "action-save",
       disabled: !canPublish,
-      onClick: isDefaultPublishAll ? publish : () => publishLocale(activeLocale.code),
+      onClick: isSpecificLocalePublishEnabled ? () => publishLocale(activeLocale.code) : publish,
       size: "medium",
-      SubMenuPopupContent: isSpecificLocalePublishEnabled ? ({
-        close
-      }) => {
-        return /*#__PURE__*/_jsx(React.Fragment, {
-          children: isSpecificLocalePublishEnabled && /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-            children: /*#__PURE__*/_jsx(PopupList.Button, {
-              id: "publish-locale",
-              onClick: isDefaultPublishAll ? () => publishLocale(activeLocale.code) : publish,
-              children: isDefaultPublishAll ? t('version:publishIn', {
-                locale: activeLocaleLabel
-              }) : t('version:publishAllLocales')
-            })
-          })
-        });
-      } : undefined,
+      SubMenuPopupContent: isSpecificLocalePublishEnabled ? () => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+        children: /*#__PURE__*/_jsx(PopupList.Button, {
+          id: "publish-all-locales",
+          onClick: publish,
+          children: t('version:publishAllLocales')
+        })
+      }) : undefined,
       type: "button",
-      children: !isDefaultPublishAll ? t('version:publishIn', {
+      children: isSpecificLocalePublishEnabled ? t('version:publishIn', {
         locale: activeLocaleLabel
       }) : /*#__PURE__*/_jsxs(React.Fragment, {
         children: [/*#__PURE__*/_jsx("span", {

package/dist/elements/PublishButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasLocalizeStatusEnabled","qs","React","useCallback","useEffect","useState","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","traverseForLocalizedFields","PopupList","PublishButton","label","labelProp","id","collectionSlug","globalSlug","hasPublishedDoc","hasPublishPermission","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","uploadStatus","config","getEntityConfig","submit","modified","editDepth","locale","localeCode","code","localization","routes","api","i18n","t","shortLabel","entityConfig","useMemo","hasNewerVersions","canPublish","hasLocalizedFields","setHasLocalizedFields","hasLocalizedField","fields","isSpecificLocalePublishEnabled","operation","disabled","hasAutosave","saveDraft","params","stringify","depth","draft","addQueryPrefix","action","method","apiRoute","path","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","localizeStatusEnabled","publish","publishAllLocales","result","publishLocale","pathSegment","isDefaultPublishAll","defaultLocalePublishOption","activeLocale","locales","find","activeLocaleLabel","_jsx","Fragment","buttonId","onClick","size","SubMenuPopupContent","close","ButtonGroup","Button","undefined","type","_jsxs","className"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PublishButtonClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasAutosaveEnabled, hasLocalizeStatusEnabled } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.css'\n\nexport function PublishButton({\n  label: labelProp,\n}: { label?: string } & PublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n    uploadStatus,\n  } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const locale = useLocale()\n  const localeCode = locale?.code\n  const {\n    localization,\n    routes: { api },\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n  const shortLabel = labelProp || t('version:publish')\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  const canPublish =\n    hasPublishPermission &&\n    (modified || hasNewerVersions || !hasPublishedDoc) &&\n    uploadStatus !== 'uploading'\n\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission\n\n  const operation = useOperation()\n\n  const disabled = operation === 'update' && !modified\n\n  // If autosave is enabled the modified will always be true so only conditionally check on modified state\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        draft: true,\n        'fallback-locale': 'null',\n        locale: localeCode,\n      },\n      { addQueryPrefix: true },\n    )\n\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}${id ? `/${id}` : ''}${params}`,\n      })\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}${params}`,\n      })\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [disabled, localeCode, collectionSlug, globalSlug, submit, api, id])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && hasAutosave) {\n      void saveDraft()\n    }\n  })\n\n  const localizeStatusEnabled = hasLocalizeStatusEnabled(entityConfig)\n\n  const publish = useCallback(async () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        locale: localeCode,\n        ...(localizeStatusEnabled && { publishAllLocales: true }),\n      },\n      { addQueryPrefix: true },\n    )\n\n    const action = formatAdminURL({\n      apiRoute: api,\n      path: `${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`\n      }${params}` as `/${string}`,\n    })\n\n    const result = await submit({\n      action,\n      overrides: {\n        _status: 'published',\n      },\n    })\n\n    if (result) {\n      setUnpublishedVersionCount(0)\n      setMostRecentVersionIsAutosaved(false)\n      setHasPublishedDoc(true)\n    }\n  }, [\n    localeCode,\n    localizeStatusEnabled,\n    api,\n    collectionSlug,\n    globalSlug,\n    id,\n    setHasPublishedDoc,\n    submit,\n    setUnpublishedVersionCount,\n    uploadStatus,\n    setMostRecentVersionIsAutosaved,\n  ])\n\n  const publishLocale = useCallback(\n    async (locale) => {\n      if (uploadStatus === 'uploading') {\n        return\n      }\n\n      const params = qs.stringify(\n        {\n          depth: 0,\n          locale,\n        },\n        { addQueryPrefix: true },\n      )\n\n      const pathSegment = globalSlug\n        ? `/globals/${globalSlug}`\n        : `/${collectionSlug}${id ? `/${id}` : ''}`\n      const action = formatAdminURL({\n        apiRoute: api,\n        path: `${pathSegment}${params}` as `/${string}`,\n      })\n\n      const result = await submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n\n      if (result) {\n        setUnpublishedVersionCount(0)\n        setMostRecentVersionIsAutosaved(false)\n        setHasPublishedDoc(true)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      submit,\n      uploadStatus,\n    ],\n  )\n\n  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'\n  const isDefaultPublishAll =\n    !isSpecificLocalePublishEnabled ||\n    (localization && localization?.defaultLocalePublishOption !== 'active')\n\n  const activeLocale =\n    localization &&\n    localization?.locales.find((locale) =>\n      typeof locale === 'string' ? locale === localeCode : locale.code === localeCode,\n    )\n\n  const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n)\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <FormSubmit\n        buttonId=\"action-save\"\n        disabled={!canPublish}\n        onClick={isDefaultPublishAll ? publish : () => publishLocale(activeLocale.code)}\n        size=\"medium\"\n        SubMenuPopupContent={\n          isSpecificLocalePublishEnabled\n            ? ({ close }) => {\n                return (\n                  <React.Fragment>\n                    {isSpecificLocalePublishEnabled && (\n                      <PopupList.ButtonGroup>\n                        <PopupList.Button\n                          id=\"publish-locale\"\n                          onClick={\n                            isDefaultPublishAll ? () => publishLocale(activeLocale.code) : publish\n                          }\n                        >\n                          {isDefaultPublishAll\n                            ? t('version:publishIn', { locale: activeLocaleLabel })\n                            : t('version:publishAllLocales')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                  </React.Fragment>\n                )\n              }\n            : undefined\n        }\n        type=\"button\"\n      >\n        {!isDefaultPublishAll ? (\n          t('version:publishIn', { locale: activeLocaleLabel })\n        ) : (\n          <React.Fragment>\n            <span className=\"publish-button__label--full\">{label}</span>\n            <span className=\"publish-button__label--short\">{shortLabel}</span>\n          </React.Fragment>\n        )}\n      </FormSubmit>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasLocalizeStatusEnabled","qs","React","useCallback","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","traverseForLocalizedFields","PopupList","PublishButton","label","labelProp","id","collectionSlug","globalSlug","hasPublishedDoc","hasPublishPermission","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","uploadStatus","config","getEntityConfig","submit","modified","editDepth","locale","localeCode","code","localization","routes","api","i18n","t","shortLabel","entityConfig","useMemo","hasNewerVersions","canPublish","hasLocalizedFields","Boolean","fields","isSpecificLocalePublishEnabled","operation","disabled","hasAutosave","saveDraft","params","stringify","depth","draft","addQueryPrefix","action","method","apiRoute","path","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","localizeStatusEnabled","publish","publishAllLocales","result","publishLocale","pathSegment","activeLocale","locales","find","activeLocaleLabel","_jsx","Fragment","buttonId","onClick","size","SubMenuPopupContent","ButtonGroup","Button","undefined","type","_jsxs","className"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PublishButtonClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasAutosaveEnabled, hasLocalizeStatusEnabled } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.css'\n\nexport function PublishButton({\n  label: labelProp,\n}: { label?: string } & PublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n    uploadStatus,\n  } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const locale = useLocale()\n  const localeCode = locale?.code\n  const {\n    localization,\n    routes: { api },\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n  const shortLabel = labelProp || t('version:publish')\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  const canPublish =\n    hasPublishPermission &&\n    (modified || hasNewerVersions || !hasPublishedDoc) &&\n    uploadStatus !== 'uploading'\n\n  const hasLocalizedFields = React.useMemo(\n    () => Boolean(entityConfig?.fields && traverseForLocalizedFields(entityConfig.fields)),\n    [entityConfig?.fields],\n  )\n\n  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission\n\n  const operation = useOperation()\n\n  const disabled = operation === 'update' && !modified\n\n  // If autosave is enabled the modified will always be true so only conditionally check on modified state\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        draft: true,\n        'fallback-locale': 'null',\n        locale: localeCode,\n      },\n      { addQueryPrefix: true },\n    )\n\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}${id ? `/${id}` : ''}${params}`,\n      })\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}${params}`,\n      })\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [disabled, localeCode, collectionSlug, globalSlug, submit, api, id])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && hasAutosave) {\n      void saveDraft()\n    }\n  })\n\n  const localizeStatusEnabled = hasLocalizeStatusEnabled(entityConfig)\n\n  const publish = useCallback(async () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    const params = qs.stringify(\n      {\n        depth: 0,\n        locale: localeCode,\n        ...(localizeStatusEnabled && { publishAllLocales: true }),\n      },\n      { addQueryPrefix: true },\n    )\n\n    const action = formatAdminURL({\n      apiRoute: api,\n      path: `${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`\n      }${params}` as `/${string}`,\n    })\n\n    const result = await submit({\n      action,\n      overrides: {\n        _status: 'published',\n      },\n    })\n\n    if (result) {\n      setUnpublishedVersionCount(0)\n      setMostRecentVersionIsAutosaved(false)\n      setHasPublishedDoc(true)\n    }\n  }, [\n    localeCode,\n    localizeStatusEnabled,\n    api,\n    collectionSlug,\n    globalSlug,\n    id,\n    setHasPublishedDoc,\n    submit,\n    setUnpublishedVersionCount,\n    uploadStatus,\n    setMostRecentVersionIsAutosaved,\n  ])\n\n  const publishLocale = useCallback(\n    async (locale) => {\n      if (uploadStatus === 'uploading') {\n        return\n      }\n\n      const params = qs.stringify(\n        {\n          depth: 0,\n          locale,\n        },\n        { addQueryPrefix: true },\n      )\n\n      const pathSegment = globalSlug\n        ? `/globals/${globalSlug}`\n        : `/${collectionSlug}${id ? `/${id}` : ''}`\n      const action = formatAdminURL({\n        apiRoute: api,\n        path: `${pathSegment}${params}` as `/${string}`,\n      })\n\n      const result = await submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n\n      if (result) {\n        setUnpublishedVersionCount(0)\n        setMostRecentVersionIsAutosaved(false)\n        setHasPublishedDoc(true)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      submit,\n      uploadStatus,\n    ],\n  )\n\n  const activeLocale =\n    localization &&\n    localization?.locales.find((locale) =>\n      typeof locale === 'string' ? locale === localeCode : locale.code === localeCode,\n    )\n\n  const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n)\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <FormSubmit\n        buttonId=\"action-save\"\n        disabled={!canPublish}\n        onClick={isSpecificLocalePublishEnabled ? () => publishLocale(activeLocale.code) : publish}\n        size=\"medium\"\n        SubMenuPopupContent={\n          isSpecificLocalePublishEnabled\n            ? () => (\n                <PopupList.ButtonGroup>\n                  <PopupList.Button id=\"publish-all-locales\" onClick={publish}>\n                    {t('version:publishAllLocales')}\n                  </PopupList.Button>\n                </PopupList.ButtonGroup>\n              )\n            : undefined\n        }\n        type=\"button\"\n      >\n        {isSpecificLocalePublishEnabled ? (\n          t('version:publishIn', { locale: activeLocaleLabel })\n        ) : (\n          <React.Fragment>\n            <span className=\"publish-button__label--full\">{label}</span>\n            <span className=\"publish-button__label--short\">{shortLabel}</span>\n          </React.Fragment>\n        )}\n      </FormSubmit>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/QueryPresetBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AASzE,OAAO,KAA8D,MAAM,OAAO,CAAA;AAmBlF,OAAO,aAAa,CAAA;AAQpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,EAAE,6BAA6B,CAAA;CACtD,CA4bA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AASzE,OAAO,KAA8D,MAAM,OAAO,CAAA;AAmBlF,OAAO,aAAa,CAAA;AAQpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sBAAsB,EAAE,6BAA6B,CAAA;CACtD,CA8bA,CAAA"}

package/dist/elements/QueryPresets/QueryPresetBar/index.js

@@ -254,6 +254,7 @@ export const QueryPresetBar = ({
       children: /*#__PURE__*/_jsx(Popup, {
         className: `${baseClass}__popup`,
         horizontalAlign: "left",
+        popupType: "menu",
         portalClassName: `${baseClass}__popup-content`,
         render: ({
           close
@@ -350,8 +351,10 @@ export const QueryPresetBar = ({
         renderButton: ({
           active,
           onClick,
-          onKeyDown
+          onKeyDown,
+          ...ariaProps
         }) => /*#__PURE__*/_jsx(FilterTrigger, {
+          ...ariaProps,
           className: `${baseClass}__trigger`,
           id: "select-preset",
           isActive: Boolean(activePreset),