se-design 1.0.83 → 1.0.84-dev.0

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  getA11yNameAttributes,\n  useDismissOnFocusOut,\n  FOCUSABLE_WITH_ROLES_SELECTOR,\n  getFocusableElements,\n  getFirstFocusableElement,\n  getLastFocusableElement\n} from '../../utils/a11y';\nimport { useRegisterPortalWithFocusTrap } from '../../utils/a11y/FocusTrapPortalContext';\n\nexport interface PopoverHandle {\n  togglePopover: (focusFirst?: boolean | 'last') => void;\n  /** Focus the popover source/trigger element. */\n  focusTrigger: () => void;\n  /** The wrapper element that acts as the popover trigger. Stable DOM node with tabIndex=0. */\n  element: HTMLElement | null;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: (options?: { returnFocus?: boolean; returnFocusTo?: HTMLElement | React.RefObject<HTMLElement> }) => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: (focusFirst?: boolean | 'last') => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  sourceRole?: 'button' | 'combobox';\n  popupType?: 'menu' | 'listbox' | 'dialog' | 'true';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n  disableAutoClose?: boolean;\n  /** Focus the first focusable element when the popover opens via isPopoverOpen (external state). */\n  focusFirstOnOpen?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      ariaLabelledBy,\n      sourceRole = 'button',\n      popupType = 'true',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      noBorder = false,\n      disableAutoClose = false,\n      focusFirstOnOpen = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    // Register portal content with the nearest ancestor focus trap (e.g., Modal)\n    // so the focus trap's safety net allows focus to move into portal content.\n    useRegisterPortalWithFocusTrap(popoverContentRef, isWithPortal && displayPopover);\n\n    // Compute accessible name/description props with correct precedence\n    const accessibleNameProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy: undefined // Popover doesn't support describedBy yet\n    });\n\n    // Use shared focus-out dismissal for non-portal popovers.\n    // Portal content lives outside the wrapper, so portal uses a dedicated onBlur fallback below.\n    const { onBlurCapture: onDismissBlurCapture } = useDismissOnFocusOut<HTMLDivElement>({\n      disabled: !displayPopover || disableAutoClose || isWithPortal,\n      onFocusOut: () => setDisplayPopover(false),\n      closeOnEscape: false\n    });\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0, srcWidth: 0 });\n    const [isPortalMeasured, setIsPortalMeasured] = useState(false);\n\n    // Focus the actual trigger element on popover close.\n    // When disableClickToggle=true the wrapper is role=\"none\"/tabIndex=-1 — focus the\n    // first focusable child (the inner Button/Icon) instead.\n    const focusTriggerElement = () => {\n      if (disableClickToggle) {\n        const inner = getFirstFocusableElement({ container: srcElementRef.current, includeRoles: true });\n        (inner ?? srcElementRef.current)?.focus();\n      } else {\n        srcElementRef.current?.focus();\n      }\n    };\n\n    const closePopover = (options?: { returnFocus?: boolean; returnFocusTo?: HTMLElement | React.RefObject<HTMLElement> }) => {\n      setDisplayPopover(false);\n      if (options?.returnFocus !== false) {\n        requestAnimationFrame(() => {\n          if (options?.returnFocusTo) {\n            const target = options.returnFocusTo instanceof HTMLElement\n              ? options.returnFocusTo\n              : options.returnFocusTo.current;\n            target?.focus();\n          } else {\n            focusTriggerElement();\n          }\n        });\n      }\n    };\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0, srcWidth: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      // Subtract scrollbar width so portal content doesn't render behind a scrollbar.\n      // document.documentElement.clientWidth excludes any visible scrollbar;\n      // fall back to a 16px buffer (max scrollbar width across OS/browsers) when\n      // body overflow is hidden and the scrollbar belongs to a nested container.\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n      const viewportWidth = window.innerWidth - Math.max(scrollbarWidth, 16);\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      // When contentWidth='full', the panel will be sized to srcRect.width after measurement.\n      // Use srcRect.width directly so centering and viewport clamping use the correct final width.\n      const popoverWidth = (contentWidth === 'full' ? Math.max(srcRect.width, popoverRect?.width || 0) : popoverRect?.width) || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above the topbar (48px fixed header)\n          if (top < 48) {\n            top = 48;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(48, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 48) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(48, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top: Math.round(top), left: Math.round(left), srcWidth: srcRect.width };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        // Add click listener for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickListener, true);\n        }\n        checkPopoverPosition();\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickListener, true);\n          }\n        };\n      } else if (displayPopover && isWithPortal) {\n        // Add click/scroll listeners for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        } else {\n          // When disableAutoClose is true, still listen to scroll for repositioning\n          window.addEventListener('scroll', scrollListenerForRepositioning);\n        }\n        // Always add resize listener for repositioning\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Escape on window capture phase — must fire before document-capture listeners\n        // (e.g. useDismissOnEscape in Modal) so Escape closes the portal Dropdown without\n        // also dismissing the modal behind it.\n        const escapeHandler = (e: KeyboardEvent) => {\n          if (e.key !== 'Escape') return;\n          if (!popoverContentRef.current?.contains(document.activeElement)) return;\n          e.preventDefault();\n          e.stopPropagation();\n          setDisplayPopover(false);\n          requestAnimationFrame(() => focusTriggerElement());\n        };\n        window.addEventListener('keydown', escapeHandler, true);\n\n        // Trigger source visibility check immediately\n        checkSourceVisibility();\n\n        // Use double-rAF to measure portal after browser has completed layout,\n        // guaranteeing real dimensions are available for flip/clamp calculations.\n        // Portal is hidden via visibility:hidden until this completes (no flash).\n        let rafId1: number;\n        let rafId2: number;\n        rafId1 = requestAnimationFrame(() => {\n          rafId2 = requestAnimationFrame(() => {\n            const position = calculatePositionOfPopover(popoverPosition);\n            if (position) {\n              setPortalPosition(position);\n            }\n            setIsPortalMeasured(true);\n          });\n        });\n\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n            window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          } else {\n            window.removeEventListener('scroll', scrollListenerForRepositioning);\n          }\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          window.removeEventListener('keydown', escapeHandler, true);\n          cancelAnimationFrame(rafId1);\n          cancelAnimationFrame(rafId2);\n          setIsPortalMeasured(false);\n        };\n      }\n    }, [displayPopover, isWithPortal, disableAutoClose]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens.\n      // For portal, delay longer so isSrcElementVisible can be set and portal can mount first.\n      if (displayPopover) {\n        setTimeout(() => {\n          const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n          if (firstFocusable && (focusFirstOnOpen || document.activeElement === srcElementRef.current)) {\n            firstFocusable.focus();\n          }\n        }, isWithPortal ? 60 : 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if (disableAutoClose) return;\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      if (disableAutoClose) return;\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const scrollListenerForRepositioning = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = (focusFirst: boolean | 'last' = false) => {\n      const wasOpen = displayPopover;\n      setDisplayPopover((prev) => !prev);\n      if (!wasOpen && focusFirst) {\n        setTimeout(() => {\n          if (focusFirst === 'last') {\n            const lastFocusable = getLastFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n            if (lastFocusable) lastFocusable.focus();\n          } else {\n            const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n            if (firstFocusable) firstFocusable.focus();\n          }\n        }, 50);\n      }\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Native form controls own their arrow key behavior — don't intercept.\n      // (e.g. a SearchBox inside a Popover should keep focus while typing/navigating)\n      const activeEl = document.activeElement;\n      if (activeEl?.tagName === 'INPUT' || activeEl?.tagName === 'TEXTAREA' || activeEl?.tagName === 'SELECT') {\n        return;\n      }\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_WITH_ROLES_SELECTOR)).filter((el) => {\n        // Filter out disabled and hidden elements.\n        // Note: check aria-disabled VALUE not just presence — React always writes aria-disabled=\"false\"\n        // on elements like MenuItem even when not disabled, so hasAttribute would wrongly exclude them.\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          el.getAttribute('aria-disabled') !== 'true' &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    const handlePopoverContentKeyDown = (e: React.KeyboardEvent) => {\n      // Allow Escape key to close popover when focus is on content\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        setDisplayPopover(false);\n        // Defer focus restoration to after React re-renders and portal unmounts.\n        // Synchronous focus() during the event can be displaced by the portal\n        // teardown in some browsers, especially when isWithPortal=true.\n        requestAnimationFrame(() => focusTriggerElement());\n      } else if (e.key === 'Tab') {\n        if (popupType === 'dialog') {\n          // Dialog popovers: let Tab flow naturally within the content.\n          // Only close when focus would actually leave the popover.\n          const focusables = getFocusableElements({ container: popoverContentRef.current, filterHidden: true });\n          const currentIndex = focusables.indexOf(e.target as HTMLElement);\n          const isOnLast = currentIndex === focusables.length - 1;\n          const isOnFirst = currentIndex === 0 || currentIndex === -1;\n\n          if (e.shiftKey && isOnFirst) {\n            // Shift+Tab past first element — close and return focus to trigger\n            e.preventDefault();\n            setDisplayPopover(false);\n            focusTriggerElement();\n          } else if (!e.shiftKey && isOnLast) {\n            // Tab past last element — close popover\n            setDisplayPopover(false);\n            if (isWithPortal) {\n              e.preventDefault();\n              const srcEl = srcElementRef.current;\n              const allFocusables = getFocusableElements({ container: document.body, filterHidden: true });\n              const idx = srcEl ? allFocusables.indexOf(srcEl) : -1;\n              const next = allFocusables[idx + 1];\n              if (next) next.focus();\n              else srcEl?.focus();\n            }\n          }\n          // Otherwise: let browser handle Tab naturally within the popover content\n        } else {\n          // Non-dialog: close popover when Tab exits the menu\n          setDisplayPopover(false);\n          if (e.shiftKey) {\n            // Shift+Tab: prevent default (would go to wrapper) and focus trigger instead\n            e.preventDefault();\n            focusTriggerElement();\n          } else if (isWithPortal) {\n            // Portal forward Tab: portal content is at document.body so natural Tab order\n            // skips back to the top of the page. Manually advance to the next focusable\n            // element after the trigger in the main document instead.\n            e.preventDefault();\n            const srcEl = srcElementRef.current;\n            const focusables = getFocusableElements({ container: document.body, filterHidden: true });\n            const idx = srcEl ? focusables.indexOf(srcEl) : -1;\n            const next = focusables[idx + 1];\n            if (next) next.focus();\n            else srcEl?.focus();\n          }\n          // Non-portal forward Tab: do NOT preventDefault — browser moves focus to next element naturally\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n        // Handle arrow key navigation for focusable elements inside popover\n        handleArrowKeyNavigation(e, popoverContentRef.current);\n      } else if (e.key === 'Enter' || e.key === ' ') {\n        // Prevent Enter/Space from bubbling to wrapper (mirrors click stopPropagation)\n        e.stopPropagation();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover, focusTrigger: () => srcElementRef.current?.focus(), element: srcElementRef.current }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative focus-outline rounded-md' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled || disableClickToggle) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening.\n            // Portal content isn't mounted until isSrcElementVisible resolves (via setTimeout 0),\n            // so use a longer delay for portal to ensure popoverContentRef.current is set.\n            if (!wasOpen) {\n              setTimeout(() => {\n                const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n                if (firstFocusable) firstFocusable.focus();\n              }, isWithPortal ? 60 : 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n              if (firstFocusable) firstFocusable.focus();\n            }, 0);\n          }\n        }}\n        onBlurCapture={onDismissBlurCapture}\n        onBlur={(e) => {\n          // Portal content is rendered outside wrapper, so keep explicit check for that case.\n          if (!displayPopover || disableAutoClose || !isWithPortal) return;\n\n          const nextFocused = e.relatedTarget as Node | null;\n          const isFocusInSource = !!(nextFocused && srcElementRef.current?.contains(nextFocused));\n          const isFocusInPopover = !!(nextFocused && popoverContentRef.current?.contains(nextFocused));\n\n          // Close only when focus leaves both source and portal content.\n          if (!isFocusInSource && !isFocusInPopover) {\n            setDisplayPopover(false);\n          }\n        }}\n        role={disableClickToggle ? 'none' : sourceRole}\n        aria-expanded={disableClickToggle ? undefined : displayPopover ? 'true' : 'false'}\n        aria-haspopup={disableClickToggle ? undefined : sourceRole === 'combobox' ? 'listbox' : popupType}\n        tabIndex={disabled || disableClickToggle ? -1 : 0}\n        aria-disabled={disableClickToggle ? undefined : disabled ? 'true' : undefined}\n        {...accessibleNameProps}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={handlePopoverContentKeyDown}\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: closePopover })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal z-[2002] ${popoverContentClasses} ${\n                contentWidth == 'full' ? '' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                visibility: isPortalMeasured ? 'visible' : 'hidden',\n                maxHeight: 'calc(100vh - 96px)',\n                overflowY: 'hidden',\n                ...(contentWidth === 'full' && portalPosition.srcWidth\n                  ? { width: `${portalPosition.srcWidth}px` }\n                  : {}),\n                ...popoverContentStyleProperty,\n                zIndex: 2002\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={handlePopoverContentKeyDown}\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: closePopover })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","ariaLabelledBy","sourceRole","popupType","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","focusFirstOnOpen","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","useRegisterPortalWithFocusTrap","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","onBlurCapture","onDismissBlurCapture","useDismissOnFocusOut","onFocusOut","closeOnEscape","portalPosition","setPortalPosition","top","left","srcWidth","isPortalMeasured","setIsPortalMeasured","focusTriggerElement","getFirstFocusableElement","container","current","includeRoles","focus","closePopover","options","returnFocus","requestAnimationFrame","returnFocusTo","HTMLElement","calculatePositionOfPopover","localPosition","srcRect","getBoundingClientRect","scrollbarWidth","window","innerWidth","document","documentElement","clientWidth","viewportWidth","Math","max","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","spaceAbove","spaceBelow","round","useEffect","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","escapeHandler","e","key","contains","activeElement","preventDefault","stopPropagation","checkSourceVisibility","rafId1","rafId2","cancelAnimationFrame","rec","isVisible","setTimeout","firstFocusable","includes","event","currentDropRef","target","isSourcePopover","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","focusFirst","wasOpen","prev","lastFocusable","getLastFocusableElement","handleArrowKeyNavigation","activeEl","tagName","focusableElements","Array","from","querySelectorAll","FOCUSABLE_WITH_ROLES_SELECTOR","filter","el","style","getComputedStyle","hasAttribute","getAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","handlePopoverContentKeyDown","focusables","getFocusableElements","filterHidden","indexOf","isOnLast","isOnFirst","shiftKey","srcEl","allFocusables","idx","next","useImperativeHandle","focusTrigger","element","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","currentRef","onBlur","nextFocused","relatedTarget","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal","maxHeight","overflowY"],"mappings":"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"}
+{"version":3,"file":"index19.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  getA11yNameAttributes,\n  useDismissOnFocusOut,\n  FOCUSABLE_WITH_ROLES_SELECTOR,\n  getFocusableElements,\n  getFirstFocusableElement,\n  getLastFocusableElement\n} from '../../utils/a11y';\nimport { useRegisterPortalWithFocusTrap } from '../../utils/a11y/FocusTrapPortalContext';\n\nexport interface PopoverHandle {\n  togglePopover: (focusFirst?: boolean | 'last') => void;\n  /** Focus the popover source/trigger element. */\n  focusTrigger: () => void;\n  /** The wrapper element that acts as the popover trigger. Stable DOM node with tabIndex=0. */\n  element: HTMLElement | null;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: (options?: { returnFocus?: boolean; returnFocusTo?: HTMLElement | React.RefObject<HTMLElement> }) => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: (focusFirst?: boolean | 'last') => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  sourceRole?: 'button' | 'combobox';\n  popupType?: 'menu' | 'listbox' | 'dialog' | 'true';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n  disableAutoClose?: boolean;\n  /** Focus the first focusable element when the popover opens via isPopoverOpen (external state). */\n  focusFirstOnOpen?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      ariaLabelledBy,\n      sourceRole = 'button',\n      popupType = 'true',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      noBorder = false,\n      disableAutoClose = false,\n      focusFirstOnOpen = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    // Register portal content with the nearest ancestor focus trap (e.g., Modal)\n    // so the focus trap's safety net allows focus to move into portal content.\n    useRegisterPortalWithFocusTrap(popoverContentRef, isWithPortal && displayPopover);\n\n    // Compute accessible name/description props with correct precedence\n    const accessibleNameProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy: undefined // Popover doesn't support describedBy yet\n    });\n\n    // Use shared focus-out dismissal for non-portal popovers.\n    // Portal content lives outside the wrapper, so portal uses a dedicated onBlur fallback below.\n    const { onBlurCapture: onDismissBlurCapture } = useDismissOnFocusOut<HTMLDivElement>({\n      disabled: !displayPopover || disableAutoClose || isWithPortal,\n      onFocusOut: () => setDisplayPopover(false),\n      closeOnEscape: false\n    });\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0, srcWidth: 0 });\n    const [isPortalMeasured, setIsPortalMeasured] = useState(false);\n\n    // Focus the actual trigger element on popover close.\n    // When disableClickToggle=true the wrapper is role=\"none\"/tabIndex=-1 — focus the\n    // first focusable child (the inner Button/Icon) instead.\n    const focusTriggerElement = () => {\n      if (disableClickToggle) {\n        const inner = getFirstFocusableElement({ container: srcElementRef.current, includeRoles: true });\n        (inner ?? srcElementRef.current)?.focus();\n      } else {\n        srcElementRef.current?.focus();\n      }\n    };\n\n    const closePopover = (options?: { returnFocus?: boolean; returnFocusTo?: HTMLElement | React.RefObject<HTMLElement> }) => {\n      setDisplayPopover(false);\n      if (options?.returnFocus !== false) {\n        requestAnimationFrame(() => {\n          if (options?.returnFocusTo) {\n            const target = options.returnFocusTo instanceof HTMLElement\n              ? options.returnFocusTo\n              : options.returnFocusTo.current;\n            target?.focus();\n          } else {\n            focusTriggerElement();\n          }\n        });\n      }\n    };\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0, srcWidth: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      // Subtract scrollbar width so portal content doesn't render behind a scrollbar.\n      // document.documentElement.clientWidth excludes any visible scrollbar;\n      // fall back to a 16px buffer (max scrollbar width across OS/browsers) when\n      // body overflow is hidden and the scrollbar belongs to a nested container.\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n      const viewportWidth = window.innerWidth - Math.max(scrollbarWidth, 16);\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      // When contentWidth='full', the panel will be sized to srcRect.width after measurement.\n      // Use srcRect.width directly so centering and viewport clamping use the correct final width.\n      const popoverWidth = (contentWidth === 'full' ? Math.max(srcRect.width, popoverRect?.width || 0) : popoverRect?.width) || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above the topbar (48px fixed header)\n          if (top < 48) {\n            top = 48;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(48, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 48) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(48, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top: Math.round(top), left: Math.round(left), srcWidth: srcRect.width };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        // Add click listener for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickListener, true);\n        }\n        checkPopoverPosition();\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickListener, true);\n          }\n        };\n      } else if (displayPopover && isWithPortal) {\n        // Add click/scroll listeners for auto-close behavior only if not disabled\n        if (!disableAutoClose) {\n          document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        } else {\n          // When disableAutoClose is true, still listen to scroll for repositioning\n          window.addEventListener('scroll', scrollListenerForRepositioning);\n        }\n        // Always add resize listener for repositioning\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Escape on window capture phase — must fire before document-capture listeners\n        // (e.g. useDismissOnEscape in Modal) so Escape closes the portal Dropdown without\n        // also dismissing the modal behind it.\n        const escapeHandler = (e: KeyboardEvent) => {\n          if (e.key !== 'Escape') return;\n          if (!popoverContentRef.current?.contains(document.activeElement)) return;\n          e.preventDefault();\n          e.stopPropagation();\n          setDisplayPopover(false);\n          requestAnimationFrame(() => focusTriggerElement());\n        };\n        window.addEventListener('keydown', escapeHandler, true);\n\n        // Trigger source visibility check immediately\n        checkSourceVisibility();\n\n        // Use double-rAF to measure portal after browser has completed layout,\n        // guaranteeing real dimensions are available for flip/clamp calculations.\n        // Portal is hidden via visibility:hidden until this completes (no flash).\n        let rafId1: number;\n        let rafId2: number;\n        rafId1 = requestAnimationFrame(() => {\n          rafId2 = requestAnimationFrame(() => {\n            const position = calculatePositionOfPopover(popoverPosition);\n            if (position) {\n              setPortalPosition(position);\n            }\n            setIsPortalMeasured(true);\n          });\n        });\n\n        return () => {\n          if (!disableAutoClose) {\n            document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n            window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          } else {\n            window.removeEventListener('scroll', scrollListenerForRepositioning);\n          }\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          window.removeEventListener('keydown', escapeHandler, true);\n          cancelAnimationFrame(rafId1);\n          cancelAnimationFrame(rafId2);\n          setIsPortalMeasured(false);\n        };\n      }\n    }, [displayPopover, isWithPortal, disableAutoClose]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens.\n      // For portal, delay longer so isSrcElementVisible can be set and portal can mount first.\n      if (displayPopover) {\n        setTimeout(() => {\n          const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n          if (firstFocusable && (focusFirstOnOpen || document.activeElement === srcElementRef.current)) {\n            firstFocusable.focus();\n          }\n        }, isWithPortal ? 60 : 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if (disableAutoClose) return;\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // check if the clicked popover is a nesteded child of the current popover content\n      const isNestedPopover = popoverContentRef.current?.contains(closestPopoverWrapper as Node);\n\n      if (disableAutoClose) return;\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || (isAnotherPopoverSource && !isNestedPopover)) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const scrollListenerForRepositioning = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = (focusFirst: boolean | 'last' = false) => {\n      const wasOpen = displayPopover;\n      setDisplayPopover((prev) => !prev);\n      if (!wasOpen && focusFirst) {\n        setTimeout(() => {\n          if (focusFirst === 'last') {\n            const lastFocusable = getLastFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n            if (lastFocusable) lastFocusable.focus();\n          } else {\n            const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n            if (firstFocusable) firstFocusable.focus();\n          }\n        }, 50);\n      }\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Native form controls own their arrow key behavior — don't intercept.\n      // (e.g. a SearchBox inside a Popover should keep focus while typing/navigating)\n      const activeEl = document.activeElement;\n      if (activeEl?.tagName === 'INPUT' || activeEl?.tagName === 'TEXTAREA' || activeEl?.tagName === 'SELECT') {\n        return;\n      }\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_WITH_ROLES_SELECTOR)).filter((el) => {\n        // Filter out disabled and hidden elements.\n        // Note: check aria-disabled VALUE not just presence — React always writes aria-disabled=\"false\"\n        // on elements like MenuItem even when not disabled, so hasAttribute would wrongly exclude them.\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          el.getAttribute('aria-disabled') !== 'true' &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    const handlePopoverContentKeyDown = (e: React.KeyboardEvent) => {\n      // Allow Escape key to close popover when focus is on content\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        setDisplayPopover(false);\n        // Defer focus restoration to after React re-renders and portal unmounts.\n        // Synchronous focus() during the event can be displaced by the portal\n        // teardown in some browsers, especially when isWithPortal=true.\n        requestAnimationFrame(() => focusTriggerElement());\n      } else if (e.key === 'Tab') {\n        if (popupType === 'dialog') {\n          // Dialog popovers: let Tab flow naturally within the content.\n          // Only close when focus would actually leave the popover.\n          const focusables = getFocusableElements({ container: popoverContentRef.current, filterHidden: true });\n          const currentIndex = focusables.indexOf(e.target as HTMLElement);\n          const isOnLast = currentIndex === focusables.length - 1;\n          const isOnFirst = currentIndex === 0 || currentIndex === -1;\n\n          if (e.shiftKey && isOnFirst) {\n            // Shift+Tab past first element — close and return focus to trigger\n            e.preventDefault();\n            setDisplayPopover(false);\n            focusTriggerElement();\n          } else if (!e.shiftKey && isOnLast) {\n            // Tab past last element — close popover\n            setDisplayPopover(false);\n            if (isWithPortal) {\n              e.preventDefault();\n              const srcEl = srcElementRef.current;\n              const allFocusables = getFocusableElements({ container: document.body, filterHidden: true });\n              const idx = srcEl ? allFocusables.indexOf(srcEl) : -1;\n              const next = allFocusables[idx + 1];\n              if (next) next.focus();\n              else srcEl?.focus();\n            }\n          }\n          // Otherwise: let browser handle Tab naturally within the popover content\n        } else {\n          // Non-dialog: close popover when Tab exits the menu\n          setDisplayPopover(false);\n          if (e.shiftKey) {\n            // Shift+Tab: prevent default (would go to wrapper) and focus trigger instead\n            e.preventDefault();\n            focusTriggerElement();\n          } else if (isWithPortal) {\n            // Portal forward Tab: portal content is at document.body so natural Tab order\n            // skips back to the top of the page. Manually advance to the next focusable\n            // element after the trigger in the main document instead.\n            e.preventDefault();\n            const srcEl = srcElementRef.current;\n            const focusables = getFocusableElements({ container: document.body, filterHidden: true });\n            const idx = srcEl ? focusables.indexOf(srcEl) : -1;\n            const next = focusables[idx + 1];\n            if (next) next.focus();\n            else srcEl?.focus();\n          }\n          // Non-portal forward Tab: do NOT preventDefault — browser moves focus to next element naturally\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n        // Handle arrow key navigation for focusable elements inside popover\n        handleArrowKeyNavigation(e, popoverContentRef.current);\n      } else if (e.key === 'Enter' || e.key === ' ') {\n        // Prevent Enter/Space from bubbling to wrapper (mirrors click stopPropagation)\n        e.stopPropagation();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover, focusTrigger: () => focusTriggerElement(), element: srcElementRef.current }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative focus-outline rounded-md' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled || disableClickToggle) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening.\n            // Portal content isn't mounted until isSrcElementVisible resolves (via setTimeout 0),\n            // so use a longer delay for portal to ensure popoverContentRef.current is set.\n            if (!wasOpen) {\n              setTimeout(() => {\n                const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n                if (firstFocusable) firstFocusable.focus();\n              }, isWithPortal ? 60 : 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const firstFocusable = getFirstFocusableElement({ container: popoverContentRef.current, includeRoles: true });\n              if (firstFocusable) firstFocusable.focus();\n            }, 0);\n          }\n        }}\n        onBlurCapture={onDismissBlurCapture}\n        onBlur={(e) => {\n          // Portal content is rendered outside wrapper, so keep explicit check for that case.\n          if (!displayPopover || disableAutoClose || !isWithPortal) return;\n\n          const nextFocused = e.relatedTarget as Node | null;\n          const isFocusInSource = !!(nextFocused && srcElementRef.current?.contains(nextFocused));\n          const isFocusInPopover = !!(nextFocused && popoverContentRef.current?.contains(nextFocused));\n\n          // Close only when focus leaves both source and portal content.\n          if (!isFocusInSource && !isFocusInPopover) {\n            setDisplayPopover(false);\n          }\n        }}\n        role={disableClickToggle ? 'none' : sourceRole}\n        aria-expanded={disableClickToggle ? undefined : displayPopover ? 'true' : 'false'}\n        aria-haspopup={disableClickToggle ? undefined : sourceRole === 'combobox' ? 'listbox' : popupType}\n        tabIndex={disabled || disableClickToggle ? -1 : 0}\n        aria-disabled={disableClickToggle ? undefined : disabled ? 'true' : undefined}\n        {...accessibleNameProps}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={handlePopoverContentKeyDown}\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: closePopover })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal z-[2002] ${popoverContentClasses} ${\n                contentWidth == 'full' ? '' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                visibility: isPortalMeasured ? 'visible' : 'hidden',\n                maxHeight: 'calc(100vh - 96px)',\n                overflowY: 'hidden',\n                ...(contentWidth === 'full' && portalPosition.srcWidth\n                  ? { width: `${portalPosition.srcWidth}px` }\n                  : {}),\n                ...popoverContentStyleProperty,\n                zIndex: 2002\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={handlePopoverContentKeyDown}\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: closePopover })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","ariaLabelledBy","sourceRole","popupType","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","focusFirstOnOpen","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","useRegisterPortalWithFocusTrap","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","onBlurCapture","onDismissBlurCapture","useDismissOnFocusOut","onFocusOut","closeOnEscape","portalPosition","setPortalPosition","top","left","srcWidth","isPortalMeasured","setIsPortalMeasured","focusTriggerElement","getFirstFocusableElement","container","current","includeRoles","focus","closePopover","options","returnFocus","requestAnimationFrame","returnFocusTo","HTMLElement","calculatePositionOfPopover","localPosition","srcRect","getBoundingClientRect","scrollbarWidth","window","innerWidth","document","documentElement","clientWidth","viewportWidth","Math","max","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","spaceAbove","spaceBelow","round","useEffect","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","escapeHandler","e","key","contains","activeElement","preventDefault","stopPropagation","checkSourceVisibility","rafId1","rafId2","cancelAnimationFrame","rec","isVisible","setTimeout","firstFocusable","includes","event","currentDropRef","target","isSourcePopover","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","focusFirst","wasOpen","prev","lastFocusable","getLastFocusableElement","handleArrowKeyNavigation","activeEl","tagName","focusableElements","Array","from","querySelectorAll","FOCUSABLE_WITH_ROLES_SELECTOR","filter","el","style","getComputedStyle","hasAttribute","getAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","handlePopoverContentKeyDown","focusables","getFocusableElements","filterHidden","indexOf","isOnLast","isOnFirst","shiftKey","srcEl","allFocusables","idx","next","useImperativeHandle","focusTrigger","element","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","currentRef","onBlur","nextFocused","relatedTarget","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal","maxHeight","overflowY"],"mappings":";;;;;;;;;;;;;;;;AA4CO,MAAMA,wBACX,CACE;AAAA,EACEC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,UAAAA,IAAW;AAAA,EACXC,4BAAAA,IAA6B;AAAA,EAC7BC,cAAAA,IAAe;AAAA,EACfC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,cAAAA,IAAe;AAAA,EACfC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACbC,WAAAA,IAAY;AAAA,EACZC,6BAAAA,IAA8B;AAAA,IAC5BC,QAAQ;AAAA,IACRC,aAAa;AAAA,IACbC,OAAO;AAAA,IACPC,iBAAiB;AAAA,EAAA;AAAA,EAEnBC,oBAAAA,IAAqB;AAAA,EACrBC,UAAAA,KAAW;AAAA,EACXC,kBAAAA,IAAmB;AAAA,EACnBC,kBAAAA,KAAmB;AAAA,EACnB,GAAGC;AACL,GACAC,OACG;AACH,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,CAACC,GAAiBC,CAAkB,IAAIF,EAAS1B,CAAQ,GACzD,CAAC6B,IAAqBC,CAAsB,IAAIJ,EAAS,EAAK,GAC9DK,IAAgBC,GAAuB,IAAI,GAC3CC,IAAoBD,GAAuB,IAAI;AAIrDE,EAAAA,GAA+BD,GAAmBzB,KAAgBgB,CAAc;AAGhF,QAAMW,KAAsBC,GAAsB;AAAA,IAChD3B,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACA2B,iBAAiBC;AAAAA;AAAAA,EAAAA,CAClB,GAIK;AAAA,IAAEC,eAAeC;AAAAA,EAAAA,IAAyBC,GAAqC;AAAA,IACnFlC,UAAU,CAACiB,KAAkBJ,KAAoBZ;AAAAA,IACjDkC,YAAYA,MAAMjB,EAAkB,EAAK;AAAA,IACzCkB,eAAe;AAAA,EAAA,CAChB,GAEK,CAACC,GAAgBC,CAAiB,IAAInB,EAAS;AAAA,IAAEoB,KAAK;AAAA,IAAGC,MAAM;AAAA,IAAGC,UAAU;AAAA,EAAA,CAAG,GAC/E,CAACC,IAAkBC,CAAmB,IAAIxB,EAAS,EAAK,GAKxDyB,IAAsBA,MAAM;AAChC,IAAIjC,KACYkC,EAAyB;AAAA,MAAEC,WAAWtB,EAAcuB;AAAAA,MAASC,cAAc;AAAA,IAAA,CAAM,KACrFxB,EAAcuB,UAAUE,MAAAA,IAElCzB,EAAcuB,SAASE,MAAAA;AAAAA,EAE3B,GAEMC,IAAeA,CAACC,MAAoG;AACxHjC,IAAAA,EAAkB,EAAK,GACnBiC,GAASC,gBAAgB,MAC3BC,sBAAsB,MAAM;AAC1B,MAAIF,GAASG,iBACIH,EAAQG,yBAAyBC,cAC5CJ,EAAQG,gBACRH,EAAQG,cAAcP,UAClBE,MAAAA,IAERL,EAAAA;AAAAA,IAEJ,CAAC;AAAA,EAEL,GAEMY,IAA6BA,CAAC/D,IAAmB,oBAAoB;AACzE,QAAI,CAAC+B,EAAcuB,QAAS,QAAO;AAAA,MAAER,KAAK;AAAA,MAAGC,MAAM;AAAA,MAAGC,UAAU;AAAA,IAAA;AAEhE,QAAIgB,IAAgBhE;AAEpB,UAAMiE,IAAUlC,EAAcuB,QAAQY,sBAAAA,GAKhCC,IAAiBC,OAAOC,aAAaC,SAASC,gBAAgBC,aAC9DC,IAAgBL,OAAOC,aAAaK,KAAKC,IAAIR,GAAgB,EAAE,GAC/DS,IAAiBR,OAAOS;AAG9B,QAAI/B,IAAM,GACNC,IAAO;AAEX,YAAQiB,GAAAA;AAAAA,MACN,KAAK;AACHlB,QAAAA,IAAMmB,EAAQa,QACd/B,IAAOkB,EAAQlB;AACf;AAAA,MACF,KAAK;AACHD,QAAAA,IAAMmB,EAAQa,QACd/B,IAAOkB,EAAQc,QAAQd,EAAQe,QAAQ;AACvC;AAAA,MACF,KAAK;AACHlC,QAAAA,IAAMmB,EAAQa,QAEd/B,IAAOkB,EAAQlB,OAAOkB,EAAQe,QAAQ;AACtC;AAAA,MACF,KAAK;AACHlC,QAAAA,IAAMmB,EAAQnB,MAAMmB,EAAQgB,SAAS,KACrClC,IAAOkB,EAAQlB;AACf;AAAA,MACF,KAAK;AACHD,QAAAA,IAAMmB,EAAQnB,MAAMmB,EAAQgB,SAAS,KACrClC,IAAOkB,EAAQc,QAAQd,EAAQe,QAAQ;AACvC;AAAA,MACF,KAAK;AACHlC,QAAAA,IAAMmB,EAAQnB,MAAMmB,EAAQgB,SAAS,KAErClC,IAAOkB,EAAQlB,OAAOkB,EAAQe,QAAQ;AACtC;AAAA,MACF;AACElC,QAAAA,IAAMmB,EAAQa,QACd/B,IAAOkB,EAAQlB;AACf;AAAA,IAAA;AAIJ,UAAMmC,IAAcjD,EAAkBqB,SAASY,sBAAAA,GAGzCiB,KAAgBjF,MAAiB,SAASwE,KAAKC,IAAIV,EAAQe,OAAOE,GAAaF,SAAS,CAAC,IAAIE,GAAaF,UAAU,GACpHI,IAAgBF,GAAaD,UAAU;AAoB7C,SAjBIjB,MAAkB,mBAAmBA,MAAkB,kBAEzDjB,IAAOA,IAAOoC,IAAe,IAK3BpC,IAAOoC,IAAeV,MAExB1B,IAAO2B,KAAKC,IAAI,GAAGF,IAAgBU,CAAY,IAE7CpC,IAAO,MAETA,IAAO,IAILD,IAAMsC,IAAgBR,GAAgB;AAGxC,YAAMS,KAAapB,EAAQnB,KACrBwC,KAAaV,IAAiBX,EAAQa;AAE5C,MAAIO,MAAcD,KAAiBC,KAAaC,MAE9CxC,IAAMmB,EAAQnB,MAAMsC,GAEhBtC,IAAM,OACRA,IAAM,OAIRA,IAAM4B,KAAKC,IAAI,IAAIC,IAAiBQ,CAAa;AAAA,IAErD;AACA,WAAItC,IAAM,OAERA,IAAMmB,EAAQa,QAEVhC,IAAMsC,IAAgBR,MACxB9B,IAAM4B,KAAKC,IAAI,IAAIC,IAAiBQ,CAAa,KAI9C;AAAA,MAAEtC,KAAK4B,KAAKa,MAAMzC,CAAG;AAAA,MAAGC,MAAM2B,KAAKa,MAAMxC,CAAI;AAAA,MAAGC,UAAUiB,EAAQe;AAAAA,IAAAA;AAAAA,EAC3E;AAEAQ,EAAAA,EAAU,MAAM;AAKd,QAJInF,KACFA,EAAgBmB,CAAc,GAG5BA,KAAkB,CAAChB;AAErB,aAAKY,KACHkD,SAASmB,KAAKC,iBAAiB,SAASC,GAAe,EAAI,GAE7DC,GAAAA,GACO,MAAM;AACX,QAAKxE,KACHkD,SAASmB,KAAKI,oBAAoB,SAASF,GAAe,EAAI;AAAA,MAElE;AACF,QAAWnE,KAAkBhB,GAAc;AAEzC,MAAKY,IAKHgD,OAAOsB,iBAAiB,UAAUI,CAA8B,KAJhExB,SAASmB,KAAKC,iBAAiB,SAASK,GAAkC,EAAI,GAC9E3B,OAAOsB,iBAAiB,UAAUK,CAAgC,IAMpE3B,OAAOsB,iBAAiB,UAAUM,CAAwB;AAK1D,YAAMC,IAAgBA,CAACC,MAAqB;AAC1C,QAAIA,EAAEC,QAAQ,YACTlE,EAAkBqB,SAAS8C,SAAS9B,SAAS+B,aAAa,MAC/DH,EAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF9E,EAAkB,EAAK,GACvBmC,sBAAsB,MAAMT,GAAqB;AAAA,MACnD;AACAiB,aAAOsB,iBAAiB,WAAWO,GAAe,EAAI,GAGtDO,EAAAA;AAKA,UAAIC,GACAC;AACJD,aAAAA,IAAS7C,sBAAsB,MAAM;AACnC8C,QAAAA,IAAS9C,sBAAsB,MAAM;AACnC,gBAAM5D,IAAW+D,EAA2BpC,CAAe;AAC3D,UAAI3B,KACF6C,EAAkB7C,CAAQ,GAE5BkD,EAAoB,EAAI;AAAA,QAC1B,CAAC;AAAA,MACH,CAAC,GAEM,MAAM;AACX,QAAK9B,IAIHgD,OAAOyB,oBAAoB,UAAUC,CAA8B,KAHnExB,SAASmB,KAAKI,oBAAoB,SAASE,GAAkC,EAAI,GACjF3B,OAAOyB,oBAAoB,UAAUE,CAAgC,IAIvE3B,OAAOyB,oBAAoB,UAAUG,CAAwB,GAC7D5B,OAAOyB,oBAAoB,WAAWI,GAAe,EAAI,GACzDU,qBAAqBF,CAAM,GAC3BE,qBAAqBD,CAAM,GAC3BxD,EAAoB,EAAK;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,GAAG,CAAC1B,GAAgBhB,GAAcY,CAAgB,CAAC;AAEnD,QAAMoF,IAAwBA,MAAM;AAClC,QAAI,CAACzE,EAAcuB,SAAS;AAC1BxB,MAAAA,EAAuB,EAAK;AAC5B;AAAA,IACF;AAEA,UAAM8E,IAAM7E,EAAcuB,QAAQY,sBAAAA,GAC5BU,IAAiBR,OAAOS,aACxBJ,IAAgBL,OAAOC,YAEvBwC,IAAYD,EAAI9D,MAAM8B,KAAkBgC,EAAI9B,SAAS,KAAK8B,EAAI7D,OAAO0B,KAAiBmC,EAAI7B,QAAQ;AAExGjD,IAAAA,EAAuB+E,CAAS;AAAA,EAClC;AAEArB,EAAAA,EAAU,MAAM;AACd/D,IAAAA,EAAkBnB,KAAiB,EAAK;AAAA,EAC1C,GAAG,CAACA,CAAa,CAAC,GAElBkF,EAAU,MAAM;AAGd,IAAIhE,KACFsF,WAAW,MAAM;AACf,YAAMC,IAAiB3D,EAAyB;AAAA,QAAEC,WAAWpB,EAAkBqB;AAAAA,QAASC,cAAc;AAAA,MAAA,CAAM;AAC5G,MAAIwD,MAAmB1F,MAAoBiD,SAAS+B,kBAAkBtE,EAAcuB,YAClFyD,EAAevD,MAAAA;AAAAA,IAEnB,GAAGhD,IAAe,KAAK,CAAC;AAAA,EAE5B,GAAG,CAACgB,CAAc,CAAC;AAGnB,QAAMoE,KAAuBA,MAAM;AACjC,QAAI,CAAC3D,EAAkBqB,QAAS;AAEhC,UAAM4B,IAAcjD,EAAkBqB,QAAQY,sBAAAA,GACxCU,IAAiBR,OAAOS;AAE9B,IAAIK,GAAaJ,SAASF,IACxBhD,EACE5B,EAASgH,SAAS,MAAM,IAAI,aAAahH,EAASgH,SAAS,OAAO,IAAI,cAAc,YACtF,IACS9B,GAAapC,MAAM,KAE5BlB,EACE5B,EAASgH,SAAS,MAAM,IAAI,gBAAgBhH,EAASgH,SAAS,OAAO,IAAI,iBAAiB,eAC5F;AAAA,EAEJ,GAEMrB,IAAgBA,CAACsB,MAAsB;AAC3C,UAAMC,IAAiBnF,EAAcuB;AACrC,QAAI,CAAC4D,EAAgB;AAErB,UAAMC,IAASF,EAAME,QACfC,IAAkBF,EAAed,SAASe,CAAM,GAChDE,IAAmBpF,EAAkBqB,SAAS8C,SAASe,CAAM,GAI7DG,IADiBH,EACsBI,UAAU,4BAA4B,GAC7EC,IAAyBF,KAAyBA,MAA0BJ,GAG5EO,IAAkBxF,EAAkBqB,SAAS8C,SAASkB,CAA6B;AAIzF,IAAIlG,MACC,CAACgG,KAAmB,CAACC,KAAsBG,KAA0B,CAACC,MACzEhG,EAAkB,EAAK;AAAA,EAE3B,GAEMsE,IAAmCA,CAACkB,MAAiB;AACzD,UAAMC,IAAiBnF,EAAcuB,SAC/BoE,IAAoBzF,EAAkBqB;AAC5C,QAAI,CAAC4D,EAAgB;AAIrB,QAHAV,EAAAA,GAGIS,EAAMU,SAAS,YAAYnG,GAAgB;AAC7C,YAAMxB,IAAW+D,EAA2BpC,CAAe;AAC3D,MAAI3B,KACF6C,EAAkB7C,CAAQ;AAAA,IAE9B;AAEA,UAAMmH,IAASF,EAAME,QACfC,IAAkBF,EAAed,SAASe,CAAM,GAChDE,IAAmBK,GAAmBtB,SAASe,CAAM,GAIrDG,IADiBH,EACsBI,UAAU,4BAA4B,GAC7EC,IAAyBF,KAAyBA,MAA0BJ,GAG5EO,IAAkBxF,EAAkBqB,SAAS8C,SAASkB,CAA6B;AAEzF,IAAIlG,MAGC,CAACgG,KAAmB,CAACC,KAAsBG,KAA0B,CAACC,MACzEhG,EAAkB,EAAK;AAAA,EAE3B,GAEMuE,IAA2BA,MAAM;AACrC,QAAIxE,KAAkBhB,KAAgBuB,EAAcuB,SAAS;AAC3DkD,MAAAA,EAAAA;AACA,YAAMxG,IAAW+D,EAA2BpC,CAAe;AAC3D,MAAI3B,KACF6C,EAAkB7C,CAAQ;AAAA,IAE9B;AAAA,EACF,GAEM8F,IAAiCA,MAAM;AAC3C,QAAItE,KAAkBhB,KAAgBuB,EAAcuB,SAAS;AAC3DkD,MAAAA,EAAAA;AACA,YAAMxG,IAAW+D,EAA2BpC,CAAe;AAC3D,MAAI3B,KACF6C,EAAkB7C,CAAQ;AAAA,IAE9B;AAAA,EACF,GAEM4H,IAAgBA,CAACC,IAA+B,OAAU;AAC9D,UAAMC,IAAUtG;AAChBC,IAAAA,EAAmBsG,CAAAA,MAAS,CAACA,CAAI,GAC7B,CAACD,KAAWD,KACdf,WAAW,MAAM;AACf,UAAIe,MAAe,QAAQ;AACzB,cAAMG,IAAgBC,GAAwB;AAAA,UAAE5E,WAAWpB,EAAkBqB;AAAAA,UAASC,cAAc;AAAA,QAAA,CAAM;AAC1G,QAAIyE,OAA6BxE,MAAAA;AAAAA,MACnC,OAAO;AACL,cAAMuD,IAAiB3D,EAAyB;AAAA,UAAEC,WAAWpB,EAAkBqB;AAAAA,UAASC,cAAc;AAAA,QAAA,CAAM;AAC5G,QAAIwD,OAA+BvD,MAAAA;AAAAA,MACrC;AAAA,IACF,GAAG,EAAE;AAAA,EAET,GAEM0E,IAA2BA,CAAChC,GAAwB7C,MAAqC;AAC7F,QAAI,CAACA,EAAW;AAIhB,UAAM8E,IAAW7D,SAAS+B;AAC1B,QAAI8B,GAAUC,YAAY,WAAWD,GAAUC,YAAY,cAAcD,GAAUC,YAAY;AAC7F;AAGF,UAAMC,IAAoBC,MAAMC,KAAKlF,EAAUmF,iBAA8BC,EAA6B,CAAC,EAAEC,OAAQC,CAAAA,MAAO;AAI1H,YAAMC,IAAQxE,OAAOyE,iBAAiBF,CAAE;AACxC,aACE,CAACA,EAAGG,aAAa,UAAU,KAC3BH,EAAGI,aAAa,eAAe,MAAM,UACrCH,EAAMI,YAAY,UAClBJ,EAAMK,eAAe,aACpBN,EAAGO,YAAY,KAAKP,EAAGG,aAAa,MAAM;AAAA,IAE/C,CAAC;AAED,QAAIT,EAAkBc,WAAW,EAAG;AAEpC,UAAMC,IAAef,EAAkBgB,UAAWV,CAAAA,MAAOA,MAAOrE,SAAS+B,aAAa;AACtF,QAAIiD,IAAY;AAEhB,IAAIpD,EAAEC,QAAQ,eACZD,EAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF+C,IAAYF,IAAef,EAAkBc,SAAS,IAAIC,IAAe,IAAI,KACpElD,EAAEC,QAAQ,aACnBD,EAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF+C,IAAYF,IAAe,IAAIA,IAAe,IAAIf,EAAkBc,SAAS,KACpEjD,EAAEC,QAAQ,UACnBD,EAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF+C,IAAY,KACHpD,EAAEC,QAAQ,UACnBD,EAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF+C,IAAYjB,EAAkBc,SAAS,IAGrCG,KAAa,KAAKjB,EAAkBiB,CAAS,IAC/CjB,EAAkBiB,CAAS,EAAE9F,MAAAA,IACpB4F,MAAiB,MAAMf,EAAkBc,SAAS,KAE3Dd,EAAkB,CAAC,EAAE7E,MAAAA;AAAAA,EAEzB,GAEM+F,IAA8BA,CAACrD,MAA2B;AAE9D,QAAIA,EAAEC,QAAQ;AACZD,QAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF9E,EAAkB,EAAK,GAIvBmC,sBAAsB,MAAMT,GAAqB;AAAA,aACxC+C,EAAEC,QAAQ;AACnB,UAAIvF,MAAc,UAAU;AAG1B,cAAM4I,IAAaC,EAAqB;AAAA,UAAEpG,WAAWpB,EAAkBqB;AAAAA,UAASoG,cAAc;AAAA,QAAA,CAAM,GAC9FN,IAAeI,EAAWG,QAAQzD,EAAEiB,MAAqB,GACzDyC,IAAWR,MAAiBI,EAAWL,SAAS,GAChDU,IAAYT,MAAiB,KAAKA,MAAiB;AAEzD,YAAIlD,EAAE4D,YAAYD;AAEhB3D,YAAEI,eAAAA,GACF7E,EAAkB,EAAK,GACvB0B,EAAAA;AAAAA,iBACS,CAAC+C,EAAE4D,YAAYF,MAExBnI,EAAkB,EAAK,GACnBjB,IAAc;AAChB0F,YAAEI,eAAAA;AACF,gBAAMyD,IAAQhI,EAAcuB,SACtB0G,IAAgBP,EAAqB;AAAA,YAAEpG,WAAWiB,SAASmB;AAAAA,YAAMiE,cAAc;AAAA,UAAA,CAAM,GACrFO,IAAMF,IAAQC,EAAcL,QAAQI,CAAK,IAAI,IAC7CG,IAAOF,EAAcC,IAAM,CAAC;AAClC,UAAIC,MAAW1G,MAAAA,OACHA,MAAAA;AAAAA,QACd;AAAA,MAGJ,WAEE/B,EAAkB,EAAK,GACnByE,EAAE4D;AAEJ5D,UAAEI,eAAAA,GACFnD,EAAAA;AAAAA,eACS3C,GAAc;AAIvB0F,UAAEI,eAAAA;AACF,cAAMyD,IAAQhI,EAAcuB,SACtBkG,IAAaC,EAAqB;AAAA,UAAEpG,WAAWiB,SAASmB;AAAAA,UAAMiE,cAAc;AAAA,QAAA,CAAM,GAClFO,IAAMF,IAAQP,EAAWG,QAAQI,CAAK,IAAI,IAC1CG,IAAOV,EAAWS,IAAM,CAAC;AAC/B,QAAIC,MAAW1G,MAAAA,OACHA,MAAAA;AAAAA,MACd;AAAA,UAGJ,CAAW0C,EAAEC,QAAQ,eAAeD,EAAEC,QAAQ,aAAaD,EAAEC,QAAQ,UAAUD,EAAEC,QAAQ,QAEvF+B,EAAyBhC,GAAGjE,EAAkBqB,OAAO,KAC5C4C,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,QAExCD,EAAEK,gBAAAA;AAAAA,EAEN;AAEA4D,EAAAA,GAAoB5I,IAAK,OAAO;AAAA,IAAEqG,eAAAA;AAAAA,IAAewC,cAAcA,MAAMjH,EAAAA;AAAAA,IAAuBkH,SAAStI,EAAcuB;AAAAA,EAAAA,IAAY,CAAA,CAAE;AAEjI,QAAMgH,KAAsB;AAAA,IAC1B,eAAe;AAAA,MAAEvH,MAAM;AAAA,MAAKD,KAAK;AAAA,IAAA;AAAA,IACjC,gBAAgB;AAAA,MAAEiC,OAAO;AAAA,MAAKjC,KAAK;AAAA,IAAA;AAAA,IACnC,iBAAiB;AAAA,MAAEC,MAAM;AAAA,MAAOwH,WAAW;AAAA,MAAoBzH,KAAK;AAAA,IAAA;AAAA,IACpE,YAAY;AAAA,MAAEC,MAAM;AAAA,MAAK+B,QAAQ;AAAA,IAAA;AAAA,IACjC,aAAa;AAAA,MAAEC,OAAO;AAAA,MAAKD,QAAQ;AAAA,IAAA;AAAA,IACnC,cAAc;AAAA,MAAE/B,MAAM;AAAA,MAAOwH,WAAW;AAAA,MAAoBzF,QAAQ;AAAA,IAAA;AAAA,EAAO,GAEvE0F,IAAwBrJ,KAAW,KAAK;AAE9C,SACEsJ,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACE7K,WACE,gFACCA,EAAUqJ,SAAS,IAAI,IAAIrJ,CAAS,KAAK,OACzC0B,IAAiB,UAAU,OAC3BjB,IAAW,uDAAuD;AAAA,IAErEgB,KAAKQ;AAAAA,IACL6I,SAAU1E,CAAAA,MAAM;AACd,MAAI3F,KAAYW,MAChBgF,EAAEK,gBAAAA,GACFqB,EAAAA;AAAAA,IACF;AAAA,IACAiD,WAAY3E,CAAAA,MAAM;AAChB,UAAI3F,EAAAA,KAAYW;AAChB,YAAIgF,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,KAAK;AACtCD,YAAEI,eAAAA,GACFJ,EAAEK,gBAAAA;AACF,gBAAMuB,IAAUtG;AAChBoG,UAAAA,EAAAA,GAIKE,KACHhB,WAAW,MAAM;AACf,kBAAMC,IAAiB3D,EAAyB;AAAA,cAAEC,WAAWpB,EAAkBqB;AAAAA,cAASC,cAAc;AAAA,YAAA,CAAM;AAC5G,YAAIwD,OAA+BvD,MAAAA;AAAAA,UACrC,GAAGhD,IAAe,KAAK,CAAC;AAAA,QAE5B,WAAW0F,EAAEC,QAAQ,YAAY3E;AAC/B0E,YAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF9E,EAAkB,EAAK;AAAA,kBACbyE,EAAEC,QAAQ,eAAeD,EAAEC,QAAQ,cAAc3E,GAAgB;AAE3E,gBAAMsJ,IAAa7I,EAAkBqB;AACrC,UAAIwH,KACF5C,EAAyBhC,GAAG4E,CAAU;AAAA,QAE1C,MAAA,CAAW5E,EAAEC,QAAQ,eAAe,CAAC3E,MAEnC0E,EAAEI,eAAAA,GACFJ,EAAEK,gBAAAA,GACF9E,EAAkB,EAAI,GACtBqF,WAAW,MAAM;AACf,gBAAMC,IAAiB3D,EAAyB;AAAA,YAAEC,WAAWpB,EAAkBqB;AAAAA,YAASC,cAAc;AAAA,UAAA,CAAM;AAC5G,UAAIwD,OAA+BvD,MAAAA;AAAAA,QACrC,GAAG,CAAC;AAAA,IAER;AAAA,IACAjB,eAAeC;AAAAA,IACfuI,QAAS7E,CAAAA,MAAM;AAEb,UAAI,CAAC1E,KAAkBJ,KAAoB,CAACZ,EAAc;AAE1D,YAAMwK,IAAc9E,EAAE+E,eAChBC,IAAkB,CAAC,EAAEF,KAAejJ,EAAcuB,SAAS8C,SAAS4E,CAAW,IAC/EG,IAAmB,CAAC,EAAEH,KAAe/I,EAAkBqB,SAAS8C,SAAS4E,CAAW;AAG1F,MAAI,CAACE,KAAmB,CAACC,KACvB1J,EAAkB,EAAK;AAAA,IAE3B;AAAA,IACA2J,MAAMlK,IAAqB,SAASP;AAAAA,IACpC,iBAAeO,IAAqBoB,SAAYd,IAAiB,SAAS;AAAA,IAC1E,iBAAeN,IAAqBoB,SAAY3B,MAAe,aAAa,YAAYC;AAAAA,IACxFsI,UAAU3I,KAAYW,IAAqB,KAAK;AAAA,IAChD,iBAAeA,IAAqBoB,SAAY/B,IAAW,SAAS+B;AAAAA,EAAAA,GAChEH,IAAmB;AAAA,IACvB,sBAAoBpC;AAAAA,EAAAA,GAChBuB,EAAK,GAERlB,GAAwB;AAAA,IAAEoB,gBAAAA;AAAAA,IAAgBoG,eAAAA;AAAAA,EAAAA,CAAe,GAEzDpG,KAAkB,CAAChB,KAClBiK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE5K,WAAW,4BAA4B0K,CAAqB,aAC1DtK,KAAgB,SAAS,WAAW,OAAO;AAAA,IAE7C0I,OAAO;AAAA,MACL,GAAG/H;AAAAA,MACH,GAAGyJ,GAAoB3I,CAAe;AAAA,IAAA;AAAA,IAExCiJ,SAAU1E,CAAAA,MAAMA,EAAEK,gBAAAA;AAAAA,IAClBsE,WAAWtB;AAAAA,IACXhI,KAAKU;AAAAA,IACL,sBAAoBhC;AAAAA,EAAAA,GAEnBE,EAAsB;AAAA,IAAEkL,gBAAgB5H;AAAAA,EAAAA,CAAc,CACpD,GAENjD,KACCgB,KACAK,MACAyJ,gBAAAA,GAASC,aACPd,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE5K,WAAW,wCAAwC0K,CAAqB,IACtEtK,KAAgB,SAAS,KAAK,OAAO;AAAA,IAEvC0I,OAAO;AAAA,MACL5I,UAAU;AAAA,MACV8C,KAAKF,EAAeE;AAAAA,MACpBC,MAAMH,EAAeG;AAAAA,MACrBkG,YAAYhG,KAAmB,YAAY;AAAA,MAC3CuI,WAAW;AAAA,MACXC,WAAW;AAAA,MACX,GAAIvL,MAAiB,UAAU0C,EAAeI,WAC1C;AAAA,QAAEgC,OAAO,GAAGpC,EAAeI,QAAQ;AAAA,MAAA,IACnC,CAAA;AAAA,MACJ,GAAGnC;AAAAA,MACHC,QAAQ;AAAA,IAAA;AAAA,IAEV8J,SAAU1E,CAAAA,MAAMA,EAAEK,gBAAAA;AAAAA,IAClBsE,WAAWtB;AAAAA,IACXhI,KAAKU;AAAAA,IACL,sBAAoBhC;AAAAA,EAAAA,GAEnBE,EAAsB;AAAA,IAAEkL,gBAAgB5H;AAAAA,EAAAA,CAAc,CACpD,GACLa,SAASmB,IACX,CACC;AAET,CACF;"}

