@servicetitan/anvil2 3.14.0 → 3.15.0

package/dist/{useInitialFocus-CGybEc6x.js → useInitialFocus-0TZ78bPz.js}

@@ -1,5 +1,5 @@
 import { useCallback, useState, useRef, useEffect } from 'react';
-import { u as useOpenCloseTransitionStates, t as tabbable } from './usePopoverTransitionStates-CDXCdyKa.js';
+import { u as useOpenCloseTransitionStates, t as tabbable } from './usePopoverTransitionStates-B1opfxxn.js';
 
 const useDialogTransitionStates = (ref, openProp, options = {}) => {
   const { onOpenAnimationStart, onCloseAnimationComplete } = options;
@@ -224,4 +224,4 @@ const useInitialFocus = (dialogRef, { computeFocus }) => {
 };
 
 export { useDialogTransitionStates as a, useKeyboardFocusables as b, useInitialFocus as c, useDrillDownContextState as u };
-//# sourceMappingURL=useInitialFocus-CGybEc6x.js.map
+//# sourceMappingURL=useInitialFocus-0TZ78bPz.js.map

package/dist/useInitialFocus-0TZ78bPz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialFocus-0TZ78bPz.js","sources":["../src/internal/hooks/useDialogTransitionStates/useDialogTransitionStates.ts","../src/internal/hooks/useKeyboardFocusables/useKeyboardFocusables.ts","../src/components/DrillDown/internal/useDrillDownContextState.ts","../src/components/Dialog/internal/useInitialFocus.ts"],"sourcesContent":["import { type RefObject, useCallback } from \"react\";\nimport {\n  useOpenCloseTransitionStates,\n  type OpenCloseTransitionStateEffects,\n} from \"../useOpenCloseTransitionStates\";\n\n/**\n * Coordinates a dialog's modal lifecycle with its CSS opening and closing\n * animations.\n */\nexport const useDialogTransitionStates = (\n  ref: RefObject<HTMLDialogElement>,\n  openProp: boolean | undefined,\n  options: OpenCloseTransitionStateEffects = {},\n) => {\n  const { onOpenAnimationStart, onCloseAnimationComplete } = options;\n\n  const getDurationMs = useCallback(() => {\n    if (!ref.current || !window) return 0;\n    const duration = window.getComputedStyle(ref.current).animationDuration;\n    return parseFloat(duration) * 1000;\n  }, [ref]);\n\n  const handleOpenAnimationStart = useCallback(() => {\n    if (!ref.current) return;\n    ref.current.showModal();\n    onOpenAnimationStart?.();\n  }, [ref, onOpenAnimationStart]);\n\n  const handleCloseAnimationComplete = useCallback(() => {\n    if (!ref.current) return;\n    ref.current.close();\n    onCloseAnimationComplete?.();\n  }, [ref, onCloseAnimationComplete]);\n\n  return useOpenCloseTransitionStates(openProp, {\n    ...options,\n    onOpenAnimationStart: handleOpenAnimationStart,\n    onCloseAnimationComplete: handleCloseAnimationComplete,\n    durationMs: getDurationMs,\n  });\n};\n","import { type RefObject, useEffect, useRef, useState } from \"react\";\nimport { type FocusableElement, tabbable } from \"tabbable\";\n\ntype OptionProps =\n  | {\n      observeChange: false;\n    }\n  | {\n      observeChange: true;\n      attributes?: boolean;\n      characterData?: boolean;\n      childList?: boolean;\n      subtree?: boolean;\n    };\n\n/** Tracks tabbable descendants within a container as its DOM changes. */\nexport const useKeyboardFocusables = (\n  element: RefObject<HTMLElement> | HTMLElement | undefined,\n  options: OptionProps = {\n    observeChange: true,\n    attributes: true,\n    characterData: true,\n    childList: true,\n    subtree: true,\n  },\n) => {\n  const [focusables, setFocusables] = useState<FocusableElement[] | null>(null);\n  const observerRef = useRef<MutationObserver>();\n\n  useEffect(() => {\n    const target = element instanceof HTMLElement ? element : element?.current;\n    if (!target) return;\n    if (!options.observeChange && !focusables) {\n      setFocusables(tabbable(target as Element));\n      return;\n    }\n\n    const mutationCallback = () => {\n      const targetArr = tabbable(target as Element);\n      if (targetArr.length === 0) return;\n      setFocusables(targetArr);\n    };\n\n    const observer = new MutationObserver(mutationCallback);\n    observerRef.current = observer;\n    observer.observe(target, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      characterData: true,\n    });\n    return () => {\n      observer.disconnect();\n    };\n  }, [element, options, focusables]);\n\n  return { focusables };\n};\n","import { useState, useCallback, useRef, type MutableRefObject } from \"react\";\nimport type { DrillDownContextProps } from \"./DrillDownContext\";\n\nconst getActiveHTMLElement = () => {\n  return document.activeElement instanceof HTMLElement\n    ? document.activeElement\n    : null;\n};\n\ntype useDrillDownContextStateParams = {\n  /**\n   * Screen opened by the first `next()` from a closed stack, and restored when\n   * the host closes after a drilldown session. Defaults to `0`.\n   */\n  defaultDrillDownIndex?: number;\n};\n\nexport function useDrillDownContextState({\n  defaultDrillDownIndex = 0,\n}: useDrillDownContextStateParams) {\n  // Closed until `next()` or `setIndex`; `defaultDrillDownIndex` is not the first paint.\n  const [drillDownIndex, setDrillDownIndex] =\n    useState<DrillDownContextProps[\"index\"]>(undefined);\n  const [registeredIndices, setRegisteredIndices] = useState<\n    DrillDownContextProps[\"registeredIndices\"]\n  >([]);\n  const drillDownPath = useRef<number[]>([]);\n  const [onClose, setOnClose] = useState<(() => void)[]>([]);\n  const navigationTriggerFocusRef = useRef<HTMLElement | null>(null);\n  const hostTriggerFocusRef = useRef<HTMLElement | null>(null);\n  const shouldRestoreHostFocusRef = useRef(false);\n  const hasActiveDrillDownRef = useRef(false);\n\n  const restoreFocus = useCallback(\n    (focusRef: MutableRefObject<HTMLElement | null>) => {\n      requestAnimationFrame(() => {\n        focusRef.current?.focus();\n        focusRef.current = null;\n      });\n    },\n    [],\n  );\n\n  const restoreNavigationFocus = useCallback(() => {\n    restoreFocus(navigationTriggerFocusRef);\n  }, [restoreFocus]);\n\n  const restoreHostFocus = useCallback(() => {\n    restoreFocus(hostTriggerFocusRef);\n  }, [restoreFocus]);\n\n  const back = useCallback(() => {\n    const newIndex = drillDownPath.current.pop();\n    // An empty path closes the stack and restores the opener.\n    if (newIndex == null && navigationTriggerFocusRef.current) {\n      setDrillDownIndex(undefined);\n      restoreNavigationFocus();\n      return;\n    }\n    setDrillDownIndex(newIndex);\n  }, [setDrillDownIndex, drillDownPath, restoreNavigationFocus]);\n\n  const next = useCallback(() => {\n    if (drillDownIndex == null) {\n      // Capture the opener so later close can restore it.\n      navigationTriggerFocusRef.current = getActiveHTMLElement();\n      drillDownPath.current = [];\n      setDrillDownIndex(defaultDrillDownIndex);\n      return;\n    }\n    if (registeredIndices && registeredIndices[drillDownIndex + 1] == null) {\n      // No later registered screen: close rather than no-op.\n      drillDownPath.current = [];\n      setDrillDownIndex(undefined);\n      restoreNavigationFocus();\n      return;\n    }\n    drillDownPath.current.push(drillDownIndex);\n    setDrillDownIndex(drillDownIndex + 1);\n  }, [\n    drillDownIndex,\n    setDrillDownIndex,\n    defaultDrillDownIndex,\n    drillDownPath,\n    registeredIndices,\n    restoreNavigationFocus,\n  ]);\n\n  const setIndexWithinBounds = useCallback(\n    (index: number | undefined) => {\n      // Out of bounds or unregistered: close rather than clamp.\n      if (\n        index == null ||\n        index < 0 ||\n        (registeredIndices && registeredIndices[index] == null)\n      ) {\n        setDrillDownIndex(undefined);\n        restoreNavigationFocus();\n        return;\n      }\n      if (drillDownIndex === undefined) {\n        navigationTriggerFocusRef.current = getActiveHTMLElement();\n        drillDownPath.current = [];\n      } else {\n        // Jumps from an open screen still push so `back()` retraces this visit.\n        drillDownPath.current.push(drillDownIndex);\n      }\n      setDrillDownIndex(index);\n    },\n    [\n      drillDownIndex,\n      setDrillDownIndex,\n      drillDownPath,\n      registeredIndices,\n      restoreNavigationFocus,\n    ],\n  );\n\n  const setHostTrigger = useCallback((element: HTMLElement | null) => {\n    // First non-null host trigger wins for restore-after-close.\n    if (element == null || hostTriggerFocusRef.current != null) return;\n    hostTriggerFocusRef.current = element;\n  }, []);\n\n  const onHostCloseHandler = useCallback(() => {\n    // Host close restores `defaultDrillDownIndex`, not a cleared stack.\n    const shouldResetToDefault =\n      drillDownIndex != null || hasActiveDrillDownRef.current;\n\n    drillDownPath.current = [];\n    navigationTriggerFocusRef.current = null;\n    shouldRestoreHostFocusRef.current = true;\n    hasActiveDrillDownRef.current = false;\n\n    if (shouldResetToDefault) {\n      setDrillDownIndex(defaultDrillDownIndex);\n    }\n  }, [defaultDrillDownIndex, drillDownIndex]);\n\n  const onHostClosedHandler = useCallback(() => {\n    if (!shouldRestoreHostFocusRef.current) return;\n\n    shouldRestoreHostFocusRef.current = false;\n    restoreHostFocus();\n  }, [restoreHostFocus]);\n\n  // Sticky so host close still resets after the index has already gone undefined.\n  if (drillDownIndex != null) {\n    hasActiveDrillDownRef.current = true;\n  }\n\n  const setOnCloseForIndex = useCallback(\n    (fn: () => void, index: number) => {\n      setOnClose((arr) => {\n        const nextOnClose = [...arr];\n        nextOnClose[index] = () => {\n          fn();\n          setDrillDownIndex(undefined);\n          restoreNavigationFocus();\n        };\n        return nextOnClose;\n      });\n    },\n    [restoreNavigationFocus],\n  );\n\n  return {\n    index: drillDownIndex,\n    setIndex: setIndexWithinBounds,\n    back,\n    next,\n    registeredIndices,\n    setRegisteredIndices,\n    onClose,\n    setOnClose: setOnCloseForIndex,\n    hostIsInteractive: true,\n    setHostTrigger,\n    onHostClose: onHostCloseHandler,\n    onHostClosed: onHostClosedHandler,\n  };\n}\n","import { type RefObject, useEffect } from \"react\";\nimport { type FocusableElement, tabbable } from \"tabbable\";\n\nexport type InitialFocusOptions = {\n  /** Selects a target from the dialog's tabbable elements. */\n  computeFocus?: (focusables: FocusableElement[]) => FocusableElement;\n};\n\n/** Moves focus into a dialog when its native `open` attribute is set. */\nexport const useInitialFocus = (\n  dialogRef: RefObject<HTMLDialogElement>,\n  { computeFocus }: InitialFocusOptions,\n) => {\n  useEffect(() => {\n    if (!dialogRef.current) {\n      return () => {};\n    }\n    // Waiting for the native attribute ensures `tabbable` runs after `showModal()`.\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.attributeName === \"open\" &&\n          mutation.target === dialogRef.current &&\n          mutation.target instanceof HTMLDialogElement &&\n          mutation.target.open === true\n        ) {\n          const focusables = tabbable(dialogRef.current);\n          const target = computeFocus?.(focusables) || focusables[0];\n          target?.focus();\n        }\n      });\n    });\n    observer.observe(dialogRef.current, {\n      attributes: true,\n      attributeFilter: [\"open\"],\n    });\n    return () => {\n      observer.disconnect();\n    };\n  }, [dialogRef, computeFocus]);\n};\n"],"names":[],"mappings":"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"}

