npm - se-design - Versions diffs - 1.0.76-dev1 → 1.0.76-dev2 - Mend

se-design 1.0.76-dev1 → 1.0.76-dev2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/assets/style.css +1 -1
package/dist/components/Dropdown/index.d.ts +2 -0
package/dist/components/DropdownWithInputTags/index.d.ts +1 -0
package/dist/index12.js +11 -13
package/dist/index12.js.map +1 -1
package/dist/index13.js +12 -14
package/dist/index13.js.map +1 -1
package/dist/index19.js +142 -136
package/dist/index19.js.map +1 -1
package/dist/index25.js +78 -68
package/dist/index25.js.map +1 -1
package/dist/index38.js +61 -59
package/dist/index38.js.map +1 -1
package/package.json +1 -1

package/dist/index19.js.map CHANGED Viewed

	@@ -1 +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';\n\nexport interface PopoverHandle {\n togglePopover: (focusFirst?: boolean \| 'last') => void;\n}\n\nexport interface PopoverProps {\n className?: string;\n automationId?: string;\n popoverContentAutomationId?: string;\n renderPopoverContents: (props: { closePopoverCb: () => 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 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 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 // 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 });\n\n const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n if (!srcElementRef.current) return { top: 0, left: 0 };\n\n let localPosition = position;\n\n const srcRect = srcElementRef.current.getBoundingClientRect();\n const viewportWidth = window.innerWidth;\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 const popoverWidth = 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 viewport\n if (top < 0) {\n top = 0;\n }\n } else {\n // Keep at bottom but adjust to fit within viewport\n top = Math.max(0, viewportHeight - popoverHeight);\n }\n }\n if (top < 0) {\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(0, viewportHeight - popoverHeight);\n }\n }\n\n return { top, left };\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 // Initial position calculation\n const timeout1 = setTimeout(() => {\n const position = calculatePositionOfPopover(popoverPosition);\n checkSourceVisibility();\n\n if (position) {\n setPortalPosition(position);\n }\n }, 0);\n\n // Recalculate after popover is rendered to get accurate dimensions\n const timeout2 = setTimeout(() => {\n const position = calculatePositionOfPopover(popoverPosition);\n if (position) {\n setPortalPosition(position);\n }\n }, 10);\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 clearTimeout(timeout1);\n clearTimeout(timeout2);\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 srcElementRef.current?.focus();\n } else if (e.key === 'Tab') {\n // 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 srcElementRef.current?.focus();\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 } 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 }), []);\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' : 'true'}\n tabIndex={disabled \|\| disableClickToggle ? -1 : 0}\n aria-disabled={disableClickToggle ? undefined : disabled ? 'true' : 'false'}\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: () => setDisplayPopover(false) })}\n </div>\n )}\n {isWithPortal &&\n displayPopover &&\n isSrcElementVisible &&\n ReactDOM.createPortal(\n <div\n className={`popover-content-with-portal ${popoverContentClasses} ${\n contentWidth == 'full' ? 'w-full' : 'w-max'\n }`}\n style={{\n position: 'fixed',\n top: portalPosition.top,\n left: portalPosition.left,\n ...popoverContentStyleProperty\n }}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={handlePopoverContentKeyDown}\n ref={popoverContentRef}\n data-automation-id={popoverContentAutomationId}\n >\n {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\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","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","focusFirstOnOpen","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","onBlurCapture","onDismissBlurCapture","useDismissOnFocusOut","onFocusOut","closeOnEscape","portalPosition","setPortalPosition","top","left","calculatePositionOfPopover","current","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","firstFocusable","getFirstFocusableElement","container","includeRoles","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","focusFirst","wasOpen","prev","lastFocusable","getLastFocusableElement","handleArrowKeyNavigation","e","activeEl","tagName","focusableElements","Array","from","querySelectorAll","FOCUSABLE_WITH_ROLES_SELECTOR","filter","el","style","getComputedStyle","hasAttribute","getAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","handlePopoverContentKeyDown","shiftKey","srcEl","focusables","getFocusableElements","filterHidden","idx","indexOf","next","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","currentRef","onBlur","nextFocused","relatedTarget","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal"],"mappings":"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"}
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';\n\nexport interface PopoverHandle {\n togglePopover: (focusFirst?: boolean \| 'last') => void;\n}\n\nexport interface PopoverProps {\n className?: string;\n automationId?: string;\n popoverContentAutomationId?: string;\n renderPopoverContents: (props: { closePopoverCb: () => 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 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 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 // 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\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 const viewportWidth = window.innerWidth;\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 const popoverWidth = 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 viewport\n if (top < 0) {\n top = 0;\n }\n } else {\n // Keep at bottom but adjust to fit within viewport\n top = Math.max(0, viewportHeight - popoverHeight);\n }\n }\n if (top < 0) {\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(0, viewportHeight - popoverHeight);\n }\n }\n\n return { top, 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 // Initial position calculation\n const timeout1 = setTimeout(() => {\n const position = calculatePositionOfPopover(popoverPosition);\n checkSourceVisibility();\n\n if (position) {\n setPortalPosition(position);\n }\n }, 0);\n\n // Recalculate after popover is rendered to get accurate dimensions\n const timeout2 = setTimeout(() => {\n const position = calculatePositionOfPopover(popoverPosition);\n if (position) {\n setPortalPosition(position);\n }\n }, 10);\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 clearTimeout(timeout1);\n clearTimeout(timeout2);\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 srcElementRef.current?.focus();\n } else if (e.key === 'Tab') {\n // 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 srcElementRef.current?.focus();\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 } 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 }), []);\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' : 'true'}\n tabIndex={disabled \|\| disableClickToggle ? -1 : 0}\n aria-disabled={disableClickToggle ? undefined : disabled ? 'true' : 'false'}\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: () => setDisplayPopover(false) })}\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 ...(contentWidth === 'full' && portalPosition.srcWidth\n ? { width: `${portalPosition.srcWidth}px` }\n : {}),\n ...popoverContentStyleProperty\n }}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={handlePopoverContentKeyDown}\n ref={popoverContentRef}\n data-automation-id={popoverContentAutomationId}\n >\n {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\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","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","noBorder","disableAutoClose","focusFirstOnOpen","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","accessibleNameProps","getA11yNameAttributes","ariaDescribedBy","undefined","onBlurCapture","onDismissBlurCapture","useDismissOnFocusOut","onFocusOut","closeOnEscape","portalPosition","setPortalPosition","top","left","srcWidth","calculatePositionOfPopover","current","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","scrollListenerForRepositioning","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","firstFocusable","getFirstFocusableElement","container","includeRoles","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","isAnotherPopoverSource","isNestedPopover","currentPopoverRef","type","togglePopover","focusFirst","wasOpen","prev","lastFocusable","getLastFocusableElement","handleArrowKeyNavigation","e","activeEl","tagName","focusableElements","Array","from","querySelectorAll","FOCUSABLE_WITH_ROLES_SELECTOR","filter","el","style","getComputedStyle","hasAttribute","getAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","handlePopoverContentKeyDown","shiftKey","srcEl","focusables","getFocusableElements","filterHidden","idx","indexOf","next","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","React","createElement","_extends","onClick","onKeyDown","currentRef","onBlur","nextFocused","relatedTarget","isFocusInSource","isFocusInPopover","role","closePopoverCb","ReactDOM","createPortal"],"mappings":"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"}

package/dist/index25.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import n, { useState as I, useRef as L, useEffect as D } from "react";
-import { Popover as Ie } from "./index19.js";
-import { Icon as G } from "./index6.js";
-import { Checkbox as De } from "./index23.js";
-import { Button as Y } from "./index4.js";
-import { InputWithIcon as ke } from "./index52.js";
-import { useStableId as Z } from "./index199.js";
-import { useCombobox as Ve } from "./index68.js";
+import { Popover as De } from "./index19.js";
+import { Icon as Y } from "./index6.js";
+import { Checkbox as ke } from "./index23.js";
+import { Button as Z } from "./index4.js";
+import { InputWithIcon as Ve } from "./index52.js";
+import { useStableId as ee } from "./index199.js";
+import { useCombobox as Ne } from "./index68.js";
 function h() {
   return h = Object.assign ? Object.assign.bind() : function(t) {
     for (var m = 1; m < arguments.length; m++) {
@@ -15,30 +15,31 @@ function h() {
     return t;
   }, h.apply(null, arguments);
 }
-const Ke = (t) => {
-  const m = t.selectedValue !== void 0, b = t.isOpen !== void 0, [v, ee] = I(!1), [k, R] = I(""), [i, S] = I(-1), [te, K] = I(() => t?.defaultSelectedValue ? Array.isArray(t?.defaultSelectedValue) ? t?.defaultSelectedValue : [t.defaultSelectedValue] : []), M = L(null), V = L(null), N = L(null), T = Z(void 0, "dropdown-label"), g = Z(void 0, "dropdown-listbox"), d = b ? t.isOpen : v, r = m ? Array.isArray(t.selectedValue) ? t.selectedValue : t.selectedValue ? [t.selectedValue] : [] : te, $ = (e) => {
-    b || ee(e), t.onOpenChange?.(e);
-  }, P = (e) => {
+const Me = (t) => {
+  const m = t.selectedValue !== void 0, b = t.isOpen !== void 0, [v, te] = I(!1), [k, R] = I(""), [i, S] = I(-1), [oe, K] = I(() => t?.defaultSelectedValue ? Array.isArray(t?.defaultSelectedValue) ? t?.defaultSelectedValue : [t.defaultSelectedValue] : []), M = L(null), V = L(null), N = L(null), T = ee(void 0, "dropdown-label"), g = ee(void 0, "dropdown-listbox"), d = b ? t.isOpen : v, r = m ? Array.isArray(t.selectedValue) ? t.selectedValue : t.selectedValue ? [t.selectedValue] : [] : oe, P = (e) => {
+    b || te(e), t.onOpenChange?.(e);
+  }, $ = (e) => {
     m || K(e);
   }, {
     selectBy: x = "",
     optionsUniqueBy: u = "",
-    displaySelected: oe = !1,
+    displaySelected: ne = !1,
     dropDownOptions: j,
     defaultText: f = "Select",
     iconColor: H = "var(--color-gray-700)",
     disabled: E = !1,
-    dropdownClassName: ne = "",
+    dropdownClassName: ae = "",
     hasError: q = !1,
-    errorMessage: ae = "",
+    errorMessage: le = "",
     customDropdownContent: F = null,
-    isBorderless: le = !1,
+    isBorderless: re = !1,
     shouldShowSearch: y = !1,
-    showSearchIcon: re = !0,
+    showSearchIcon: se = !0,
     searchPlaceholder: U = "Search...",
-    searchResultEmptyMessage: _ = "No results found",
-    ariaLabel: se = "",
-    customSelectedValue: z = ""
+    searchResultEmptyMessage: W = "No results found",
+    ariaLabel: ce = "",
+    customSelectedValue: _ = "",
+    isWithPortal: z = !1
   } = t;
   D(() => {
     if (!m) {
@@ -55,26 +56,26 @@ const Ke = (t) => {
     d && y && N.current && requestAnimationFrame(() => N.current?.focus());
   }, [d, y]);
   const s = t?.type === "multi-select", A = () => k.trim() ? (j || []).filter((e) => (e?.[x]?.toString().toLowerCase() || "").includes(k.toLowerCase())) : j || [], O = (e) => {
-    P([e]), $(!1), t?.onOptionClick?.(e);
+    $([e]), P(!1), t?.onOptionClick?.(e);
   }, C = A(), {
-    listboxProps: ce,
-    getOptionProps: ie,
-    highlightedIndex: de,
-    containerProps: ue,
+    listboxProps: ie,
+    getOptionProps: de,
+    highlightedIndex: ue,
+    containerProps: me,
     inputProps: c
-  } = Ve({
+  } = Ne({
     items: s ? [] : C,
     // Only use for single-select
     isOpen: d && !s,
-    onOpenChange: $,
+    onOpenChange: P,
     onSelect: (e) => {
       O(e);
     },
     listboxId: g,
     disabled: s || E,
     hasItems: C.length > 0
-  }), me = (e, a = !1) => s ? f : a && z ? z : e?.[x] || f, fe = () => {
-    P([]), t?.onClear?.();
+  }), fe = (e, a = !1) => s ? f : a && _ ? _ : e?.[x] || f, pe = () => {
+    $([]), t?.onClear?.();
   }, J = (e, a = !1) => {
     if (t?.renderOptionChip)
       return t?.renderOptionChip(e, a);
@@ -90,7 +91,7 @@ const Ke = (t) => {
     }
     return /* @__PURE__ */ n.createElement("p", {
       className: "option-chip flex flex-1 items-center justify-between"
-    }, me(e, a));
+    }, fe(e, a));
   }, Q = () => {
     const e = y && !s ? {
       role: c.role,
@@ -103,8 +104,8 @@ const Ke = (t) => {
     } : {};
     return /* @__PURE__ */ n.createElement("div", {
       className: " w-full relative flex items-center border-b border-[var(--color-gray-300)]"
-    }, /* @__PURE__ */ n.createElement(ke, {
-      leftIcon: re ? {
+    }, /* @__PURE__ */ n.createElement(Ve, {
+      leftIcon: se ? {
         name: "search",
         position: "left",
         style: {
@@ -128,41 +129,41 @@ const Ke = (t) => {
       inputRef: N,
       inputProps: e
     }));
-  }, pe = (e, a) => {
-    const o = e[x], l = r[0]?.[x] || f, w = u?.length ? e[u] == r[0]?.[u] : !0, p = oe && o === l && w, Ee = de === a, Ce = s ? {} : ie(a, p);
+  }, be = (e, a) => {
+    const o = e[x], l = r[0]?.[x] || f, w = u?.length ? e[u] == r[0]?.[u] : !0, p = ne && o === l && w, Ce = ue === a, Ie = s ? {} : de(a, p);
     return /* @__PURE__ */ n.createElement("div", h({
       key: e.id || e.value,
-      className: `option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between ${p ? "selected" : ""} ${Ee ? "bg-gray-100" : ""}`,
+      className: `option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between ${p ? "selected" : ""} ${Ce ? "bg-gray-100" : ""}`,
       onClick: () => O(e),
       onKeyDown: (B) => {
         (B.key === "Enter" || B.key === " ") && (B.preventDefault(), O(e));
       },
       tabIndex: -1,
       "data-automation-id": `dropdown-option-${e?.automationId || a}`
-    }, Ce, {
+    }, Ie, {
       "aria-selected": p ? "true" : "false"
     }), J({
       ...e,
       isOptionSelected: p
-    }, !1), p && /* @__PURE__ */ n.createElement(G, {
+    }, !1), p && /* @__PURE__ */ n.createElement(Y, {
       name: "checkmark",
       stroke: H
     }));
-  }, be = () => /* @__PURE__ */ n.createElement("div", h({
+  }, ge = () => /* @__PURE__ */ n.createElement("div", h({
     className: "dropdown-content dropdown-options",
     "aria-label": `${f} options`
-  }, ce), y && Q(), /* @__PURE__ */ n.createElement("div", {
+  }, ie), y && Q(), /* @__PURE__ */ n.createElement("div", {
     className: "flex flex-col max-h-80 overflow-y-auto"
-  }, C.length > 0 ? C.map((e, a) => pe(e, a)) : /* @__PURE__ */ n.createElement("div", {
+  }, C.length > 0 ? C.map((e, a) => be(e, a)) : /* @__PURE__ */ n.createElement("div", {
     className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm",
     role: "status",
     "aria-live": "polite"
-  }, _))), W = (e, a) => {
+  }, W))), X = (e, a) => {
     let o = [];
-    e ? o = [...r, a] : o = r?.filter((l) => l[u] !== a[u]), P(o);
-  }, ge = () => {
+    e ? o = [...r, a] : o = r?.filter((l) => l[u] !== a[u]), $(o);
+  }, ye = () => {
     M.current?.togglePopover(), t?.onApply?.(r);
-  }, ye = (e) => {
+  }, he = (e) => {
     const a = A();
     if (e.key === "ArrowDown")
       e.preventDefault(), e.stopPropagation(), S((o) => o < a.length - 1 ? o + 1 : o);
@@ -170,9 +171,9 @@ const Ke = (t) => {
       e.preventDefault(), e.stopPropagation(), S((o) => o > 0 ? o - 1 : 0);
     else if ((e.key === " " || e.key === "Enter") && (e.preventDefault(), i >= 0 && i < a.length)) {
       const o = a[i], l = r.some((w) => w[u] === o[u]);
-      W(!l, o);
+      X(!l, o);
     }
-  }, he = (e, a) => {
+  }, ve = (e, a) => {
     const o = r.some((p) => p[u] === e[u]), l = `${g}-option-${a}`, w = i === a;
     return /* @__PURE__ */ n.createElement("div", {
       key: e.id || e.value,
@@ -180,9 +181,9 @@ const Ke = (t) => {
       role: "option",
       "aria-selected": o,
       className: `option px-3 py-2 cursor-pointer select-none flex items-center gap-2 ${w ? "bg-gray-100" : "hover:bg-gray-100"}`,
-      onClick: () => W(!o, e),
+      onClick: () => X(!o, e),
       "data-automation-id": `dropdown-option-${e?.automationId || a}`
-    }, /* @__PURE__ */ n.createElement(De, {
+    }, /* @__PURE__ */ n.createElement(ke, {
       tabIndex: -1,
       ariaHidden: !0,
       checked: o,
@@ -191,7 +192,7 @@ const Ke = (t) => {
     }), /* @__PURE__ */ n.createElement("span", {
       className: "checkbox-label"
     }, e?.label));
-  }, ve = () => {
+  }, xe = () => {
     const e = A(), a = i >= 0 ? `${g}-option-${i}` : void 0;
     return /* @__PURE__ */ n.createElement("div", {
       className: "dropdown-content dropdown-options",
@@ -209,37 +210,37 @@ const Ke = (t) => {
         outline: "none"
       },
       "aria-activedescendant": a,
-      onKeyDown: ye,
+      onKeyDown: he,
       onFocus: () => {
         i === -1 && e.length > 0 && S(0);
       }
     }, y && Q(), /* @__PURE__ */ n.createElement("div", {
       className: "flex flex-col max-h-80 overflow-y-auto"
-    }, e.length > 0 ? e.map((o, l) => he(o, l)) : /* @__PURE__ */ n.createElement("div", {
+    }, e.length > 0 ? e.map((o, l) => ve(o, l)) : /* @__PURE__ */ n.createElement("div", {
       className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm",
       role: "status",
       "aria-live": "polite"
-    }, _))), /* @__PURE__ */ n.createElement("div", {
+    }, W))), /* @__PURE__ */ n.createElement("div", {
       className: "flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]",
       onKeyDown: (o) => {
         o.key === "Tab" && o.shiftKey && (o.preventDefault(), o.stopPropagation(), V.current?.focus());
       }
-    }, /* @__PURE__ */ n.createElement(Y, {
+    }, /* @__PURE__ */ n.createElement(Z, {
       label: "Clear",
       type: "link",
       size: "sm",
-      onClick: fe,
+      onClick: pe,
       automationId: "se-design-dropdown-clear-button",
       ariaLabel: `Clear ${f} selection`
-    }), /* @__PURE__ */ n.createElement(Y, {
+    }), /* @__PURE__ */ n.createElement(Z, {
       label: "Apply",
       type: "primary",
       size: "sm",
-      onClick: ge,
+      onClick: ye,
       automationId: "se-design-dropdown-apply-button"
     })));
-  }, xe = () => {
-    const e = d ? "border-[var(--color-blue-500)]" : E ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", a = q ? "border-[var(--color-red-500)]" : "", o = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${le ? "border-0" : `border rounded-md ${a || e}`} flex items-center ${ne}`;
+  }, we = () => {
+    const e = d ? "border-[var(--color-blue-500)]" : E ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", a = q ? "border-[var(--color-red-500)]" : "", o = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${re ? "border-0" : `border rounded-md ${a || e}`} flex items-center ${ae}`;
     return /* @__PURE__ */ n.createElement("div", {
       className: o
     }, /* @__PURE__ */ n.createElement("div", {
@@ -248,13 +249,13 @@ const Ke = (t) => {
     }, J(r[0], !0)), /* @__PURE__ */ n.createElement("div", {
       className: "flex-shrink-0 ml-2",
       "aria-hidden": "true"
-    }, /* @__PURE__ */ n.createElement(G, {
+    }, /* @__PURE__ */ n.createElement(Y, {
       name: "chevron",
       rotation: d ? "180" : "0",
       className: "transition-transform",
       stroke: H
     })));
-  }, we = () => se || f || "Select option", X = y ? "button" : "combobox", Se = X === "combobox" && !s && c ? {
+  }, Se = () => ce || f || "Select option", G = y ? "button" : "combobox", Ee = G === "combobox" && !s && c ? {
     "aria-activedescendant": c["aria-activedescendant"],
     "aria-controls": c["aria-controls"],
     "aria-expanded": c["aria-expanded"]
@@ -268,31 +269,40 @@ const Ke = (t) => {
   }, t?.label), /* @__PURE__ */ n.createElement("div", h({
     style: t?.style,
     className: `${E ? "bg-[var(--color-gray-50)] rounded-md cursor-not-allowed" : ""}`
-  }, s ? {} : ue), /* @__PURE__ */ n.createElement(Ie, h({
+  }, s ? {} : {
+    ...me,
+    // Portal content lives in document.body — focus moving into it looks like "focus out" to
+    // the container's blur handler, causing immediate close. Suppress it; the Popover's own
+    // onBlur handler checks both source and portal content and handles dismissal correctly.
+    ...z ? {
+      onBlurCapture: void 0
+    } : {}
+  }), /* @__PURE__ */ n.createElement(De, h({
     ref: M,
     isPopoverOpen: d,
-    renderPopoverContents: F || (s ? ve : be),
+    isWithPortal: z,
+    renderPopoverContents: F || (s ? xe : ge),
     contentWidth: "full",
     renderPopoverSrcElement: t.renderSrcElement ? () => t.renderSrcElement({
       isOpen: d,
       selectedValue: r
-    }) : xe,
+    }) : we,
     onPopoverToggle: (e) => {
-      $(e), e && s && setTimeout(() => V.current?.focus(), 50);
+      P(e), e && s && setTimeout(() => V.current?.focus(), 50);
     },
     disabled: E,
     automationId: t?.dropDownSrcAutomationId,
     popoverContentAutomationId: t?.dropDownContentAutomationId,
     ariaLabelledBy: t?.label ? T : t?.ariaLabelledBy,
-    ariaLabel: t?.label || t?.ariaLabelledBy ? void 0 : we(),
-    sourceRole: X
-  }, Se, s ? {
+    ariaLabel: t?.label || t?.ariaLabelledBy ? void 0 : Se(),
+    sourceRole: G
+  }, Ee, s ? {
     "aria-controls": g
   } : {}))), q && /* @__PURE__ */ n.createElement("div", {
     className: "text-[var(--color-red-500)] text-sm"
-  }, ae));
+  }, le));
 };
 export {
-  Ke as Dropdown
+  Me as Dropdown
 };
 //# sourceMappingURL=index25.js.map