eidos-ui 3.8.1 → 4.0.0

package/dist/chunk-ZJWQPZ7E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Popover/Popover.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect, useId } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\nimport { devWarn, useDialogFocus, useIsClient } from '../../utils';\n\nexport const Popover: React.FC<PopoverProps> = ({\n  trigger,\n  children,\n  title,\n  placement: preferredPlacement = 'bottom',\n  showCloseButton = false,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  disabled = false,\n  isOpen,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  maxWidth = 320,\n  className,\n  contentClassName,\n}) => {\n  // `isOpen`/`defaultOpen` make the portal reachable on the first render,\n  // which cannot happen on a server - see `useIsClient`.\n  const isClient = useIsClient();\n\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\n  //\n  // `open` is the canonical name, matching `Dropdown` and `CommandPalette`.\n  // `isOpen` is the original spelling, kept working rather than renamed out\n  // from under anyone.\n  if (isOpen !== undefined) {\n    devWarn(\n      'popover-is-open',\n      'Popover: `isOpen` is deprecated - pass `open` instead, the name `Dropdown` and `CommandPalette` use.',\n    );\n  }\n  const controlledOpen = openProp ?? isOpen;\n  const isControlled = controlledOpen !== undefined;\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\n  const isVisible = isControlled ? controlledOpen! : localOpen;\n\n  // ── Positioning state ─────────────────────────────────────────────────────\n  const [popoverState, setPopoverState] = useState<PopoverState>({\n    isVisible: false,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n\n  // Names the dialog by pointing at the rendered title, the same way `Modal`\n  // and `Drawer` do. This was an `aria-label={title ?? 'Popover'}`, which\n  // both duplicated the visible text into a second, invisible copy and hard\n  // limited `title` to a string - `aria-label` takes only a string, so a\n  // `ReactNode` title would have been stringified to \"[object Object]\" and\n  // silently destroyed the accessible name.\n  const titleId = useId();\n\n  // ── Refs ──────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  // ── Open / close helpers ──────────────────────────────────────────────────\n  const open = useCallback(() => {\n    if (disabled) return;\n    if (!isControlled) setLocalOpen(true);\n    onOpenChange?.(true);\n  }, [disabled, isControlled, onOpenChange]);\n\n  const close = useCallback(() => {\n    if (!isControlled) setLocalOpen(false);\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const toggle = useCallback(() => {\n    if (isVisible) {\n      close();\n    } else {\n      open();\n    }\n  }, [isVisible, open, close]);\n\n  // ── Positioning calculation ───────────────────────────────────────────────\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: PopoverPlacement = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'left':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      // Flip if it doesn't fit in the preferred direction\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Clamp to viewport\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement],\n  );\n\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\n  useEffect(() => {\n    if (isVisible) {\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\n    } else {\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\n    }\n  }, [isVisible]);\n\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\n  useEffect(() => {\n    if (\n      popoverState.isVisible &&\n      !popoverState.isPositioned &&\n      contentRef.current &&\n      triggerRef.current\n    ) {\n      const triggerRect = triggerRef.current.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setPopoverState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n    // `isClient` for the same reason as `Dropdown`: with `defaultOpen` the\n    // portal arrives one render after this effect first runs, and without it in\n    // the deps the panel is never measured and never becomes visible.\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition, isClient]);\n\n  // ── Scroll repositioning ─────────────────────────────────────────────────\n  const handleScroll = useCallback(() => {\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (triggerRef.current && contentRef.current) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Resize repositioning ──────────────────────────────────────────────────\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        popoverState.isVisible &&\n        popoverState.isPositioned &&\n        contentRef.current &&\n        triggerRef.current\n      ) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll listener registration ─────────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      // Capture phase on `document` - see the note in `Dropdown`. `scroll` does\n      // not bubble, so listeners on `window`/`document.body` miss every\n      // ancestor scroll container and the portaled panel detaches from its\n      // trigger.\n      document.addEventListener('scroll', handleScroll, { capture: true, passive: true });\n    }\n\n    return () => {\n      document.removeEventListener('scroll', handleScroll, { capture: true });\n    };\n  }, [popoverState.isVisible, handleScroll]);\n\n  // ── Click-outside handler ─────────────────────────────────────────────────\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\n        return;\n      }\n\n      close();\n    },\n    [closeOnClickOutside, popoverState.isVisible, close],\n  );\n\n  // ── Escape key handler ────────────────────────────────────────────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\n        close();\n      }\n    },\n    [closeOnEscape, popoverState.isVisible, close],\n  );\n\n  // ── Register global event listeners ──────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\n\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\n  useEffect(() => {\n    const timeoutId = timeoutRef.current;\n    const animationFrameId = animationFrameRef.current;\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      if (animationFrameId) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    };\n  }, []);\n\n  // Non-modal focus handling: move focus into the panel and return it to the\n  // trigger on close, but leave Tab free.\n  //\n  // `trapTab: false` because this dialog is honestly `aria-modal=\"false\"` -\n  // the rest of the page stays available, so confining Tab would strand the\n  // user. Moving focus in is still required: the panel is portaled to\n  // `document.body`, so Tab from the trigger continues into whatever follows\n  // it in the page and the panel's own controls cannot be reached at all.\n  //\n  // Keyed to `isPositioned`, not `isVisible`: the panel renders off-screen\n  // for one frame while its placement is measured, and focusing it in that\n  // state scrolls the page to wherever it was parked.\n  useDialogFocus(popoverState.isVisible && popoverState.isPositioned, contentRef, {\n    trapTab: false,\n  });\n\n  // ── Render ────────────────────────────────────────────────────────────────\n  return (\n    <>\n      {/* Trigger wrapper.\n\n          The wrapper carries no ARIA. It had `aria-expanded` and\n          `aria-haspopup` while having no role, which is invalid - both need\n          a role that supports them, and adding `role=\"button\"` here would be\n          worse still, since the trigger inside is usually a real button\n          (that is the `nested-interactive` shape already fixed on\n          `Dropdown`).\n\n          Instead the state is cloned onto the trigger element, which is the\n          thing a user actually activates. Guarded by `isValidElement`\n          because `trigger` is typed as `ReactNode` and may be a bare string,\n          in which case there is nothing to annotate and the wrapper stays\n          exactly as it was. */}\n      <div\n        ref={triggerRef}\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\n        onClick={toggle}\n      >\n        {React.isValidElement(trigger)\n          ? React.cloneElement(trigger as React.ReactElement<Record<string, unknown>>, {\n              'aria-expanded': popoverState.isVisible,\n              'aria-haspopup': 'dialog',\n            })\n          : trigger}\n      </div>\n\n      {/* Portal: floating panel */}\n      {isClient &&\n        popoverState.isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            aria-labelledby={title ? titleId : undefined}\n            // Only the untitled case still needs a literal label - there is\n            // no visible text to point at.\n            aria-label={title ? undefined : 'Popover'}\n            className={[\n              'eidos-popover-content',\n              `eidos-popover-content--${popoverState.position.placement}`,\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\n              contentClassName,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: popoverState.position.top,\n              left: popoverState.position.left,\n              maxWidth: maxWidth,\n            }}\n          >\n            {(title || showCloseButton) && (\n              <div className=\"eidos-popover-header\">\n                {title && (\n                  <span id={titleId} className=\"eidos-popover-title\">\n                    {title}\n                  </span>\n                )}\n                {showCloseButton && (\n                  <button\n                    type=\"button\"\n                    className=\"eidos-popover-close\"\n                    onClick={close}\n                    aria-label=\"Close popover\"\n                  >\n                    <X aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"eidos-popover-body\">{children}</div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nPopover.displayName = 'Popover';\n"],"mappings":"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","names":[]}