package/dist/{useInvalidateOnOptionsChange-ieSgbkwT.js → useInvalidateOnOptionsChange-D3KWg4qK.js}

@@ -5,9 +5,9 @@ import { S as Spinner } from './Spinner-B7tTWcP6.js';
 import { a as SvgCheckBoxOutlineBlank, S as SvgCheckBox } from './check_box-0U1tbEAd.js';
 import { S as SvgIndeterminateCheckBox } from './indeterminate_check_box-jjLG4UY6.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
-import { T as Text } from './Text-CZccJAnm.js';
-import { A as Avatar } from './Avatar-DkWoRhJu.js';
-import { C as Chip } from './Chip-UbrxYEqs.js';
+import { T as Text } from './Text-dONmlARH.js';
+import { A as Avatar } from './Avatar-Ba662b3z.js';
+import { C as Chip } from './Chip-B4G4zaP-.js';
 import { forwardRef, useRef, useCallback, useEffect, useState } from 'react';
 import { a as useOnClickOutside } from './useOnClickOutside-Zw5vzxSq.js';
 import { u as usePortalScopeStyle, p as portalScopeClassNames } from './portalScopeClassNames-DA28LrXe.js';
@@ -15,7 +15,7 @@ import { c as computePosition, o as offset, h as autoPlacement, g as size, a as
 import { D as DialogCancelButton } from './DialogCancelButton-DBL0aKTK.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { D as DialogContext } from './DialogContext-DBgtApl9.js';
-import { t as tabbable } from './usePopoverTransitionStates-CDXCdyKa.js';
+import { t as tabbable } from './usePopoverTransitionStates-B1opfxxn.js';
 import { u as useDialogScrollLock } from './useDialogScrollLock-BW-aVboo.js';
 import { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';
 
@@ -438,4 +438,4 @@ function useInvalidateOnOptionsChange(handleRef, options) {
 }
 
 export { OptionsDialog as O, OptionsPopover as a, useAdaptiveView as b, OptionRow as c, OptionRowSideContent as d, OptionCheckbox as e, OptionContentArea as f, isThenable as i, useInvalidateOnOptionsChange as u };
-//# sourceMappingURL=useInvalidateOnOptionsChange-ieSgbkwT.js.map
+//# sourceMappingURL=useInvalidateOnOptionsChange-D3KWg4qK.js.map

package/dist/{useInvalidateOnOptionsChange-ieSgbkwT.js.map → useInvalidateOnOptionsChange-D3KWg4qK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useInvalidateOnOptionsChange-ieSgbkwT.js","sources":["../src/internal/functions/isThenable.ts","../src/internal/components/OptionCheckbox.tsx","../src/internal/components/OptionRow.tsx","../src/internal/components/OptionContentArea.tsx","../src/internal/components/OptionsPopover/OptionsPopover.tsx","../src/internal/components/OptionsDialog/OptionsDialog.tsx","../src/beta/hooks/useAdaptiveView/useAdaptiveView.tsx","../src/internal/functions/areOptionsValueEqual.ts","../src/internal/hooks/useInvalidateOnOptionsChange.ts"],"sourcesContent":["/**\n * Detects objects with a callable `then` member.\n */\nexport function isThenable<T>(value: unknown): value is PromiseLike<T> {\n  return (\n    typeof value === \"object\" &&\n    value !== null &&\n    \"then\" in value &&\n    typeof (value as PromiseLike<T>).then === \"function\"\n  );\n}\n","import cx from \"classnames\";\nimport { Icon } from \"../../components/Icon\";\nimport { Spinner } from \"../../components/Spinner\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\nimport type { CheckState } from \"../../types\";\nimport styles from \"./OptionCheckbox.module.scss\";\n\nexport type OptionCheckboxProps = {\n  /** Selects the checkbox glyph, or shows a spinner while loading. */\n  checkState: CheckState;\n  className?: string;\n};\n\nconst iconMap = {\n  checked: CheckboxChecked,\n  unchecked: CheckboxOutline,\n  indeterminate: CheckboxIndeterminate,\n} as const;\n\n/** Decorative selection-state indicator for a multiple-select option. */\nexport function OptionCheckbox({ checkState, className }: OptionCheckboxProps) {\n  if (checkState === \"loading\") {\n    return (\n      <span className={cx(styles[\"loading\"], className)}>\n        <Spinner size=\"small\" aria-hidden=\"true\" />\n      </span>\n    );\n  }\n\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      size=\"large\"\n      svg={iconMap[checkState]}\n      className={cx(styles[\"checkbox\"], styles[checkState], className)}\n    />\n  );\n}\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./OptionRow.module.scss\";\n\nexport type OptionRowProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Applies disabled styling; interaction semantics remain caller-owned. */\n  disabled?: boolean;\n};\n\n/** Shared layout and state styling for an option row. */\nexport const OptionRow = forwardRef<HTMLDivElement, OptionRowProps>(\n  function OptionRow({ disabled, children, className, ...rest }, ref) {\n    const optionRowClass = cx(\n      styles[\"option-row\"],\n      { [styles[\"disabled\"]]: disabled },\n      className,\n    );\n    return (\n      <div ref={ref} {...rest} className={optionRowClass}>\n        {children}\n      </div>\n    );\n  },\n);\n\n/** Prevents leading or trailing row content from shrinking. */\nexport const OptionRowSideContent = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\"> & { children: ReactNode }\n>(function OptionRowSideContent({ children, className, ...rest }, ref) {\n  const sideContentClass = cx(styles[\"side-content\"], className);\n  return (\n    <div ref={ref} {...rest} className={sideContentClass}>\n      {children}\n    </div>\n  );\n});\n","import type { ReactNode } from \"react\";\nimport { Flex } from \"../../components/Flex\";\nimport { Text } from \"../../components/Text\";\nimport { Avatar } from \"../../components/Avatar\";\nimport { Chip } from \"../../components/Chip\";\nimport { Icon } from \"../../components/Icon\";\nimport type { OptionContent } from \"../types/optionContent\";\nimport { OptionRowSideContent } from \"./OptionRow\";\nimport styles from \"./OptionContentArea.module.scss\";\n\nexport type OptionContentAreaProps = {\n  /** Fallback title when `content.title` is omitted. */\n  label: string;\n  /** Optional structured details for the option. */\n  content?: OptionContent;\n  /** Additional content rendered after the option's details. */\n  children?: ReactNode;\n};\n\n/** Arranges an option's avatar, text details, tags, and trailing icon. */\nexport function OptionContentArea({\n  label,\n  content,\n  children,\n}: OptionContentAreaProps) {\n  const hasAvatar = !!content?.avatar;\n  const hasChips = !!content?.chips?.length;\n  const hasIcon = !!content?.icon;\n\n  return (\n    <>\n      {hasAvatar && (\n        <OptionRowSideContent aria-hidden=\"true\">\n          <Avatar size=\"medium\" {...content!.avatar!} />\n        </OptionRowSideContent>\n      )}\n      <Flex grow={1} shrink={1} direction=\"column\" justifyContent=\"center\">\n        <Text size=\"small\" className={styles[\"title\"]}>\n          {content?.title ?? label}\n        </Text>\n        {content?.description && (\n          <Text size=\"small\" className={styles[\"description\"]}>\n            {content.description}\n          </Text>\n        )}\n        {hasChips && (\n          <Flex\n            wrap=\"wrap\"\n            gap=\"1\"\n            className={styles[\"chips-row\"]}\n            role=\"group\"\n            aria-label=\"Tags\"\n          >\n            {content!.chips!.map((chip, i) => (\n              <Chip key={`${chip.label}-${i}`} size=\"small\" {...chip} />\n            ))}\n          </Flex>\n        )}\n        {children}\n      </Flex>\n      {hasIcon && (\n        <OptionRowSideContent>\n          <Icon\n            size=\"large\"\n            svg={content!.icon!.svg}\n            color={content!.icon!.color}\n            aria-hidden={content!.icon!.label ? undefined : \"true\"}\n            aria-label={content!.icon!.label}\n          />\n        </OptionRowSideContent>\n      )}\n    </>\n  );\n}\n","import {\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\n\nimport {\n  autoPlacement,\n  autoUpdate,\n  computePosition,\n  offset,\n  size,\n} from \"@floating-ui/react\";\n\nimport cx from \"classnames\";\n\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside/useOnClickOutside\";\nimport {\n  portalScopeClassNames,\n  usePortalScopeStyle,\n} from \"../../functions/portalScopeClassNames\";\n\nimport styles from \"./OptionsPopover.module.scss\";\n\nexport type OptionsPopoverProps = {\n  id: string;\n  children: ReactNode;\n  /** Anchor used for positioning and click-outside exclusion. */\n  referenceElement: RefObject<HTMLElement>;\n  /** Calls `showPopover` when true and `hidePopover` when false. */\n  open: boolean;\n  /**\n   * Click-outside, focus-out, and Escape. Escape restores focus to\n   * `referenceElement` first; other paths leave focus where it already moved.\n   */\n  onClose: () => void;\n  /**\n   * `\"reference\"` matches the anchor, a number is CSS pixels, a string is a\n   * CSS width. Omitted uses intrinsic `max-content` sizing.\n   */\n  width?: \"reference\" | number | string;\n  /** Region below the scrollable body, separated by a top border. */\n  footer?: ReactNode;\n};\n\nfunction resolveWidth(\n  width: OptionsPopoverProps[\"width\"],\n  referenceWidth: number,\n): string | undefined {\n  if (width === \"reference\") return `${referenceWidth}px`;\n  if (typeof width === \"number\") return `${width}px`;\n  if (typeof width === \"string\") return width;\n  return undefined;\n}\n\n/** Anchored popover shell for option lists. */\nexport const OptionsPopover = (props: OptionsPopoverProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { id, children, referenceElement, open, onClose, width, footer } =\n    props;\n\n  // A single click-outside on a focusable element fires both the\n  // useOnClickOutside (pointerup) path and the focusout path below. Dedupe\n  // so onClose runs at most once per user action.\n  const lastCloseRef = useRef(0);\n  const safeClose = useCallback(() => {\n    const now = Date.now();\n    if (now - lastCloseRef.current < 50) return;\n    lastCloseRef.current = now;\n    onClose();\n  }, [onClose]);\n\n  useOnClickOutside({\n    targets: [ref.current ?? undefined, referenceElement.current ?? undefined],\n    onClickOutside: safeClose,\n    disable: !open,\n  });\n\n  useEffect(() => {\n    if (open) {\n      ref.current?.showPopover();\n    } else {\n      ref.current?.hidePopover();\n    }\n  }, [open]);\n\n  // Close when focus leaves the popover (and isn't moving to the trigger\n  // element, which has its own click/focus handling). This is the keyboard\n  // counterpart to useOnClickOutside.\n  useEffect(() => {\n    if (!open) return;\n    const popoverEl = ref.current;\n    if (!popoverEl) return;\n    const handleFocusOut = (e: FocusEvent) => {\n      const next = e.relatedTarget as Node | null;\n      if (!next) {\n        // Focus moved to nothing tracked (e.g. body). Treat as exit.\n        safeClose();\n        return;\n      }\n      if (popoverEl.contains(next)) return;\n      const trigger = referenceElement.current;\n      if (trigger && trigger.contains(next)) return;\n      safeClose();\n    };\n    popoverEl.addEventListener(\"focusout\", handleFocusOut);\n    return () => popoverEl.removeEventListener(\"focusout\", handleFocusOut);\n  }, [open, safeClose, referenceElement]);\n\n  // Footer and other inner controls have no host Escape hook. Skip when an\n  // inner handler already called preventDefault (search / listbox).\n  useEffect(() => {\n    if (!open) return;\n    const popoverEl = ref.current;\n    if (!popoverEl) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\" || e.defaultPrevented) return;\n      e.preventDefault();\n      referenceElement.current?.focus();\n      safeClose();\n    };\n    popoverEl.addEventListener(\"keydown\", handleKeyDown);\n    return () => popoverEl.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open, safeClose, referenceElement]);\n\n  const updatePosition = useCallback(async () => {\n    if (!ref.current || !referenceElement.current) return;\n    const position = await computePosition(\n      referenceElement.current,\n      ref.current,\n      {\n        placement: \"bottom-start\",\n        middleware: [\n          offset(8),\n          autoPlacement({\n            allowedPlacements: [\n              \"bottom-start\",\n              \"bottom-end\",\n              \"top-start\",\n              \"top-end\",\n            ],\n            padding: 8,\n          }),\n          size({\n            padding: 8,\n            apply({ rects, elements, availableHeight, availableWidth }) {\n              const resolved = resolveWidth(width, rects.reference.width);\n              Object.assign(elements.floating.style, {\n                ...(resolved != null && { width: resolved }),\n                maxWidth: `${Math.max(0, availableWidth)}px`,\n                maxHeight: `${Math.max(0, availableHeight)}px`,\n              });\n            },\n          }),\n        ],\n      },\n    );\n    ref.current.style.left = `${position.x}px`;\n    ref.current.style.top = `${position.y}px`;\n  }, [ref, referenceElement, width]);\n\n  useEffect(() => {\n    if (!ref.current || !referenceElement.current || !open) return;\n    const cleanup = autoUpdate(\n      referenceElement.current,\n      ref.current,\n      updatePosition,\n    );\n    return () => {\n      cleanup();\n    };\n  }, [referenceElement, ref, updatePosition, open]);\n\n  const portalStyle = usePortalScopeStyle();\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(styles[\"options-popover\"], portalScopeClassNames)}\n      style={portalStyle}\n      popover=\"manual\"\n      data-anv=\"popover-content\"\n      data-anv-part=\"popover\"\n    >\n      <div className={styles[\"options-popover-body\"]}>{children}</div>\n      {footer ? (\n        <div className={styles[\"options-popover-footer\"]}>{footer}</div>\n      ) : null}\n    </div>\n  );\n};\n","import { useCallback, useEffect, useRef } from \"react\";\nimport { Flex, type FocusableElement, Text } from \"../../..\";\nimport { DialogCancelButton } from \"../../../components/Dialog/DialogCancelButton\";\nimport styles from \"./OptionsDialog.module.scss\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { DialogContext } from \"../../../components/Dialog/internal/DialogContext\";\nimport { useDialogScrollLock } from \"../..\";\nimport { tabbable } from \"tabbable\";\n\n/**\n * Native modal host for select options. Sizes to the visual viewport.\n */\nexport const OptionsDialog = ({\n  id,\n  isOpen,\n  onClose,\n  field,\n  children,\n  title,\n  initialFocusResolver,\n  footer,\n}: {\n  /** Scroll-lock and dialog identity. */\n  id: string;\n  /** Calls `showModal` when true and `close` when false. */\n  isOpen: boolean;\n  /** Escape, the cancel button, and host close paths. */\n  onClose: () => void;\n  /** Accessible name rendered as the dialog `h1`. */\n  title: string;\n  /** Optional search/trigger control above the list. */\n  field?: React.ReactNode;\n  children: React.ReactNode;\n  /**\n   * Picks initial focus among tabbables. Defaults to the first control that\n   * is not the cancel button.\n   */\n  initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n  /** Optional apply/clear/add-new controls after the list. */\n  footer?: React.ReactNode;\n}) => {\n  const elRef = useRef<HTMLDialogElement>(null);\n  const visualViewportHeightRef = useRef<HTMLDivElement>(null);\n\n  useDialogScrollLock({\n    open: isOpen,\n    id,\n    enableScrollChaining: false,\n    elementRef: elRef,\n  });\n\n  const computeFocus = useCallback(\n    (focusables: FocusableElement[]) => {\n      if (initialFocusResolver) {\n        return initialFocusResolver(focusables);\n      }\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    },\n    [initialFocusResolver],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      elRef.current?.showModal();\n      if (elRef.current) {\n        computeFocus(tabbable(elRef.current)).focus();\n      }\n    } else {\n      elRef.current?.close();\n    }\n    // `computeFocus` is omitted so a resolver identity change does not re-show or close.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      const handleResize = () => {\n        if (!visualViewportHeightRef.current) return;\n        // Mobile chrome/keyboard shrinks visualViewport without resizing `window`.\n        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;\n        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;\n      };\n      window.visualViewport?.addEventListener(\"resize\", handleResize);\n      return () => {\n        window.visualViewport?.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [isOpen]);\n\n  return (\n    <dialog\n      ref={elRef}\n      id={id}\n      data-anv=\"field-dialog\"\n      data-anv-part=\"dialog\"\n      className={styles[\"field-dialog\"]}\n      onKeyDown={(e) => {\n        if (e.code === \"Escape\") {\n          // Native dialog would dismiss itself; route close through the host.\n          e.preventDefault();\n          onClose();\n        }\n      }}\n    >\n      <div\n        className={styles[\"field-dialog-visual-viewport-height\"]}\n        ref={visualViewportHeightRef}\n      >\n        <Flex direction=\"row\" className={styles[\"header\"]}>\n          <Text variant=\"headline\" el=\"h1\">\n            {title}\n          </Text>\n          <span className={styles[\"close-container\"]}>\n            <DialogContext.Provider value={{ close: onClose }}>\n              <DialogCancelButton\n                className={styles[\"close-button\"]}\n                size=\"small\"\n                appearance=\"ghost\"\n                aria-label=\"Close dialog\"\n                icon={Close}\n              />\n            </DialogContext.Provider>\n          </span>\n        </Flex>\n        {field ? (\n          <Flex direction=\"column\" className={styles[\"field\"]}>\n            {field}\n          </Flex>\n        ) : null}\n        <Flex direction=\"column\" className={styles[\"content\"]}>\n          {children}\n        </Flex>\n        {footer ? <div className={styles[\"footer\"]}>{footer}</div> : null}\n      </div>\n    </dialog>\n  );\n};\n","import { useEffect, useState } from \"react\";\nimport { useBreakpoint } from \"../../../hooks\";\n\n/**\n * The type of view to render based on device characteristics.\n */\nexport type AdaptiveView = \"mobile\" | \"desktop\";\n\n/**\n * Return type for the useAdaptiveView hook.\n */\nexport interface UseAdaptiveViewReturn {\n  /**\n   * The current adaptive view type.\n   */\n  view: AdaptiveView;\n  /**\n   * True when the device should use mobile-optimized UI (Dialog).\n   */\n  isMobile: boolean;\n  /**\n   * True when the device should use desktop-optimized UI (Popover).\n   */\n  isDesktop: boolean;\n}\n\n/**\n * Detects whether the primary pointer is coarse (touch) using CSS media query.\n * Returns false during SSR or when matchMedia is unavailable.\n */\nfunction detectCoarsePointer(): boolean {\n  if (typeof window === \"undefined\" || !window.matchMedia) {\n    return false;\n  }\n  return window.matchMedia(\"(pointer: coarse)\").matches;\n}\n\n/**\n * Custom hook for detecting whether to use mobile or desktop UI patterns.\n *\n * This hook determines the optimal UI pattern (e.g., Dialog vs Popover) by combining:\n * - Screen size via useBreakpoint (viewport width)\n * - Pointer precision via CSS media query (pointer: coarse)\n *\n * A device is considered \"mobile\" when it has both:\n * - A small screen (below md breakpoint, < 768px)\n * - A coarse pointer (touch-primary input)\n *\n * This approach correctly identifies:\n * - Mobile phones → mobile view (Dialog)\n * - iPads/tablets → desktop view (Popover) due to larger screens\n * - Touch laptops → desktop view (Popover) due to fine pointer primary\n * - Desktop → desktop view (Popover)\n *\n * @returns Object containing view type and boolean flags for mobile/desktop\n *\n * @example\n * const { isMobile } = useAdaptiveView();\n *\n * return isMobile ? (\n *   <Dialog>{children}</Dialog>\n * ) : (\n *   <Popover>{children}</Popover>\n * );\n */\nexport function useAdaptiveView(): UseAdaptiveViewReturn {\n  const breakpoint = useBreakpoint();\n  const [hasCoarsePointer, setHasCoarsePointer] = useState(detectCoarsePointer);\n\n  useEffect(() => {\n    setHasCoarsePointer(detectCoarsePointer());\n\n    // Listen for pointer capability changes (e.g., connecting/disconnecting a mouse)\n    const mediaQuery = window.matchMedia(\"(pointer: coarse)\");\n    const handleChange = (e: MediaQueryListEvent) => {\n      setHasCoarsePointer(e.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", handleChange);\n    return () => mediaQuery.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  const isSmallScreen = !breakpoint?.md;\n  const isMobile = isSmallScreen && hasCoarsePointer;\n\n  return {\n    view: isMobile ? \"mobile\" : \"desktop\",\n    isMobile,\n    isDesktop: !isMobile,\n  };\n}\n","/**\n * Compares option data deeply while keeping functions and React elements\n * identity-sensitive.\n */\nexport function areOptionsValueEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) {\n    return true;\n  }\n\n  if (typeof a !== typeof b || a === null || b === null) {\n    return false;\n  }\n\n  if (Array.isArray(a)) {\n    if (!Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    return a.every((item, index) => areOptionsValueEqual(item, b[index]));\n  }\n\n  if (isPlainObject(a) && isPlainObject(b)) {\n    // Treat omitted keys and explicit `undefined` as equivalent.\n    const keys = new Set([...Object.keys(a), ...Object.keys(b)]);\n    for (const key of keys) {\n      if (!areOptionsValueEqual(a[key], b[key])) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  return false;\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n    return false;\n  }\n  if (typeof (value as { $$typeof?: unknown }).$$typeof === \"symbol\") {\n    return false;\n  }\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n}\n","import { useEffect, useRef } from \"react\";\nimport { areOptionsValueEqual } from \"../functions/areOptionsValueEqual\";\n\ntype InvalidatableHandle = {\n  invalidate: () => void;\n};\n\n/**\n * Invalidates a select handle only when option contents change, ignoring the\n * initial mount and reference-only changes.\n */\nexport function useInvalidateOnOptionsChange(\n  handleRef: { current: InvalidatableHandle | null },\n  options: unknown,\n): void {\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (areOptionsValueEqual(prevOptionsRef.current, options)) {\n      prevOptionsRef.current = options;\n      return;\n    }\n\n    prevOptionsRef.current = options;\n    handleRef.current?.invalidate();\n  }, [handleRef, options]);\n}\n"],"names":["CheckboxChecked","CheckboxOutline","CheckboxIndeterminate","styles","OptionRow","OptionRowSideContent","Close"],"mappings":"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"}
+{"version":3,"file":"useInvalidateOnOptionsChange-D3KWg4qK.js","sources":["../src/internal/functions/isThenable.ts","../src/internal/components/OptionCheckbox.tsx","../src/internal/components/OptionRow.tsx","../src/internal/components/OptionContentArea.tsx","../src/internal/components/OptionsPopover/OptionsPopover.tsx","../src/internal/components/OptionsDialog/OptionsDialog.tsx","../src/beta/hooks/useAdaptiveView/useAdaptiveView.tsx","../src/internal/functions/areOptionsValueEqual.ts","../src/internal/hooks/useInvalidateOnOptionsChange.ts"],"sourcesContent":["/**\n * Detects objects with a callable `then` member.\n */\nexport function isThenable<T>(value: unknown): value is PromiseLike<T> {\n  return (\n    typeof value === \"object\" &&\n    value !== null &&\n    \"then\" in value &&\n    typeof (value as PromiseLike<T>).then === \"function\"\n  );\n}\n","import cx from \"classnames\";\nimport { Icon } from \"../../components/Icon\";\nimport { Spinner } from \"../../components/Spinner\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\nimport type { CheckState } from \"../../types\";\nimport styles from \"./OptionCheckbox.module.scss\";\n\nexport type OptionCheckboxProps = {\n  /** Selects the checkbox glyph, or shows a spinner while loading. */\n  checkState: CheckState;\n  className?: string;\n};\n\nconst iconMap = {\n  checked: CheckboxChecked,\n  unchecked: CheckboxOutline,\n  indeterminate: CheckboxIndeterminate,\n} as const;\n\n/** Decorative selection-state indicator for a multiple-select option. */\nexport function OptionCheckbox({ checkState, className }: OptionCheckboxProps) {\n  if (checkState === \"loading\") {\n    return (\n      <span className={cx(styles[\"loading\"], className)}>\n        <Spinner size=\"small\" aria-hidden=\"true\" />\n      </span>\n    );\n  }\n\n  return (\n    <Icon\n      aria-hidden=\"true\"\n      size=\"large\"\n      svg={iconMap[checkState]}\n      className={cx(styles[\"checkbox\"], styles[checkState], className)}\n    />\n  );\n}\n","import {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./OptionRow.module.scss\";\n\nexport type OptionRowProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Applies disabled styling; interaction semantics remain caller-owned. */\n  disabled?: boolean;\n};\n\n/** Shared layout and state styling for an option row. */\nexport const OptionRow = forwardRef<HTMLDivElement, OptionRowProps>(\n  function OptionRow({ disabled, children, className, ...rest }, ref) {\n    const optionRowClass = cx(\n      styles[\"option-row\"],\n      { [styles[\"disabled\"]]: disabled },\n      className,\n    );\n    return (\n      <div ref={ref} {...rest} className={optionRowClass}>\n        {children}\n      </div>\n    );\n  },\n);\n\n/** Prevents leading or trailing row content from shrinking. */\nexport const OptionRowSideContent = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\"> & { children: ReactNode }\n>(function OptionRowSideContent({ children, className, ...rest }, ref) {\n  const sideContentClass = cx(styles[\"side-content\"], className);\n  return (\n    <div ref={ref} {...rest} className={sideContentClass}>\n      {children}\n    </div>\n  );\n});\n","import type { ReactNode } from \"react\";\nimport { Flex } from \"../../components/Flex\";\nimport { Text } from \"../../components/Text\";\nimport { Avatar } from \"../../components/Avatar\";\nimport { Chip } from \"../../components/Chip\";\nimport { Icon } from \"../../components/Icon\";\nimport type { OptionContent } from \"../types/optionContent\";\nimport { OptionRowSideContent } from \"./OptionRow\";\nimport styles from \"./OptionContentArea.module.scss\";\n\nexport type OptionContentAreaProps = {\n  /** Fallback title when `content.title` is omitted. */\n  label: string;\n  /** Optional structured details for the option. */\n  content?: OptionContent;\n  /** Additional content rendered after the option's details. */\n  children?: ReactNode;\n};\n\n/** Arranges an option's avatar, text details, tags, and trailing icon. */\nexport function OptionContentArea({\n  label,\n  content,\n  children,\n}: OptionContentAreaProps) {\n  const hasAvatar = !!content?.avatar;\n  const hasChips = !!content?.chips?.length;\n  const hasIcon = !!content?.icon;\n\n  return (\n    <>\n      {hasAvatar && (\n        <OptionRowSideContent aria-hidden=\"true\">\n          <Avatar size=\"medium\" {...content!.avatar!} />\n        </OptionRowSideContent>\n      )}\n      <Flex grow={1} shrink={1} direction=\"column\" justifyContent=\"center\">\n        <Text size=\"small\" className={styles[\"title\"]}>\n          {content?.title ?? label}\n        </Text>\n        {content?.description && (\n          <Text size=\"small\" className={styles[\"description\"]}>\n            {content.description}\n          </Text>\n        )}\n        {hasChips && (\n          <Flex\n            wrap=\"wrap\"\n            gap=\"1\"\n            className={styles[\"chips-row\"]}\n            role=\"group\"\n            aria-label=\"Tags\"\n          >\n            {content!.chips!.map((chip, i) => (\n              <Chip key={`${chip.label}-${i}`} size=\"small\" {...chip} />\n            ))}\n          </Flex>\n        )}\n        {children}\n      </Flex>\n      {hasIcon && (\n        <OptionRowSideContent>\n          <Icon\n            size=\"large\"\n            svg={content!.icon!.svg}\n            color={content!.icon!.color}\n            aria-hidden={content!.icon!.label ? undefined : \"true\"}\n            aria-label={content!.icon!.label}\n          />\n        </OptionRowSideContent>\n      )}\n    </>\n  );\n}\n","import {\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\n\nimport {\n  autoPlacement,\n  autoUpdate,\n  computePosition,\n  offset,\n  size,\n} from \"@floating-ui/react\";\n\nimport cx from \"classnames\";\n\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside/useOnClickOutside\";\nimport {\n  portalScopeClassNames,\n  usePortalScopeStyle,\n} from \"../../functions/portalScopeClassNames\";\n\nimport styles from \"./OptionsPopover.module.scss\";\n\nexport type OptionsPopoverProps = {\n  id: string;\n  children: ReactNode;\n  /** Anchor used for positioning and click-outside exclusion. */\n  referenceElement: RefObject<HTMLElement>;\n  /** Calls `showPopover` when true and `hidePopover` when false. */\n  open: boolean;\n  /**\n   * Click-outside, focus-out, and Escape. Escape restores focus to\n   * `referenceElement` first; other paths leave focus where it already moved.\n   */\n  onClose: () => void;\n  /**\n   * `\"reference\"` matches the anchor, a number is CSS pixels, a string is a\n   * CSS width. Omitted uses intrinsic `max-content` sizing.\n   */\n  width?: \"reference\" | number | string;\n  /** Region below the scrollable body, separated by a top border. */\n  footer?: ReactNode;\n};\n\nfunction resolveWidth(\n  width: OptionsPopoverProps[\"width\"],\n  referenceWidth: number,\n): string | undefined {\n  if (width === \"reference\") return `${referenceWidth}px`;\n  if (typeof width === \"number\") return `${width}px`;\n  if (typeof width === \"string\") return width;\n  return undefined;\n}\n\n/** Anchored popover shell for option lists. */\nexport const OptionsPopover = (props: OptionsPopoverProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { id, children, referenceElement, open, onClose, width, footer } =\n    props;\n\n  // A single click-outside on a focusable element fires both the\n  // useOnClickOutside (pointerup) path and the focusout path below. Dedupe\n  // so onClose runs at most once per user action.\n  const lastCloseRef = useRef(0);\n  const safeClose = useCallback(() => {\n    const now = Date.now();\n    if (now - lastCloseRef.current < 50) return;\n    lastCloseRef.current = now;\n    onClose();\n  }, [onClose]);\n\n  useOnClickOutside({\n    targets: [ref.current ?? undefined, referenceElement.current ?? undefined],\n    onClickOutside: safeClose,\n    disable: !open,\n  });\n\n  useEffect(() => {\n    if (open) {\n      ref.current?.showPopover();\n    } else {\n      ref.current?.hidePopover();\n    }\n  }, [open]);\n\n  // Close when focus leaves the popover (and isn't moving to the trigger\n  // element, which has its own click/focus handling). This is the keyboard\n  // counterpart to useOnClickOutside.\n  useEffect(() => {\n    if (!open) return;\n    const popoverEl = ref.current;\n    if (!popoverEl) return;\n    const handleFocusOut = (e: FocusEvent) => {\n      const next = e.relatedTarget as Node | null;\n      if (!next) {\n        // Focus moved to nothing tracked (e.g. body). Treat as exit.\n        safeClose();\n        return;\n      }\n      if (popoverEl.contains(next)) return;\n      const trigger = referenceElement.current;\n      if (trigger && trigger.contains(next)) return;\n      safeClose();\n    };\n    popoverEl.addEventListener(\"focusout\", handleFocusOut);\n    return () => popoverEl.removeEventListener(\"focusout\", handleFocusOut);\n  }, [open, safeClose, referenceElement]);\n\n  // Footer and other inner controls have no host Escape hook. Skip when an\n  // inner handler already called preventDefault (search / listbox).\n  useEffect(() => {\n    if (!open) return;\n    const popoverEl = ref.current;\n    if (!popoverEl) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\" || e.defaultPrevented) return;\n      e.preventDefault();\n      referenceElement.current?.focus();\n      safeClose();\n    };\n    popoverEl.addEventListener(\"keydown\", handleKeyDown);\n    return () => popoverEl.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open, safeClose, referenceElement]);\n\n  const updatePosition = useCallback(async () => {\n    if (!ref.current || !referenceElement.current) return;\n    const position = await computePosition(\n      referenceElement.current,\n      ref.current,\n      {\n        placement: \"bottom-start\",\n        middleware: [\n          offset(8),\n          autoPlacement({\n            allowedPlacements: [\n              \"bottom-start\",\n              \"bottom-end\",\n              \"top-start\",\n              \"top-end\",\n            ],\n            padding: 8,\n          }),\n          size({\n            padding: 8,\n            apply({ rects, elements, availableHeight, availableWidth }) {\n              const resolved = resolveWidth(width, rects.reference.width);\n              Object.assign(elements.floating.style, {\n                ...(resolved != null && { width: resolved }),\n                maxWidth: `${Math.max(0, availableWidth)}px`,\n                maxHeight: `${Math.max(0, availableHeight)}px`,\n              });\n            },\n          }),\n        ],\n      },\n    );\n    ref.current.style.left = `${position.x}px`;\n    ref.current.style.top = `${position.y}px`;\n  }, [ref, referenceElement, width]);\n\n  useEffect(() => {\n    if (!ref.current || !referenceElement.current || !open) return;\n    const cleanup = autoUpdate(\n      referenceElement.current,\n      ref.current,\n      updatePosition,\n    );\n    return () => {\n      cleanup();\n    };\n  }, [referenceElement, ref, updatePosition, open]);\n\n  const portalStyle = usePortalScopeStyle();\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(styles[\"options-popover\"], portalScopeClassNames)}\n      style={portalStyle}\n      popover=\"manual\"\n      data-anv=\"popover-content\"\n      data-anv-part=\"popover\"\n    >\n      <div className={styles[\"options-popover-body\"]}>{children}</div>\n      {footer ? (\n        <div className={styles[\"options-popover-footer\"]}>{footer}</div>\n      ) : null}\n    </div>\n  );\n};\n","import { useCallback, useEffect, useRef } from \"react\";\nimport { Flex, type FocusableElement, Text } from \"../../..\";\nimport { DialogCancelButton } from \"../../../components/Dialog/DialogCancelButton\";\nimport styles from \"./OptionsDialog.module.scss\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { DialogContext } from \"../../../components/Dialog/internal/DialogContext\";\nimport { useDialogScrollLock } from \"../..\";\nimport { tabbable } from \"tabbable\";\n\n/**\n * Native modal host for select options. Sizes to the visual viewport.\n */\nexport const OptionsDialog = ({\n  id,\n  isOpen,\n  onClose,\n  field,\n  children,\n  title,\n  initialFocusResolver,\n  footer,\n}: {\n  /** Scroll-lock and dialog identity. */\n  id: string;\n  /** Calls `showModal` when true and `close` when false. */\n  isOpen: boolean;\n  /** Escape, the cancel button, and host close paths. */\n  onClose: () => void;\n  /** Accessible name rendered as the dialog `h1`. */\n  title: string;\n  /** Optional search/trigger control above the list. */\n  field?: React.ReactNode;\n  children: React.ReactNode;\n  /**\n   * Picks initial focus among tabbables. Defaults to the first control that\n   * is not the cancel button.\n   */\n  initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n  /** Optional apply/clear/add-new controls after the list. */\n  footer?: React.ReactNode;\n}) => {\n  const elRef = useRef<HTMLDialogElement>(null);\n  const visualViewportHeightRef = useRef<HTMLDivElement>(null);\n\n  useDialogScrollLock({\n    open: isOpen,\n    id,\n    enableScrollChaining: false,\n    elementRef: elRef,\n  });\n\n  const computeFocus = useCallback(\n    (focusables: FocusableElement[]) => {\n      if (initialFocusResolver) {\n        return initialFocusResolver(focusables);\n      }\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    },\n    [initialFocusResolver],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      elRef.current?.showModal();\n      if (elRef.current) {\n        computeFocus(tabbable(elRef.current)).focus();\n      }\n    } else {\n      elRef.current?.close();\n    }\n    // `computeFocus` is omitted so a resolver identity change does not re-show or close.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      const handleResize = () => {\n        if (!visualViewportHeightRef.current) return;\n        // Mobile chrome/keyboard shrinks visualViewport without resizing `window`.\n        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;\n        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;\n      };\n      window.visualViewport?.addEventListener(\"resize\", handleResize);\n      return () => {\n        window.visualViewport?.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [isOpen]);\n\n  return (\n    <dialog\n      ref={elRef}\n      id={id}\n      data-anv=\"field-dialog\"\n      data-anv-part=\"dialog\"\n      className={styles[\"field-dialog\"]}\n      onKeyDown={(e) => {\n        if (e.code === \"Escape\") {\n          // Native dialog would dismiss itself; route close through the host.\n          e.preventDefault();\n          onClose();\n        }\n      }}\n    >\n      <div\n        className={styles[\"field-dialog-visual-viewport-height\"]}\n        ref={visualViewportHeightRef}\n      >\n        <Flex direction=\"row\" className={styles[\"header\"]}>\n          <Text variant=\"headline\" el=\"h1\">\n            {title}\n          </Text>\n          <span className={styles[\"close-container\"]}>\n            <DialogContext.Provider value={{ close: onClose }}>\n              <DialogCancelButton\n                className={styles[\"close-button\"]}\n                size=\"small\"\n                appearance=\"ghost\"\n                aria-label=\"Close dialog\"\n                icon={Close}\n              />\n            </DialogContext.Provider>\n          </span>\n        </Flex>\n        {field ? (\n          <Flex direction=\"column\" className={styles[\"field\"]}>\n            {field}\n          </Flex>\n        ) : null}\n        <Flex direction=\"column\" className={styles[\"content\"]}>\n          {children}\n        </Flex>\n        {footer ? <div className={styles[\"footer\"]}>{footer}</div> : null}\n      </div>\n    </dialog>\n  );\n};\n","import { useEffect, useState } from \"react\";\nimport { useBreakpoint } from \"../../../hooks\";\n\n/**\n * The type of view to render based on device characteristics.\n */\nexport type AdaptiveView = \"mobile\" | \"desktop\";\n\n/**\n * Return type for the useAdaptiveView hook.\n */\nexport interface UseAdaptiveViewReturn {\n  /**\n   * The current adaptive view type.\n   */\n  view: AdaptiveView;\n  /**\n   * True when the device should use mobile-optimized UI (Dialog).\n   */\n  isMobile: boolean;\n  /**\n   * True when the device should use desktop-optimized UI (Popover).\n   */\n  isDesktop: boolean;\n}\n\n/**\n * Detects whether the primary pointer is coarse (touch) using CSS media query.\n * Returns false during SSR or when matchMedia is unavailable.\n */\nfunction detectCoarsePointer(): boolean {\n  if (typeof window === \"undefined\" || !window.matchMedia) {\n    return false;\n  }\n  return window.matchMedia(\"(pointer: coarse)\").matches;\n}\n\n/**\n * Custom hook for detecting whether to use mobile or desktop UI patterns.\n *\n * This hook determines the optimal UI pattern (e.g., Dialog vs Popover) by combining:\n * - Screen size via useBreakpoint (viewport width)\n * - Pointer precision via CSS media query (pointer: coarse)\n *\n * A device is considered \"mobile\" when it has both:\n * - A small screen (below md breakpoint, < 768px)\n * - A coarse pointer (touch-primary input)\n *\n * This approach correctly identifies:\n * - Mobile phones → mobile view (Dialog)\n * - iPads/tablets → desktop view (Popover) due to larger screens\n * - Touch laptops → desktop view (Popover) due to fine pointer primary\n * - Desktop → desktop view (Popover)\n *\n * @returns Object containing view type and boolean flags for mobile/desktop\n *\n * @example\n * const { isMobile } = useAdaptiveView();\n *\n * return isMobile ? (\n *   <Dialog>{children}</Dialog>\n * ) : (\n *   <Popover>{children}</Popover>\n * );\n */\nexport function useAdaptiveView(): UseAdaptiveViewReturn {\n  const breakpoint = useBreakpoint();\n  const [hasCoarsePointer, setHasCoarsePointer] = useState(detectCoarsePointer);\n\n  useEffect(() => {\n    setHasCoarsePointer(detectCoarsePointer());\n\n    // Listen for pointer capability changes (e.g., connecting/disconnecting a mouse)\n    const mediaQuery = window.matchMedia(\"(pointer: coarse)\");\n    const handleChange = (e: MediaQueryListEvent) => {\n      setHasCoarsePointer(e.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", handleChange);\n    return () => mediaQuery.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  const isSmallScreen = !breakpoint?.md;\n  const isMobile = isSmallScreen && hasCoarsePointer;\n\n  return {\n    view: isMobile ? \"mobile\" : \"desktop\",\n    isMobile,\n    isDesktop: !isMobile,\n  };\n}\n","/**\n * Compares option data deeply while keeping functions and React elements\n * identity-sensitive.\n */\nexport function areOptionsValueEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) {\n    return true;\n  }\n\n  if (typeof a !== typeof b || a === null || b === null) {\n    return false;\n  }\n\n  if (Array.isArray(a)) {\n    if (!Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    return a.every((item, index) => areOptionsValueEqual(item, b[index]));\n  }\n\n  if (isPlainObject(a) && isPlainObject(b)) {\n    // Treat omitted keys and explicit `undefined` as equivalent.\n    const keys = new Set([...Object.keys(a), ...Object.keys(b)]);\n    for (const key of keys) {\n      if (!areOptionsValueEqual(a[key], b[key])) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  return false;\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n    return false;\n  }\n  if (typeof (value as { $$typeof?: unknown }).$$typeof === \"symbol\") {\n    return false;\n  }\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n}\n","import { useEffect, useRef } from \"react\";\nimport { areOptionsValueEqual } from \"../functions/areOptionsValueEqual\";\n\ntype InvalidatableHandle = {\n  invalidate: () => void;\n};\n\n/**\n * Invalidates a select handle only when option contents change, ignoring the\n * initial mount and reference-only changes.\n */\nexport function useInvalidateOnOptionsChange(\n  handleRef: { current: InvalidatableHandle | null },\n  options: unknown,\n): void {\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (areOptionsValueEqual(prevOptionsRef.current, options)) {\n      prevOptionsRef.current = options;\n      return;\n    }\n\n    prevOptionsRef.current = options;\n    handleRef.current?.invalidate();\n  }, [handleRef, options]);\n}\n"],"names":["CheckboxChecked","CheckboxOutline","CheckboxIndeterminate","styles","OptionRow","OptionRowSideContent","Close"],"mappings":"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"}

package/dist/useMenuInteraction-nNF1dsrp.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuInteraction-nNF1dsrp.js","sources":["../src/components/SelectMenu/internal/useMenuInteraction.ts"],"sourcesContent":["import {\n  type CSSProperties,\n  type KeyboardEvent,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  SelectItem,\n  SectionMeta,\n} from \"../../../internal/types/selectFieldInternalTypes\";\nimport type { OptionsPanelHandle } from \"../../../internal/components/OptionsPanel\";\n\nexport type UseMenuInteractionConfig = {\n  items: SelectItem[];\n  sectionsMeta: SectionMeta[];\n  onItemActivate: (item: SelectItem) => void;\n  selectedItemIds: Set<string | number>;\n  displayAs: \"popover\" | \"dialog\";\n  closeOnActivate: boolean;\n  disabled?: boolean;\n  /**\n   * When true (default), the menu closes if `disabled` becomes true.\n   * Set false when `disabled` only freezes row interaction (e.g. bulk pending)\n   * and the menu should remain open.\n   */\n  closeOnDisabled?: boolean;\n  id: string;\n  triggerRef: RefObject<HTMLButtonElement>;\n  label: string;\n  /**\n   * Controlled open state. The consumer owns `[isOpen, setIsOpen]` so other\n   * hooks in the same render (e.g. `useConfirmationDraft`) can read the same\n   * value without a one-render lag.\n   */\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  onImplicitClose?: () => void;\n  onExplicitClose?: () => void;\n};\n\nexport type MenuTriggerProps = {\n  ref: RefObject<HTMLButtonElement>;\n  onClick: () => void;\n  onKeyDown: (e: KeyboardEvent) => void;\n  \"aria-haspopup\": \"listbox\";\n  \"aria-controls\": string;\n  \"aria-expanded\": boolean;\n  \"data-state\": \"open\" | \"close\";\n} & Record<`data-${string}`, string>;\n\ntype MenuPropsArg = {\n  className?: string;\n  style?: CSSProperties;\n} & Record<string, unknown>;\n\ntype MenuReturnProps = {\n  role: \"listbox\";\n  id: string;\n  \"aria-label\": string;\n  \"aria-labelledby\"?: string;\n  tabIndex?: number;\n  \"aria-activedescendant\"?: string;\n  ref: RefObject<HTMLDivElement>;\n  onKeyDown: (e: KeyboardEvent) => void;\n  className?: string;\n  style?: CSSProperties;\n} & Record<string, unknown>;\n\ntype ItemPropsArg = {\n  item: SelectItem;\n  index: number;\n  className?: string;\n  \"data-type\"?: string;\n} & Record<string, unknown>;\n\ntype ItemReturnProps = {\n  role: \"option\";\n  id: string;\n  \"aria-selected\": boolean;\n  \"aria-disabled\"?: boolean;\n  onClick: () => void;\n  onMouseMove: () => void;\n  className?: string;\n  \"data-type\"?: string;\n} & Record<string, unknown>;\n\nexport type GetMenuPropsFn = (opts?: MenuPropsArg) => MenuReturnProps;\nexport type GetItemPropsFn = (opts: ItemPropsArg) => ItemReturnProps;\n\nexport const useMenuInteraction = ({\n  items,\n  sectionsMeta: _sectionsMeta,\n  onItemActivate,\n  selectedItemIds,\n  displayAs: _displayAs,\n  closeOnActivate,\n  disabled = false,\n  closeOnDisabled = true,\n  id,\n  triggerRef,\n  label,\n  isOpen,\n  setIsOpen,\n  onImplicitClose,\n  onExplicitClose,\n}: UseMenuInteractionConfig) => {\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const generatedId = useId();\n  const menuId = `${id}-menu-${generatedId}`;\n  const menuContainerRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<OptionsPanelHandle>(null);\n\n  const isItemDisabled = useCallback(\n    (item: SelectItem) => {\n      return (disabled || item.disabled) ?? false;\n    },\n    [disabled],\n  );\n\n  const findNextEnabledIndex = useCallback(\n    (startIndex: number, direction: 1 | -1, wrap = true): number => {\n      if (items.length === 0) return -1;\n      const len = items.length;\n      let index = startIndex;\n      for (let i = 0; i < len; i++) {\n        index = wrap\n          ? (index + direction + len) % len\n          : Math.min(Math.max(index + direction, 0), len - 1);\n        if (!isItemDisabled(items[index])) return index;\n        if (!wrap && (index === 0 || index === len - 1)) return -1;\n      }\n      return -1;\n    },\n    [items, isItemDisabled],\n  );\n\n  const openMenu = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled, setIsOpen]);\n\n  const closeMenu = useCallback(\n    (options?: { restoreFocus?: boolean }) => {\n      setIsOpen(false);\n      setHighlightedIndex(-1);\n      if (options?.restoreFocus !== false) {\n        triggerRef.current?.focus();\n        onExplicitClose?.();\n      } else {\n        onImplicitClose?.();\n      }\n    },\n    [triggerRef, onImplicitClose, onExplicitClose, setIsOpen],\n  );\n\n  useEffect(() => {\n    if (closeOnDisabled && disabled && isOpen) {\n      closeMenu({ restoreFocus: false });\n    }\n  }, [closeOnDisabled, disabled, isOpen, closeMenu]);\n\n  const getItemId = useCallback(\n    (index: number) => `${menuId}-option-${index}`,\n    [menuId],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (!isOpen) return;\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          const next =\n            highlightedIndex < 0\n              ? findNextEnabledIndex(-1, 1)\n              : findNextEnabledIndex(highlightedIndex, 1);\n          if (next >= 0) {\n            setHighlightedIndex(next);\n            listRef.current?.scrollToIndex(next);\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          const prev =\n            highlightedIndex < 0\n              ? findNextEnabledIndex(items.length, -1)\n              : findNextEnabledIndex(highlightedIndex, -1);\n          if (prev >= 0) {\n            setHighlightedIndex(prev);\n            listRef.current?.scrollToIndex(prev);\n          }\n          break;\n        }\n        case \"Home\": {\n          e.preventDefault();\n          const first = findNextEnabledIndex(-1, 1, false);\n          if (first >= 0) {\n            setHighlightedIndex(first);\n            listRef.current?.scrollToIndex(first);\n          }\n          break;\n        }\n        case \"End\": {\n          e.preventDefault();\n          const last = findNextEnabledIndex(items.length, -1, false);\n          if (last >= 0) {\n            setHighlightedIndex(last);\n            listRef.current?.scrollToIndex(last);\n          }\n          break;\n        }\n        case \"Enter\": {\n          e.preventDefault();\n          if (highlightedIndex >= 0 && highlightedIndex < items.length) {\n            const item = items[highlightedIndex];\n            if (!isItemDisabled(item)) {\n              onItemActivate(item);\n              if (closeOnActivate) {\n                closeMenu();\n              }\n            }\n          }\n          break;\n        }\n        case \" \": {\n          // Only activate on Space when the menu container itself has focus.\n          // If a search input is focused, Space should type a space character.\n          const target = e.target as HTMLElement;\n          if (target.tagName === \"INPUT\") break;\n          e.preventDefault();\n          if (highlightedIndex >= 0 && highlightedIndex < items.length) {\n            const item = items[highlightedIndex];\n            if (!isItemDisabled(item)) {\n              onItemActivate(item);\n              if (closeOnActivate) {\n                closeMenu();\n              }\n            }\n          }\n          break;\n        }\n        case \"Escape\": {\n          e.preventDefault();\n          closeMenu();\n          break;\n        }\n      }\n    },\n    [\n      isOpen,\n      highlightedIndex,\n      items,\n      findNextEnabledIndex,\n      isItemDisabled,\n      onItemActivate,\n      closeOnActivate,\n      closeMenu,\n    ],\n  );\n\n  const handleTriggerKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        if (!isOpen) openMenu();\n      }\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (isOpen) {\n          closeMenu();\n        } else {\n          openMenu();\n        }\n      }\n    },\n    [isOpen, openMenu, closeMenu],\n  );\n\n  const getTriggerProps = useCallback((): MenuTriggerProps => {\n    return {\n      ref: triggerRef,\n      onClick: () => {\n        if (isOpen) {\n          closeMenu();\n        } else {\n          openMenu();\n        }\n      },\n      onKeyDown: handleTriggerKeyDown,\n      \"aria-haspopup\": \"listbox\",\n      \"aria-controls\": menuId,\n      \"aria-expanded\": isOpen,\n      \"data-state\": isOpen ? \"open\" : \"close\",\n    };\n  }, [isOpen, openMenu, closeMenu, menuId, handleTriggerKeyDown, triggerRef]);\n\n  const getMenuProps: GetMenuPropsFn = useCallback(\n    (opts?: MenuPropsArg): MenuReturnProps => {\n      const { className, style, ...rest } = opts ?? {};\n      return {\n        ...rest,\n        role: \"listbox\",\n        id: menuId,\n        \"aria-label\": label,\n        tabIndex: 0,\n        \"aria-activedescendant\":\n          highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,\n        ref: menuContainerRef,\n        onKeyDown: handleKeyDown,\n        className,\n        style: { outline: \"none\", ...style },\n      };\n    },\n    [menuId, label, highlightedIndex, getItemId, handleKeyDown],\n  );\n\n  const getItemProps: GetItemPropsFn = useCallback(\n    (opts: ItemPropsArg): ItemReturnProps => {\n      const { item, index, className, \"data-type\": dataType, ...rest } = opts;\n      return {\n        ...rest,\n        role: \"option\",\n        id: getItemId(index),\n        \"aria-selected\": selectedItemIds.has(item.original.id),\n        \"aria-disabled\": isItemDisabled(item) || undefined,\n        onClick: () => {\n          if (isItemDisabled(item)) return;\n          onItemActivate(item);\n          if (closeOnActivate) {\n            closeMenu();\n          }\n        },\n        onMouseMove: () => {\n          if (highlightedIndex !== index) {\n            setHighlightedIndex(index);\n          }\n        },\n        className,\n        \"data-type\": dataType,\n      };\n    },\n    [\n      getItemId,\n      selectedItemIds,\n      isItemDisabled,\n      onItemActivate,\n      closeOnActivate,\n      closeMenu,\n      highlightedIndex,\n    ],\n  );\n\n  return {\n    isOpen,\n    openMenu,\n    closeMenu,\n    highlightedIndex,\n    setHighlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n    listRef,\n    menuContainerRef,\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMenuInteraction-nNF1dsrp.js","sources":["../src/components/SelectMenu/internal/useMenuInteraction.ts"],"sourcesContent":["import {\n  type CSSProperties,\n  type KeyboardEvent,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  SelectItem,\n  SectionMeta,\n} from \"../../../internal/types/selectFieldInternalTypes\";\nimport type { OptionsPanelHandle } from \"../../../internal/components/OptionsPanel\";\n\nexport type UseMenuInteractionConfig = {\n  items: SelectItem[];\n  sectionsMeta: SectionMeta[];\n  onItemActivate: (item: SelectItem) => void;\n  selectedItemIds: Set<string | number>;\n  displayAs: \"popover\" | \"dialog\";\n  /** When false, activating a row leaves the menu open (multi-select). */\n  closeOnActivate: boolean;\n  disabled?: boolean;\n  /**\n   * When true (default), the menu closes if `disabled` becomes true.\n   * Set false when `disabled` only freezes row interaction (e.g. bulk pending)\n   * and the menu should remain open.\n   */\n  closeOnDisabled?: boolean;\n  id: string;\n  triggerRef: RefObject<HTMLButtonElement>;\n  label: string;\n  /**\n   * Controlled open state. The consumer owns `[isOpen, setIsOpen]` so other\n   * hooks in the same render (e.g. `useConfirmationDraft`) can read the same\n   * value without a one-render lag.\n   */\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  onImplicitClose?: () => void;\n  onExplicitClose?: () => void;\n};\n\nexport type MenuTriggerProps = {\n  ref: RefObject<HTMLButtonElement>;\n  onClick: () => void;\n  onKeyDown: (e: KeyboardEvent) => void;\n  \"aria-haspopup\": \"listbox\";\n  \"aria-controls\": string;\n  \"aria-expanded\": boolean;\n  \"data-state\": \"open\" | \"close\";\n} & Record<`data-${string}`, string>;\n\ntype MenuPropsArg = {\n  className?: string;\n  style?: CSSProperties;\n} & Record<string, unknown>;\n\ntype MenuReturnProps = {\n  role: \"listbox\";\n  id: string;\n  \"aria-label\": string;\n  \"aria-labelledby\"?: string;\n  tabIndex?: number;\n  \"aria-activedescendant\"?: string;\n  ref: RefObject<HTMLDivElement>;\n  onKeyDown: (e: KeyboardEvent) => void;\n  className?: string;\n  style?: CSSProperties;\n} & Record<string, unknown>;\n\ntype ItemPropsArg = {\n  item: SelectItem;\n  index: number;\n  className?: string;\n  \"data-type\"?: string;\n} & Record<string, unknown>;\n\ntype ItemReturnProps = {\n  role: \"option\";\n  id: string;\n  \"aria-selected\": boolean;\n  \"aria-disabled\"?: boolean;\n  onClick: () => void;\n  onMouseMove: () => void;\n  className?: string;\n  \"data-type\"?: string;\n} & Record<string, unknown>;\n\nexport type GetMenuPropsFn = (opts?: MenuPropsArg) => MenuReturnProps;\nexport type GetItemPropsFn = (opts: ItemPropsArg) => ItemReturnProps;\n\n/** Keyboard, highlight, and trigger/menu prop bags. */\nexport const useMenuInteraction = ({\n  items,\n  sectionsMeta: _sectionsMeta,\n  onItemActivate,\n  selectedItemIds,\n  displayAs: _displayAs,\n  closeOnActivate,\n  disabled = false,\n  closeOnDisabled = true,\n  id,\n  triggerRef,\n  label,\n  isOpen,\n  setIsOpen,\n  onImplicitClose,\n  onExplicitClose,\n}: UseMenuInteractionConfig) => {\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const generatedId = useId();\n  const menuId = `${id}-menu-${generatedId}`;\n  const menuContainerRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<OptionsPanelHandle>(null);\n\n  const isItemDisabled = useCallback(\n    (item: SelectItem) => {\n      return (disabled || item.disabled) ?? false;\n    },\n    [disabled],\n  );\n\n  const findNextEnabledIndex = useCallback(\n    (startIndex: number, direction: 1 | -1, wrap = true): number => {\n      if (items.length === 0) return -1;\n      const len = items.length;\n      let index = startIndex;\n      for (let i = 0; i < len; i++) {\n        index = wrap\n          ? (index + direction + len) % len\n          : Math.min(Math.max(index + direction, 0), len - 1);\n        if (!isItemDisabled(items[index])) return index;\n        if (!wrap && (index === 0 || index === len - 1)) return -1;\n      }\n      return -1;\n    },\n    [items, isItemDisabled],\n  );\n\n  const openMenu = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled, setIsOpen]);\n\n  const closeMenu = useCallback(\n    (options?: { restoreFocus?: boolean }) => {\n      setIsOpen(false);\n      setHighlightedIndex(-1);\n      if (options?.restoreFocus !== false) {\n        triggerRef.current?.focus();\n        onExplicitClose?.();\n      } else {\n        onImplicitClose?.();\n      }\n    },\n    [triggerRef, onImplicitClose, onExplicitClose, setIsOpen],\n  );\n\n  useEffect(() => {\n    if (closeOnDisabled && disabled && isOpen) {\n      closeMenu({ restoreFocus: false });\n    }\n  }, [closeOnDisabled, disabled, isOpen, closeMenu]);\n\n  const getItemId = useCallback(\n    (index: number) => `${menuId}-option-${index}`,\n    [menuId],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (!isOpen) return;\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          const next =\n            highlightedIndex < 0\n              ? findNextEnabledIndex(-1, 1)\n              : findNextEnabledIndex(highlightedIndex, 1);\n          if (next >= 0) {\n            setHighlightedIndex(next);\n            listRef.current?.scrollToIndex(next);\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          const prev =\n            highlightedIndex < 0\n              ? findNextEnabledIndex(items.length, -1)\n              : findNextEnabledIndex(highlightedIndex, -1);\n          if (prev >= 0) {\n            setHighlightedIndex(prev);\n            listRef.current?.scrollToIndex(prev);\n          }\n          break;\n        }\n        case \"Home\": {\n          e.preventDefault();\n          const first = findNextEnabledIndex(-1, 1, false);\n          if (first >= 0) {\n            setHighlightedIndex(first);\n            listRef.current?.scrollToIndex(first);\n          }\n          break;\n        }\n        case \"End\": {\n          e.preventDefault();\n          const last = findNextEnabledIndex(items.length, -1, false);\n          if (last >= 0) {\n            setHighlightedIndex(last);\n            listRef.current?.scrollToIndex(last);\n          }\n          break;\n        }\n        case \"Enter\": {\n          e.preventDefault();\n          if (highlightedIndex >= 0 && highlightedIndex < items.length) {\n            const item = items[highlightedIndex];\n            if (!isItemDisabled(item)) {\n              onItemActivate(item);\n              if (closeOnActivate) {\n                closeMenu();\n              }\n            }\n          }\n          break;\n        }\n        case \" \": {\n          // Only activate on Space when the menu container itself has focus.\n          // If a search input is focused, Space should type a space character.\n          const target = e.target as HTMLElement;\n          if (target.tagName === \"INPUT\") break;\n          e.preventDefault();\n          if (highlightedIndex >= 0 && highlightedIndex < items.length) {\n            const item = items[highlightedIndex];\n            if (!isItemDisabled(item)) {\n              onItemActivate(item);\n              if (closeOnActivate) {\n                closeMenu();\n              }\n            }\n          }\n          break;\n        }\n        case \"Escape\": {\n          e.preventDefault();\n          closeMenu();\n          break;\n        }\n      }\n    },\n    [\n      isOpen,\n      highlightedIndex,\n      items,\n      findNextEnabledIndex,\n      isItemDisabled,\n      onItemActivate,\n      closeOnActivate,\n      closeMenu,\n    ],\n  );\n\n  const handleTriggerKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        if (!isOpen) openMenu();\n      }\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (isOpen) {\n          closeMenu();\n        } else {\n          openMenu();\n        }\n      }\n    },\n    [isOpen, openMenu, closeMenu],\n  );\n\n  const getTriggerProps = useCallback((): MenuTriggerProps => {\n    return {\n      ref: triggerRef,\n      onClick: () => {\n        if (isOpen) {\n          closeMenu();\n        } else {\n          openMenu();\n        }\n      },\n      onKeyDown: handleTriggerKeyDown,\n      \"aria-haspopup\": \"listbox\",\n      \"aria-controls\": menuId,\n      \"aria-expanded\": isOpen,\n      \"data-state\": isOpen ? \"open\" : \"close\",\n    };\n  }, [isOpen, openMenu, closeMenu, menuId, handleTriggerKeyDown, triggerRef]);\n\n  const getMenuProps: GetMenuPropsFn = useCallback(\n    (opts?: MenuPropsArg): MenuReturnProps => {\n      const { className, style, ...rest } = opts ?? {};\n      return {\n        ...rest,\n        role: \"listbox\",\n        id: menuId,\n        \"aria-label\": label,\n        tabIndex: 0,\n        \"aria-activedescendant\":\n          highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,\n        ref: menuContainerRef,\n        onKeyDown: handleKeyDown,\n        className,\n        style: { outline: \"none\", ...style },\n      };\n    },\n    [menuId, label, highlightedIndex, getItemId, handleKeyDown],\n  );\n\n  const getItemProps: GetItemPropsFn = useCallback(\n    (opts: ItemPropsArg): ItemReturnProps => {\n      const { item, index, className, \"data-type\": dataType, ...rest } = opts;\n      return {\n        ...rest,\n        role: \"option\",\n        id: getItemId(index),\n        \"aria-selected\": selectedItemIds.has(item.original.id),\n        \"aria-disabled\": isItemDisabled(item) || undefined,\n        onClick: () => {\n          if (isItemDisabled(item)) return;\n          onItemActivate(item);\n          if (closeOnActivate) {\n            closeMenu();\n          }\n        },\n        onMouseMove: () => {\n          if (highlightedIndex !== index) {\n            setHighlightedIndex(index);\n          }\n        },\n        className,\n        \"data-type\": dataType,\n      };\n    },\n    [\n      getItemId,\n      selectedItemIds,\n      isItemDisabled,\n      onItemActivate,\n      closeOnActivate,\n      closeMenu,\n      highlightedIndex,\n    ],\n  );\n\n  return {\n    isOpen,\n    openMenu,\n    closeMenu,\n    highlightedIndex,\n    setHighlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n    listRef,\n    menuContainerRef,\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/{usePopoverTransitionStates-CDXCdyKa.js → usePopoverTransitionStates-B1opfxxn.js}

@@ -68,7 +68,6 @@ const useOpenCloseTransitionStates = (openProp, options = {
 * tabbable 6.4.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-
 // NOTE: separate `:not()` selectors has broader browser support than the newer
 //  `:not([inert], [inert] *)` (Feb 2023)
 var candidateSelectors = ['input:not([inert]):not([inert] *)', 'select:not([inert]):not([inert] *)', 'textarea:not([inert]):not([inert] *)', 'a[href]:not([inert]):not([inert] *)', 'button:not([inert]):not([inert] *)', '[tabindex]:not(slot):not([inert]):not([inert] *)', 'audio[controls]:not([inert]):not([inert] *)', 'video[controls]:not([inert]):not([inert] *)', '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', 'details>summary:first-of-type:not([inert]):not([inert] *)', 'details:not([inert]):not([inert] *)'];
@@ -682,4 +681,4 @@ const usePopoverTransitionStates = (popover, openProp, options = {}) => {
 };
 
 export { usePopoverTransitionStates as a, isFocusable as b, index_esm as c, focusable as f, getTabIndex as g, isTabbable as i, tabbable as t, useOpenCloseTransitionStates as u };
-//# sourceMappingURL=usePopoverTransitionStates-CDXCdyKa.js.map
+//# sourceMappingURL=usePopoverTransitionStates-B1opfxxn.js.map