package/dist/index207.js

@@ -1,42 +1,43 @@
-import { useRef as d } from "react";
-import { useFocusTrap as u } from "./index72.js";
+import { useRef as l } from "react";
+import { useFocusTrap as d } from "./index72.js";
 import { useDismissOnEscape as c } from "./index215.js";
 import { getA11yNameAttributes as f } from "./index81.js";
 import { useStableId as p } from "./index205.js";
 function x({
-  isOpen: e,
+  isOpen: t,
   onDismiss: s,
   ariaLabel: o,
-  ariaLabelledBy: a,
-  titleIdPrefix: i = "modal-title",
+  ariaLabelledBy: i,
+  titleIdPrefix: a = "modal-title",
   initialFocus: m = "first",
   portalContainerRefs: n
 }) {
-  const t = d(null), r = p(void 0, i);
-  u({
-    enabled: e,
-    containerRef: t,
+  const e = l(null), r = p(void 0, a);
+  d({
+    enabled: t,
+    containerRef: e,
     restoreFocus: !0,
     initialFocus: m,
     portalContainerRefs: n
   }), c({
-    containerRef: t,
+    containerRef: e,
     onDismiss: s,
-    enabled: e
+    enabled: t,
+    useDocumentListener: !0
   });
-  const l = {
+  const u = {
     role: "dialog",
     "aria-modal": !0,
     tabIndex: -1,
     ...f({
-      ariaLabelledBy: a ?? (o ? void 0 : r),
+      ariaLabelledBy: i ?? (o ? void 0 : r),
       ariaLabel: o
     })
   };
   return {
-    containerRef: t,
+    containerRef: e,
     titleId: r,
-    dialogProps: l
+    dialogProps: u
   };
 }
 export {

package/dist/index207.js.map

@@ -1 +1 @@
-{"version":3,"file":"index207.js","sources":["../src/utils/a11y/useModalA11y.ts"],"sourcesContent":["import { useRef } from 'react';\nimport type { MutableRefObject, RefObject } from 'react';\nimport { useFocusTrap } from './useFocusTrap';\nimport { useDismissOnEscape } from './useDismissOnEscape';\nimport { getA11yNameAttributes } from './accessibleName';\nimport { useStableId } from 'src/utils/useStableId';\n\nexport interface UseModalA11yOptions {\n  /**\n   * Whether the modal is open. Controls focus trap and Escape handler activation.\n   */\n  isOpen: boolean;\n  /**\n   * Called when Escape is pressed while focus is within the modal.\n   * If undefined, Escape dismissal is disabled.\n   */\n  onDismiss?: () => void;\n  /**\n   * aria-label for modals without a visible title heading.\n   * Only used when `ariaLabelledBy` is not provided.\n   */\n  ariaLabel?: string;\n  /**\n   * ID of an existing visible element (e.g. an h2 inside the modal content) that labels\n   * the dialog. Preferred over ariaLabel when a visible heading already exists in the content.\n   * Only used when `title` is not provided.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * Prefix for the auto-generated title element id. Default: 'modal-title'.\n   */\n  titleIdPrefix?: string;\n  /**\n   * Initial focus target when the modal opens. Forwarded to useFocusTrap.\n   * - 'first': Focus first focusable element (default)\n   * - 'container': Focus the dialog container itself\n   * - 'none': Skip — browser handles it (e.g. autofocus attribute on inner element)\n   * - CSS selector string: Focus matching element\n   * - HTMLElement: Focus specific element\n   */\n  initialFocus?: 'first' | 'container' | 'none' | string | HTMLElement;\n  /**\n   * Additional container refs for portal content that is logically part of this modal.\n   * Passed through to useFocusTrap and useDismissOnEscape so their safety nets\n   * allow focus to move into portal-rendered content (e.g., Dropdown with isWithPortal).\n   */\n  portalContainerRefs?: MutableRefObject<RefObject<HTMLElement | null>[]>;\n}\n\nexport interface UseModalA11yReturn {\n  /**\n   * Ref to attach to the dialog container element.\n   */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Stable ID to set on the visible title element: `<h2 id={titleId}>`.\n   * Only relevant when `title` is provided.\n   */\n  titleId: string;\n  /**\n   * Spread onto the dialog container element.\n   * Includes: role=\"dialog\", aria-modal, tabIndex, aria-labelledby or aria-label.\n   */\n  dialogProps: {\n    role: 'dialog';\n    'aria-modal': true;\n    tabIndex: number;\n    [key: string]: unknown;\n  };\n}\n\n/**\n * Bundles all WCAG dialog semantics into a single hook.\n *\n * Handles:\n * - Stable ID for title element (aria-labelledby association)\n * - Focus trap: moves focus into modal on open, wraps Tab, restores focus on close\n * - Escape dismissal: calls onDismiss when Escape is pressed within the modal\n * - dialogProps: role=\"dialog\", aria-modal, tabIndex, aria-labelledby / aria-label\n *\n * @example Modal with a visible title (most common)\n * ```tsx\n * const MyModal = ({ isOpen, onClose }) => {\n *   const { containerRef, titleId, dialogProps } = useModalA11y({\n *     isOpen,\n *     onDismiss: onClose,\n *   });\n *\n *   return (\n *     <div ref={containerRef} {...dialogProps} className=\"modal-content\">\n *       <h2 id={titleId}>My Title</h2>\n *       ...\n *     </div>\n *   );\n * };\n * ```\n *\n * @example Modal without a visible title\n * ```tsx\n * const { containerRef, dialogProps } = useModalA11y({\n *   isOpen,\n *   onDismiss: onClose,\n *   ariaLabel: 'Upload document',\n * });\n * ```\n *\n * @example Custom initial focus (specific button) or skip (autofocus)\n * ```tsx\n * useModalA11y({ isOpen, onDismiss, initialFocus: '.my-cta-btn' });\n * useModalA11y({ isOpen, onDismiss, initialFocus: 'none' }); // autofocus on inner element\n * ```\n */\nexport function useModalA11y({\n  isOpen,\n  onDismiss,\n  ariaLabel,\n  ariaLabelledBy,\n  titleIdPrefix = 'modal-title',\n  initialFocus = 'first',\n  portalContainerRefs,\n}: UseModalA11yOptions): UseModalA11yReturn {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const titleId = useStableId(undefined, titleIdPrefix);\n\n  useFocusTrap({\n    enabled: isOpen,\n    containerRef,\n    restoreFocus: true,\n    initialFocus,\n    portalContainerRefs,\n  });\n\n  useDismissOnEscape({\n    containerRef,\n    onDismiss,\n    enabled: isOpen,\n  });\n\n  const nameAttrs = getA11yNameAttributes({\n    ariaLabelledBy: ariaLabelledBy ?? (ariaLabel ? undefined : titleId),\n    ariaLabel: ariaLabel,\n  });\n\n  const dialogProps = {\n    role: 'dialog' as const,\n    'aria-modal': true as const,\n    tabIndex: -1,\n    ...nameAttrs,\n  };\n\n  return { containerRef, titleId, dialogProps };\n}\n"],"names":["useRef","useFocusTrap","useDismissOnEscape","getA11yNameAttributes","useStableId","useModalA11y","isOpen","onDismiss","ariaLabel","ariaLabelledBy","titleIdPrefix","initialFocus","portalContainerRefs","containerRef","titleId","undefined","enabled","restoreFocus","dialogProps","role","tabIndex","nameAttrs"],"mappings":"AAgHO,SAAA,UAAAA,SAAA;AAAA,SAAA,gBAAAC,SAAA;AAAA,SAAA,sBAAAC,SAAA;AAAA,SAAA,yBAAAC,SAAA;AAAA,SAAA,eAAAC,SAAA;AAAA,SAASC,EAAa;AAAA,EAC3BC,QAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,cAAAA,IAAe;AAAA,EACfC,qBAAAA;AACmB,GAAuB;AAC1C,QAAMC,IAAeb,EAAuB,IAAI,GAC1Cc,IAAUV,EAAYW,QAAWL,CAAa;AAEpDT,EAAAA,EAAa;AAAA,IACXe,SAASV;AAAAA,IACTO,cAAAA;AAAAA,IACAI,cAAc;AAAA,IACdN,cAAAA;AAAAA,IACAC,qBAAAA;AAAAA,EAAAA,CACD,GAEDV,EAAmB;AAAA,IACjBW,cAAAA;AAAAA,IACAN,WAAAA;AAAAA,IACAS,SAASV;AAAAA,EAAAA,CACV;AAOD,QAAMY,IAAc;AAAA,IAClBC,MAAM;AAAA,IACN,cAAc;AAAA,IACdC,UAAU;AAAA,IACV,GATgBjB,EAAsB;AAAA,MACtCM,gBAAgBA,MAAmBD,IAAYO,SAAYD;AAAAA,MAC3DN,WAAAA;AAAAA,IAAAA,CACD;AAAA,EAMIa;AAGL,SAAO;AAAA,IAAER,cAAAA;AAAAA,IAAcC,SAAAA;AAAAA,IAASI,aAAAA;AAAAA,EAAAA;AAClC;"}
+{"version":3,"file":"index207.js","sources":["../src/utils/a11y/useModalA11y.ts"],"sourcesContent":["import { useRef } from 'react';\nimport type { MutableRefObject, RefObject } from 'react';\nimport { useFocusTrap } from './useFocusTrap';\nimport { useDismissOnEscape } from './useDismissOnEscape';\nimport { getA11yNameAttributes } from './accessibleName';\nimport { useStableId } from 'src/utils/useStableId';\n\nexport interface UseModalA11yOptions {\n  /**\n   * Whether the modal is open. Controls focus trap and Escape handler activation.\n   */\n  isOpen: boolean;\n  /**\n   * Called when Escape is pressed while focus is within the modal.\n   * If undefined, Escape dismissal is disabled.\n   */\n  onDismiss?: () => void;\n  /**\n   * aria-label for modals without a visible title heading.\n   * Only used when `ariaLabelledBy` is not provided.\n   */\n  ariaLabel?: string;\n  /**\n   * ID of an existing visible element (e.g. an h2 inside the modal content) that labels\n   * the dialog. Preferred over ariaLabel when a visible heading already exists in the content.\n   * Only used when `title` is not provided.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * Prefix for the auto-generated title element id. Default: 'modal-title'.\n   */\n  titleIdPrefix?: string;\n  /**\n   * Initial focus target when the modal opens. Forwarded to useFocusTrap.\n   * - 'first': Focus first focusable element (default)\n   * - 'container': Focus the dialog container itself\n   * - 'none': Skip — browser handles it (e.g. autofocus attribute on inner element)\n   * - CSS selector string: Focus matching element\n   * - HTMLElement: Focus specific element\n   */\n  initialFocus?: 'first' | 'container' | 'none' | string | HTMLElement;\n  /**\n   * Additional container refs for portal content that is logically part of this modal.\n   * Passed through to useFocusTrap and useDismissOnEscape so their safety nets\n   * allow focus to move into portal-rendered content (e.g., Dropdown with isWithPortal).\n   */\n  portalContainerRefs?: MutableRefObject<RefObject<HTMLElement | null>[]>;\n}\n\nexport interface UseModalA11yReturn {\n  /**\n   * Ref to attach to the dialog container element.\n   */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Stable ID to set on the visible title element: `<h2 id={titleId}>`.\n   * Only relevant when `title` is provided.\n   */\n  titleId: string;\n  /**\n   * Spread onto the dialog container element.\n   * Includes: role=\"dialog\", aria-modal, tabIndex, aria-labelledby or aria-label.\n   */\n  dialogProps: {\n    role: 'dialog';\n    'aria-modal': true;\n    tabIndex: number;\n    [key: string]: unknown;\n  };\n}\n\n/**\n * Bundles all WCAG dialog semantics into a single hook.\n *\n * Handles:\n * - Stable ID for title element (aria-labelledby association)\n * - Focus trap: moves focus into modal on open, wraps Tab, restores focus on close\n * - Escape dismissal: calls onDismiss when Escape is pressed within the modal\n * - dialogProps: role=\"dialog\", aria-modal, tabIndex, aria-labelledby / aria-label\n *\n * @example Modal with a visible title (most common)\n * ```tsx\n * const MyModal = ({ isOpen, onClose }) => {\n *   const { containerRef, titleId, dialogProps } = useModalA11y({\n *     isOpen,\n *     onDismiss: onClose,\n *   });\n *\n *   return (\n *     <div ref={containerRef} {...dialogProps} className=\"modal-content\">\n *       <h2 id={titleId}>My Title</h2>\n *       ...\n *     </div>\n *   );\n * };\n * ```\n *\n * @example Modal without a visible title\n * ```tsx\n * const { containerRef, dialogProps } = useModalA11y({\n *   isOpen,\n *   onDismiss: onClose,\n *   ariaLabel: 'Upload document',\n * });\n * ```\n *\n * @example Custom initial focus (specific button) or skip (autofocus)\n * ```tsx\n * useModalA11y({ isOpen, onDismiss, initialFocus: '.my-cta-btn' });\n * useModalA11y({ isOpen, onDismiss, initialFocus: 'none' }); // autofocus on inner element\n * ```\n */\nexport function useModalA11y({\n  isOpen,\n  onDismiss,\n  ariaLabel,\n  ariaLabelledBy,\n  titleIdPrefix = 'modal-title',\n  initialFocus = 'first',\n  portalContainerRefs,\n}: UseModalA11yOptions): UseModalA11yReturn {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const titleId = useStableId(undefined, titleIdPrefix);\n\n  useFocusTrap({\n    enabled: isOpen,\n    containerRef,\n    restoreFocus: true,\n    initialFocus,\n    portalContainerRefs,\n  });\n\n  useDismissOnEscape({\n    containerRef,\n    onDismiss,\n    enabled: isOpen,\n    useDocumentListener: true,\n  });\n\n  const nameAttrs = getA11yNameAttributes({\n    ariaLabelledBy: ariaLabelledBy ?? (ariaLabel ? undefined : titleId),\n    ariaLabel: ariaLabel,\n  });\n\n  const dialogProps = {\n    role: 'dialog' as const,\n    'aria-modal': true as const,\n    tabIndex: -1,\n    ...nameAttrs,\n  };\n\n  return { containerRef, titleId, dialogProps };\n}\n"],"names":["useRef","useFocusTrap","useDismissOnEscape","getA11yNameAttributes","useStableId","useModalA11y","isOpen","onDismiss","ariaLabel","ariaLabelledBy","titleIdPrefix","initialFocus","portalContainerRefs","containerRef","titleId","undefined","enabled","restoreFocus","useDocumentListener","dialogProps","role","tabIndex","nameAttrs"],"mappings":"AAgHO,SAAA,UAAAA,SAAA;AAAA,SAAA,gBAAAC,SAAA;AAAA,SAAA,sBAAAC,SAAA;AAAA,SAAA,yBAAAC,SAAA;AAAA,SAAA,eAAAC,SAAA;AAAA,SAASC,EAAa;AAAA,EAC3BC,QAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,cAAAA,IAAe;AAAA,EACfC,qBAAAA;AACmB,GAAuB;AAC1C,QAAMC,IAAeb,EAAuB,IAAI,GAC1Cc,IAAUV,EAAYW,QAAWL,CAAa;AAEpDT,EAAAA,EAAa;AAAA,IACXe,SAASV;AAAAA,IACTO,cAAAA;AAAAA,IACAI,cAAc;AAAA,IACdN,cAAAA;AAAAA,IACAC,qBAAAA;AAAAA,EAAAA,CACD,GAEDV,EAAmB;AAAA,IACjBW,cAAAA;AAAAA,IACAN,WAAAA;AAAAA,IACAS,SAASV;AAAAA,IACTY,qBAAqB;AAAA,EAAA,CACtB;AAOD,QAAMC,IAAc;AAAA,IAClBC,MAAM;AAAA,IACN,cAAc;AAAA,IACdC,UAAU;AAAA,IACV,GATgBlB,EAAsB;AAAA,MACtCM,gBAAgBA,MAAmBD,IAAYO,SAAYD;AAAAA,MAC3DN,WAAAA;AAAAA,IAAAA,CACD;AAAA,EAMIc;AAGL,SAAO;AAAA,IAAET,cAAAA;AAAAA,IAAcC,SAAAA;AAAAA,IAASK,aAAAA;AAAAA,EAAAA;AAClC;"}

package/dist/index215.js

@@ -1,24 +1,29 @@
-import { useEffect as d } from "react";
+import { useCallback as y, useEffect as d } from "react";
 function p({
-  containerRef: r,
+  containerRef: E,
   onDismiss: e,
-  enabled: n = !0,
-  preventDefault: u = !0,
-  stopPropagation: c = !0
+  enabled: t = !0,
+  useDocumentListener: u = !1,
+  preventDefault: c = !0,
+  stopPropagation: n = !0
 }) {
-  d(() => {
-    if (!n || !e) return;
-    const o = r.current;
-    if (!o) return;
-    const a = (t) => {
-      t.key === "Escape" && o.contains(document.activeElement) && (u && t.preventDefault(), c && t.stopPropagation(), e());
+  const f = y((r) => {
+    !t || !e || r.key !== "Escape" || (c && r.preventDefault(), n && r.stopPropagation(), e());
+  }, [t, e, c, n]);
+  return d(() => {
+    if (!u || !t || !e) return;
+    const r = E?.current, a = (o) => {
+      o.key === "Escape" && (r && !r.contains(document.activeElement) || (c && o.preventDefault(), n && o.stopPropagation(), e()));
     };
     return document.addEventListener("keydown", a, {
       capture: !0
     }), () => document.removeEventListener("keydown", a, {
       capture: !0
     });
-  }, [n, e, r, u, c]);
+  }, [u, t, e, E, c, n]), {
+    onKeyDown: u ? () => {
+    } : f
+  };
 }
 export {
   p as useDismissOnEscape

package/dist/index215.js.map

@@ -1 +1 @@
-{"version":3,"file":"index215.js","sources":["../src/utils/a11y/useDismissOnEscape.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nexport interface UseDismissOnEscapeOptions<T extends HTMLElement = HTMLElement> {\n  /**\n   * Container element ref to check if focus is within.\n   * Escape will only trigger if focus is within this container.\n   */\n  containerRef: RefObject<T | null>;\n  /**\n   * Callback when Escape key is pressed and focus is within container.\n   */\n  onDismiss?: () => void;\n  /**\n   * Whether the Escape handler is active.\n   * Default: true\n   */\n  enabled?: boolean;\n  /**\n   * Whether to call preventDefault() when handling Escape.\n   * Default: true\n   */\n  preventDefault?: boolean;\n  /**\n   * Whether to call stopPropagation() when handling Escape.\n   * Default: true\n   */\n  stopPropagation?: boolean;\n}\n\n/**\n * Hook to handle Escape key dismissal when focus is within a container.\n *\n * This is a UX pattern: if user is interacting with an overlay/sidebar\n * (indicated by focus being within it), Escape should close it.\n *\n * @example\n * ```tsx\n * const MySidebar = ({ isOpen, onClose }) => {\n *   const containerRef = useRef<HTMLDivElement>(null);\n *\n *   useDismissOnEscape({\n *     containerRef,\n *     onDismiss: onClose,\n *     enabled: isOpen\n *   });\n *\n *   return <div ref={containerRef}>...</div>;\n * };\n * ```\n */\nexport function useDismissOnEscape<T extends HTMLElement = HTMLElement>({\n  containerRef,\n  onDismiss,\n  enabled = true,\n  preventDefault = true,\n  stopPropagation = true\n}: UseDismissOnEscapeOptions<T>): void {\n  useEffect(() => {\n    if (!enabled || !onDismiss) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && container.contains(document.activeElement)) {\n        preventDefault && e.preventDefault();\n        stopPropagation && e.stopPropagation();\n        onDismiss();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, { capture: true });\n    return () => document.removeEventListener('keydown', handleEscape, { capture: true });\n  }, [enabled, onDismiss, containerRef, preventDefault, stopPropagation]);\n}\n"],"names":["useEffect","useDismissOnEscape","containerRef","onDismiss","enabled","preventDefault","stopPropagation","container","current","handleEscape","e","key","contains","document","activeElement","addEventListener","capture","removeEventListener"],"mappings":"AAmDO,SAAA,aAAAA,SAAA;AAAA,SAASC,EAAwD;AAAA,EACtEC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,gBAAAA,IAAiB;AAAA,EACjBC,iBAAAA,IAAkB;AACU,GAAS;AACrCN,EAAAA,EAAU,MAAM;AACd,QAAI,CAACI,KAAW,CAACD,EAAW;AAE5B,UAAMI,IAAYL,EAAaM;AAC/B,QAAI,CAACD,EAAW;AAEhB,UAAME,IAAeA,CAACC,MAAqB;AACzC,MAAIA,EAAEC,QAAQ,YAAYJ,EAAUK,SAASC,SAASC,aAAa,MACjET,KAAkBK,EAAEL,eAAAA,GACpBC,KAAmBI,EAAEJ,gBAAAA,GACrBH,EAAAA;AAAAA,IAEJ;AAEAU,oBAASE,iBAAiB,WAAWN,GAAc;AAAA,MAAEO,SAAS;AAAA,IAAA,CAAM,GAC7D,MAAMH,SAASI,oBAAoB,WAAWR,GAAc;AAAA,MAAEO,SAAS;AAAA,IAAA,CAAM;AAAA,EACtF,GAAG,CAACZ,GAASD,GAAWD,GAAcG,GAAgBC,CAAe,CAAC;AACxE;"}
+{"version":3,"file":"index215.js","sources":["../src/utils/a11y/useDismissOnEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nexport interface UseDismissOnEscapeOptions<T extends HTMLElement = HTMLElement> {\n  /**\n   * Container element ref — used for focus-check in document-level mode,\n   * and for the returned onKeyDown in React-event mode.\n   */\n  containerRef?: RefObject<T | null>;\n  /**\n   * Callback when Escape key is pressed.\n   */\n  onDismiss?: () => void;\n  /**\n   * Whether the Escape handler is active.\n   * Default: true\n   */\n  enabled?: boolean;\n  /**\n   * Use a native document-level capture listener instead of React's event system.\n   * Only use this when React events can't reach the container (e.g. portals outside\n   * the container's DOM tree). Prefer the default (false) for layered dismiss support.\n   * Default: false\n   */\n  useDocumentListener?: boolean;\n  /**\n   * Whether to call e.preventDefault() on Escape.\n   * Default: true\n   */\n  preventDefault?: boolean;\n  /**\n   * Whether to call e.stopPropagation() on Escape.\n   * In React-event mode this is the layered-dismiss mechanism — set false only if\n   * you want the event to continue bubbling to a parent dismiss handler.\n   * Default: true\n   */\n  stopPropagation?: boolean;\n}\n\nexport interface UseDismissOnEscapeReturn {\n  /**\n   * Spread on the container element. In document-listener mode this is a no-op object.\n   */\n  onKeyDown: (e: React.KeyboardEvent) => void;\n}\n\n/**\n * Hook to handle Escape key dismissal.\n *\n * Default mode: returns an onKeyDown handler for the container element.\n * Uses React's synthetic events so child stopPropagation() is respected,\n * enabling layered dismiss (e.g. dropdown closes before sidebar).\n *\n * Document-listener mode (useDocumentListener: true): registers a native\n * capture listener on document. Use only when focus may be in a portal\n * outside the container's DOM tree.\n */\nexport function useDismissOnEscape<T extends HTMLElement = HTMLElement>({\n  containerRef,\n  onDismiss,\n  enabled = true,\n  useDocumentListener = false,\n  preventDefault = true,\n  stopPropagation = true,\n}: UseDismissOnEscapeOptions<T>): UseDismissOnEscapeReturn {\n  // React-event mode: return handler to spread on container\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!enabled || !onDismiss || e.key !== 'Escape') return;\n      preventDefault && e.preventDefault();\n      stopPropagation && e.stopPropagation();\n      onDismiss();\n    },\n    [enabled, onDismiss, preventDefault, stopPropagation]\n  );\n\n  // Document-listener mode: native capture handler\n  useEffect(() => {\n    if (!useDocumentListener || !enabled || !onDismiss) return;\n\n    const container = containerRef?.current;\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') return;\n      // Only fire if focus is within the container (if provided)\n      if (container && !container.contains(document.activeElement)) return;\n      preventDefault && e.preventDefault();\n      stopPropagation && e.stopPropagation();\n      onDismiss();\n    };\n\n    document.addEventListener('keydown', handleEscape, { capture: true });\n    return () => document.removeEventListener('keydown', handleEscape, { capture: true });\n  }, [useDocumentListener, enabled, onDismiss, containerRef, preventDefault, stopPropagation]);\n\n  return { onKeyDown: useDocumentListener ? (() => {}) : onKeyDown };\n}\n"],"names":["useCallback","useEffect","useDismissOnEscape","containerRef","onDismiss","enabled","useDocumentListener","preventDefault","stopPropagation","onKeyDown","e","key","container","current","handleEscape","contains","document","activeElement","addEventListener","capture","removeEventListener"],"mappings":"AAyDO,SAAA,eAAAA,GAAA,aAAAC,SAAA;AAAA,SAASC,EAAwD;AAAA,EACtEC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,qBAAAA,IAAsB;AAAA,EACtBC,gBAAAA,IAAiB;AAAA,EACjBC,iBAAAA,IAAkB;AACU,GAA6B;AAEzD,QAAMC,IAAYT,EAChB,CAACU,MAA2B;AAC1B,IAAI,CAACL,KAAW,CAACD,KAAaM,EAAEC,QAAQ,aACxCJ,KAAkBG,EAAEH,eAAAA,GACpBC,KAAmBE,EAAEF,gBAAAA,GACrBJ,EAAAA;AAAAA,EACF,GACA,CAACC,GAASD,GAAWG,GAAgBC,CAAe,CACtD;AAGAP,SAAAA,EAAU,MAAM;AACd,QAAI,CAACK,KAAuB,CAACD,KAAW,CAACD,EAAW;AAEpD,UAAMQ,IAAYT,GAAcU,SAE1BC,IAAeA,CAACJ,MAAqB;AACzC,MAAIA,EAAEC,QAAQ,aAEVC,KAAa,CAACA,EAAUG,SAASC,SAASC,aAAa,MAC3DV,KAAkBG,EAAEH,eAAAA,GACpBC,KAAmBE,EAAEF,gBAAAA,GACrBJ,EAAAA;AAAAA,IACF;AAEAY,oBAASE,iBAAiB,WAAWJ,GAAc;AAAA,MAAEK,SAAS;AAAA,IAAA,CAAM,GAC7D,MAAMH,SAASI,oBAAoB,WAAWN,GAAc;AAAA,MAAEK,SAAS;AAAA,IAAA,CAAM;AAAA,EACtF,GAAG,CAACb,GAAqBD,GAASD,GAAWD,GAAcI,GAAgBC,CAAe,CAAC,GAEpF;AAAA,IAAEC,WAAWH,IAAuB,MAAM;AAAA,IAAC,IAAKG;AAAAA,EAAAA;AACzD;"}

package/dist/index22.js

@@ -1,64 +1,69 @@
-import t, { useRef as v } from "react";
-import { TableContentLoader as x } from "./index27.js";
-function n() {
-  return n = Object.assign ? Object.assign.bind() : function(l) {
-    for (var a = 1; a < arguments.length; a++) {
-      var e = arguments[a];
-      for (var r in e) ({}).hasOwnProperty.call(e, r) && (l[r] = e[r]);
+import t, { useRef as i, useEffect as L } from "react";
+import { TableContentLoader as O } from "./index27.js";
+import { announce as b } from "./index75.js";
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(r) {
+    for (var l = 1; l < arguments.length; l++) {
+      var e = arguments[l];
+      for (var a in e) ({}).hasOwnProperty.call(e, a) && (r[a] = e[a]);
     }
-    return l;
-  }, n.apply(null, arguments);
+    return r;
+  }, f.apply(null, arguments);
 }
-const O = ({
-  className: l = "",
-  automationId: a = "",
+const _ = ({
+  className: r = "",
+  automationId: l = "",
   loading: e,
-  headerColSpan: r = [],
-  headerData: o,
-  tableData: s,
-  renderTableContentLoader: E,
-  getTableHeaders: c,
-  getTableBody: i,
-  getTableFooter: m,
-  onSortUiUpdate: u,
-  onRowClick: f,
-  tableId: b,
-  ariaDescribedBy: d,
-  ariaLabel: g,
-  ...p
+  headerColSpan: a = [],
+  headerData: c,
+  tableData: o,
+  renderTableContentLoader: R,
+  getTableHeaders: m,
+  getTableBody: p,
+  getTableFooter: v,
+  onSortUiUpdate: d,
+  onRowClick: h,
+  tableId: E,
+  ariaDescribedBy: x,
+  ariaLabel: w,
+  loadingAnnouncement: s,
+  loadedAnnouncement: n,
+  ...y
 }) => {
-  const h = v(null);
-  return /* @__PURE__ */ t.createElement("div", n({
-    className: "se-design-table-layout-wrapper flex flex-col flex-1 min-h-0" + (l.length > 0 ? ` ${l}` : "") + (e ? " table-data-loading" : "")
-  }, p), /* @__PURE__ */ t.createElement("div", {
+  const g = i(null), u = i(!1);
+  return L(() => {
+    e !== u.current && (u.current = e, e && s ? b(s) : !e && n && b(n));
+  }, [e, s, n]), /* @__PURE__ */ t.createElement("div", f({
+    className: "se-design-table-layout-wrapper flex flex-col flex-1 min-h-0" + (r.length > 0 ? ` ${r}` : "") + (e ? " table-data-loading" : "")
+  }, y), /* @__PURE__ */ t.createElement("div", {
     className: "se-design-table-scroll-area flex-1 min-h-0 overflow-y-auto"
   }, /* @__PURE__ */ t.createElement("table", {
     className: "se-design-table w-full bg-[var(--color-white)] border-collapse table-fixed",
-    ref: h,
-    "data-automation-id": a,
-    id: b,
-    "aria-describedby": d,
-    "aria-label": g
-  }, /* @__PURE__ */ t.createElement("thead", null, /* @__PURE__ */ t.createElement("tr", null, c({
-    headerData: o,
+    ref: g,
+    "data-automation-id": l,
+    id: E,
+    "aria-describedby": x,
+    "aria-label": w
+  }, /* @__PURE__ */ t.createElement("thead", null, /* @__PURE__ */ t.createElement("tr", null, m({
+    headerData: c,
     sortData: {},
-    onSortUiUpdate: u,
+    onSortUiUpdate: d,
     loading: e
-  }))), /* @__PURE__ */ t.createElement("tbody", null, e ? /* @__PURE__ */ t.createElement(x, {
-    noOfColumns: o?.length,
-    colSpan: r
-  }) : i({
-    tableData: s,
-    onRowClick: f,
+  }))), /* @__PURE__ */ t.createElement("tbody", null, e ? /* @__PURE__ */ t.createElement(O, {
+    noOfColumns: c?.length,
+    colSpan: a
+  }) : p({
+    tableData: o,
+    onRowClick: h,
     loading: e
   })))), /* @__PURE__ */ t.createElement("div", {
     className: "se-design-table-footer w-full bg-[var(--color-white)] flex-shrink-0"
-  }, m({
-    tableData: s,
+  }, v({
+    tableData: o,
     loading: e
   })));
 };
 export {
-  O as TableLayout
+  _ as TableLayout
 };
 //# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useRef } from 'react';\nimport { TableContentLoader } from 'components/TableContentLoader';\n\nexport interface TableLayoutProps {\n  className?: string;\n  automationId?: string;\n  loading: boolean;\n  headerData: any[];\n  tableData: any[];\n  headerColSpan?: number[];\n  renderTableContentLoader?: (noOfColumns: number) => ReactNode;\n  getTableHeaders: (props: { headerData: any[]; sortData: any; onSortUiUpdate: any; loading: boolean }) => ReactNode;\n  getTableBody: (props: { tableData: any[]; onRowClick: any; loading: boolean }) => ReactNode;\n  getTableFooter: (props: { tableData: any[]; loading: boolean }) => ReactNode;\n  onSortUiUpdate: (newSortData: any) => void;\n  onRowClick: (rowData: any) => void;\n  tableId: string;\n  /**\n   * ID of element that describes the table (e.g., sort instructions for screen readers)\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Accessible name for the table element\n   */\n  ariaLabel?: string;\n}\n\nexport const TableLayout: FC<TableLayoutProps> = ({\n  className = '',\n  automationId = '',\n  loading,\n  headerColSpan = [],\n  headerData,\n  tableData,\n  renderTableContentLoader,\n  getTableHeaders,\n  getTableBody,\n  getTableFooter,\n  onSortUiUpdate,\n  onRowClick,\n  tableId,\n  ariaDescribedBy,\n  ariaLabel,\n  ...props\n}) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n\n  return (\n    <div className={'se-design-table-layout-wrapper flex flex-col flex-1 min-h-0' + (className.length > 0 ? ` ${className}` : '') + (loading? ' table-data-loading' : '')} {...props}>\n      <div className=\"se-design-table-scroll-area flex-1 min-h-0 overflow-y-auto\">\n        <table\n          className={'se-design-table w-full bg-[var(--color-white)] border-collapse table-fixed'}\n          ref={tableRef}\n          data-automation-id={automationId}\n          id={tableId}\n          aria-describedby={ariaDescribedBy}\n          aria-label={ariaLabel}\n        >\n          <thead>\n            <tr>{getTableHeaders({ headerData, sortData: {}, onSortUiUpdate, loading })}</tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <TableContentLoader noOfColumns={headerData?.length} colSpan={headerColSpan} />\n            ) : (\n              getTableBody({ tableData, onRowClick, loading })\n            )}\n          </tbody>\n        </table>\n      </div>\n      <div className=\"se-design-table-footer w-full bg-[var(--color-white)] flex-shrink-0\">\n        {getTableFooter({ tableData, loading })}\n      </div>\n    </div>\n  );\n};\n"],"names":["TableLayout","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","getTableFooter","onSortUiUpdate","onRowClick","tableId","ariaDescribedBy","ariaLabel","props","tableRef","useRef","React","createElement","_extends","length","ref","id","sortData","TableContentLoader","noOfColumns","colSpan"],"mappings":";;;;;;;;;;;AA2BO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,SAAAA;AAAAA,EACAC,eAAAA,IAAgB,CAAA;AAAA,EAChBC,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAyB,IAAI;AAE9C,SACEC,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IAAKpB,WAAW,iEAAiEA,EAAUqB,SAAS,IAAI,IAAIrB,CAAS,KAAK,OAAOE,IAAS,wBAAwB;AAAA,EAAA,GAASa,CAAK,GAC9KG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GACbkB,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEnB,WAAW;AAAA,IACXsB,KAAKN;AAAAA,IACL,sBAAoBf;AAAAA,IACpBsB,IAAIX;AAAAA,IACJ,oBAAkBC;AAAAA,IAClB,cAAYC;AAAAA,EAAAA,qBAEZK,cAAA,SAAA,MACED,gBAAAA,EAAAC,cAAA,MAAA,MAAKZ,EAAgB;AAAA,IAAEH,YAAAA;AAAAA,IAAYoB,UAAU,CAAA;AAAA,IAAId,gBAAAA;AAAAA,IAAgBR,SAAAA;AAAAA,EAAAA,CAAS,CAAM,CAC3E,GACPgB,gBAAAA,EAAAC,cAAA,SAAA,MACGjB,IACCgB,gBAAAA,EAAAC,cAACM,GAAkB;AAAA,IAACC,aAAatB,GAAYiB;AAAAA,IAAQM,SAASxB;AAAAA,EAAAA,CAAgB,IAE9EK,EAAa;AAAA,IAAEH,WAAAA;AAAAA,IAAWM,YAAAA;AAAAA,IAAYT,SAAAA;AAAAA,EAAAA,CAAS,CAE5C,CACF,CACJ,GACLgB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GACZS,EAAe;AAAA,IAAEJ,WAAAA;AAAAA,IAAWH,SAAAA;AAAAA,EAAAA,CAAS,CACnC,CACF;AAET;"}
+{"version":3,"file":"index22.js","sources":["../src/components/TableLayout/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useEffect, useRef } from 'react';\nimport { TableContentLoader } from 'components/TableContentLoader';\nimport { announce } from 'src/utils/a11y/liveAnnouncer/LiveAnnouncer';\n\nexport interface TableLayoutProps {\n  className?: string;\n  automationId?: string;\n  loading: boolean;\n  headerData: any[];\n  tableData: any[];\n  headerColSpan?: number[];\n  renderTableContentLoader?: (noOfColumns: number) => ReactNode;\n  getTableHeaders: (props: { headerData: any[]; sortData: any; onSortUiUpdate: any; loading: boolean }) => ReactNode;\n  getTableBody: (props: { tableData: any[]; onRowClick: any; loading: boolean }) => ReactNode;\n  getTableFooter: (props: { tableData: any[]; loading: boolean }) => ReactNode;\n  onSortUiUpdate: (newSortData: any) => void;\n  onRowClick: (rowData: any) => void;\n  tableId: string;\n  /**\n   * ID of element that describes the table (e.g., sort instructions for screen readers)\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Accessible name for the table element\n   */\n  ariaLabel?: string;\n  /**\n   * Announced to screen readers when loading begins.\n   * Pass a translated string from the consumer (e.g. \"Loading documents\").\n   */\n  loadingAnnouncement?: string;\n  /**\n   * Announced to screen readers when loading completes.\n   * Pass a translated string from the consumer (e.g. \"Documents loaded\").\n   */\n  loadedAnnouncement?: string;\n}\n\nexport const TableLayout: FC<TableLayoutProps> = ({\n  className = '',\n  automationId = '',\n  loading,\n  headerColSpan = [],\n  headerData,\n  tableData,\n  renderTableContentLoader,\n  getTableHeaders,\n  getTableBody,\n  getTableFooter,\n  onSortUiUpdate,\n  onRowClick,\n  tableId,\n  ariaDescribedBy,\n  ariaLabel,\n  loadingAnnouncement,\n  loadedAnnouncement,\n  ...props\n}) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n  const prevLoadingRef = useRef(false);\n\n  useEffect(() => {\n    if (loading === prevLoadingRef.current) return;\n    prevLoadingRef.current = loading;\n    if (loading && loadingAnnouncement) {\n      announce(loadingAnnouncement);\n    } else if (!loading && loadedAnnouncement) {\n      announce(loadedAnnouncement);\n    }\n  }, [loading, loadingAnnouncement, loadedAnnouncement]);\n\n  return (\n    <div className={'se-design-table-layout-wrapper flex flex-col flex-1 min-h-0' + (className.length > 0 ? ` ${className}` : '') + (loading? ' table-data-loading' : '')} {...props}>\n      <div className=\"se-design-table-scroll-area flex-1 min-h-0 overflow-y-auto\">\n        <table\n          className={'se-design-table w-full bg-[var(--color-white)] border-collapse table-fixed'}\n          ref={tableRef}\n          data-automation-id={automationId}\n          id={tableId}\n          aria-describedby={ariaDescribedBy}\n          aria-label={ariaLabel}\n        >\n          <thead>\n            <tr>{getTableHeaders({ headerData, sortData: {}, onSortUiUpdate, loading })}</tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <TableContentLoader noOfColumns={headerData?.length} colSpan={headerColSpan} />\n            ) : (\n              getTableBody({ tableData, onRowClick, loading })\n            )}\n          </tbody>\n        </table>\n      </div>\n      <div className=\"se-design-table-footer w-full bg-[var(--color-white)] flex-shrink-0\">\n        {getTableFooter({ tableData, loading })}\n      </div>\n    </div>\n  );\n};\n"],"names":["TableLayout","className","automationId","loading","headerColSpan","headerData","tableData","renderTableContentLoader","getTableHeaders","getTableBody","getTableFooter","onSortUiUpdate","onRowClick","tableId","ariaDescribedBy","ariaLabel","loadingAnnouncement","loadedAnnouncement","props","tableRef","useRef","prevLoadingRef","useEffect","current","announce","React","createElement","_extends","length","ref","id","sortData","TableContentLoader","noOfColumns","colSpan"],"mappings":";;;;;;;;;;;;AAsCO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,SAAAA;AAAAA,EACAC,eAAAA,IAAgB,CAAA;AAAA,EAChBC,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBD,EAAO,EAAK;AAEnCE,SAAAA,EAAU,MAAM;AACd,IAAInB,MAAYkB,EAAeE,YAC/BF,EAAeE,UAAUpB,GACrBA,KAAWa,IACbQ,EAASR,CAAmB,IACnB,CAACb,KAAWc,KACrBO,EAASP,CAAkB;AAAA,EAE/B,GAAG,CAACd,GAASa,GAAqBC,CAAkB,CAAC,GAGnDQ,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IAAK1B,WAAW,iEAAiEA,EAAU2B,SAAS,IAAI,IAAI3B,CAAS,KAAK,OAAOE,IAAS,wBAAwB;AAAA,EAAA,GAASe,CAAK,GAC9KO,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKzB,WAAU;AAAA,EAAA,GACbwB,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEzB,WAAW;AAAA,IACX4B,KAAKV;AAAAA,IACL,sBAAoBjB;AAAAA,IACpB4B,IAAIjB;AAAAA,IACJ,oBAAkBC;AAAAA,IAClB,cAAYC;AAAAA,EAAAA,qBAEZW,cAAA,SAAA,MACED,gBAAAA,EAAAC,cAAA,MAAA,MAAKlB,EAAgB;AAAA,IAAEH,YAAAA;AAAAA,IAAY0B,UAAU,CAAA;AAAA,IAAIpB,gBAAAA;AAAAA,IAAgBR,SAAAA;AAAAA,EAAAA,CAAS,CAAM,CAC3E,GACPsB,gBAAAA,EAAAC,cAAA,SAAA,MACGvB,IACCsB,gBAAAA,EAAAC,cAACM,GAAkB;AAAA,IAACC,aAAa5B,GAAYuB;AAAAA,IAAQM,SAAS9B;AAAAA,EAAAA,CAAgB,IAE9EK,EAAa;AAAA,IAAEH,WAAAA;AAAAA,IAAWM,YAAAA;AAAAA,IAAYT,SAAAA;AAAAA,EAAAA,CAAS,CAE5C,CACF,CACJ,GACLsB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKzB,WAAU;AAAA,EAAA,GACZS,EAAe;AAAA,IAAEJ,WAAAA;AAAAA,IAAWH,SAAAA;AAAAA,EAAAA,CAAS,CACnC,CACF;AAET;"}