@procore/core-react 12.37.0 → 12.39.0

package/dist/OverlayTrigger/OverlayTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabel","ariaLabelledby","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","trackAriaExpanded","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","hasHoverTrigger","onKeyDown","e","key","preventDefault","stopPropagation","document","addEventListener","removeEventListener","triggerElement","overlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","hasAriaExpanded","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n  arrow as floatingArrow,\n  flip as floatingFlip,\n  limitShift,\n  offset as floatingOffset,\n  shift as floatingShift,\n  size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n  DelayedToggleContext,\n  useDelayedToggle,\n  useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nconst ClickOutside = ({\n  container,\n  onClickOutside,\n  refs,\n}: ClickOutsideConfig) => {\n  useClickOutside({\n    onClickOutside,\n    refs,\n    container,\n  })\n\n  return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps\n>(function OverlayTrigger(\n  {\n    afterHide = () => {},\n    afterShow = () => {},\n    ['aria-describedby']: ariaDescribedby,\n    ['aria-details']: ariaDetails,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    autoFocus,\n    beforeHide = () => true,\n    beforeShow = () => true,\n    canFlip = true,\n    children,\n    clickOutsideIgnoreRefs = [],\n    containFocus,\n    container,\n    hideDelay = 100,\n    hideKeys: hideKeys_,\n    initialIsVisible = false,\n    overlay,\n    padding = 2,\n    placement = 'top',\n    restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n    showDelay = 0,\n    showKeys = ['ArrowDown', 'Down'],\n    shrinkOverlay = false,\n    trackAriaExpanded,\n    trigger = 'click',\n    arrow = false,\n    overlayRef: overlayApiRef,\n    role,\n    passA11yPropsToOverlay = false,\n  },\n  ref\n) {\n  const isDialogRole = role === 'dialog'\n\n  if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n    console.warn(\n      `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n    )\n  }\n\n  const hideKeys = hideKeys_ ?? {\n    // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n    overlay:\n      containFocus ?? isDialogRole\n        ? ['Escape', 'Esc']\n        : ['Escape', 'Esc', 'Tab'],\n    target: ['Escape', 'Esc'],\n  }\n\n  const triggerElRef = React.useRef<HTMLElement>(null)\n  const overlayElRef = React.useRef<HTMLElement>(null)\n  const [referenceElement, setReferenceElement] =\n    React.useState<HTMLElement | null>(null)\n  const clickedOutsideRef = React.useRef(true)\n\n  const visibility = useVisibility({\n    afterHide,\n    afterShow,\n    initialIsVisible,\n  })\n\n  React.useImperativeHandle(overlayApiRef, () => ({\n    show: visibility.show,\n    hide: visibility.hide,\n  }))\n\n  const triggers = React.useMemo(\n    () => (Array.isArray(trigger) ? trigger : [trigger]),\n    [trigger]\n  )\n\n  React.useEffect(() => {\n    if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n      visibility.hide()\n    }\n    if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n      visibility.show()\n    }\n  }, [triggers, visibility.isVisible])\n\n  // TODO delete in a separate branch for testing and rely only on FocusScope\n  React.useEffect(() => {\n    if (\n      [true, 'core-react'].includes(restoreFocusOnHide) &&\n      !visibility.isVisible &&\n      !clickedOutsideRef.current\n    ) {\n      triggerElRef.current && triggerElRef.current.focus()\n    }\n\n    clickedOutsideRef.current = false\n  }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n  const delayedToggle = useDelayedToggle({\n    beforeDisable: beforeHide,\n    beforeEnable: beforeShow,\n    disableDelay: hideDelay,\n    enableDelay: showDelay,\n    isEnabled: visibility.isVisible,\n    onDisable: visibility.hide,\n    onEnable: visibility.show,\n  })\n\n  const triggerApi = useTrigger({\n    isEnabled: visibility.isVisible,\n    enable: delayedToggle.enable,\n    disable: delayedToggle.disable,\n    enableKeys: showKeys,\n    disableKeys: hideKeys.target,\n    trigger,\n    triggerRef: triggerElRef,\n  })\n\n  // Enable Escape key dismissal for hover-triggered overlays.\n  React.useEffect(() => {\n    const hasHoverTrigger = triggers.includes('hover')\n    if (!visibility.isVisible || !hasHoverTrigger) return\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' && e.key !== 'Esc') return\n\n      delayedToggle.disable(e)\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    document.addEventListener('keydown', onKeyDown, true)\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n  }, [triggers, visibility.isVisible, delayedToggle])\n\n  const triggerElement =\n    typeof children === 'function'\n      ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n      : (children as ReactElementWithRef)\n\n  const overlayId = useId()\n\n  const {\n    wrapperProps,\n    overlayProps,\n    portalProps,\n    triggerProps,\n    focusScopeProps,\n    // Does not use. User needs to wire up when using dialog role!\n    labelProps,\n  } = useOverlayTriggerA11y({\n    canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id: overlayId,\n    isOpen: visibility.isVisible,\n    role,\n  })\n\n  const hasAriaExpanded = trackAriaExpanded\n    ? { 'aria-expanded': triggerApi.isVisible }\n    : {}\n\n  const wrappedTriggerElement = React.cloneElement(triggerElement, {\n    ...hasAriaExpanded,\n    open: triggerApi.isVisible,\n    ref: triggerElement.ref\n      ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n      : mergeRefs(ref, triggerElRef, setReferenceElement),\n    ...triggerProps,\n  })\n\n  return (\n    <DelayedToggleContext.Provider value={delayedToggle}>\n      {wrappedTriggerElement}\n      {visibility.isVisible && (\n        <>\n          <ClickOutside\n            {...{\n              container: container,\n              onClickOutside: (event) => {\n                clickedOutsideRef.current = true\n                delayedToggle.disable(event)\n              },\n              refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n            }}\n          />\n          <Portal container={container} {...portalProps}>\n            <Trigger\n              {...{\n                isEnabled: visibility.isVisible,\n                enable: delayedToggle.enable,\n                disable: delayedToggle.disable,\n                disableKeys: hideKeys.overlay,\n                trigger: trigger === 'click' ? 'none' : trigger,\n                triggerRef: overlayElRef,\n              }}\n            >\n              <TriggerOverlay\n                autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n                containFocus={containFocus ?? focusScopeProps.contain}\n                restoreFocus={[true, 'react-aria-focus-scope'].includes(\n                  restoreFocusOnHide\n                )}\n                ref={overlayElRef}\n                referenceElement={referenceElement}\n                overlay={overlay}\n                shrinkOverlay={shrinkOverlay}\n                placement={placement}\n                padding={padding}\n                canFlip={canFlip}\n                arrow={arrow}\n                wrapperProps={wrapperProps}\n                overlayCloneProps={overlayProps}\n              />\n            </Trigger>\n          </Portal>\n        </>\n      )}\n    </DelayedToggleContext.Provider>\n  )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n  return (\n    // in IE, the hidden input's cursor appears right under the menu\n    // this positions it arbitrarily away where it won't be noticed\n    <div\n      style={{\n        height: 0,\n        position: 'absolute',\n        top: 1000,\n        width: 0,\n      }}\n    >\n      <input onFocus={hide} style={{ opacity: 0 }} />\n    </div>\n  )\n}\n\nexport function useOverlayTriggerContext() {\n  const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n\ninterface TriggerOverlayProps {\n  containFocus?: boolean\n  autoFocus?: boolean\n  restoreFocus?: boolean\n  placement: Placement\n  canFlip?: boolean\n  arrow?: boolean\n  padding: number\n  shrinkOverlay: boolean\n  overlay: React.ReactNode\n  overlayCloneProps: any\n  wrapperProps: Record<string, unknown>\n  referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n  HTMLElement,\n  TriggerOverlayProps\n>(function (\n  {\n    autoFocus,\n    containFocus,\n    restoreFocus,\n    placement,\n    canFlip,\n    arrow,\n    padding,\n    shrinkOverlay,\n    overlay,\n    referenceElement,\n    wrapperProps,\n    overlayCloneProps,\n  },\n  ref\n) {\n  const arrowRef = React.useRef<HTMLDivElement>(null)\n\n  const arrowPadding = arrowSize / 2 + 1\n  const middleware = [\n    floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n    canFlip ? floatingFlip() : null,\n    floatingShift({ limiter: limitShift() }),\n    !shrinkOverlay\n      ? floatingSize({\n          apply({ elements }) {\n            Object.assign(elements.floating.style, {\n              minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n            })\n          },\n        })\n      : null,\n    floatingArrow({\n      element: arrowRef,\n      padding: 6,\n    }),\n  ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n  const {\n    isPositioned,\n    overlayStyle,\n    referenceRef: referenceRefCallback,\n    overlayRef,\n    middlewareData,\n    placement: currentPlacement,\n  } = useOverlay({\n    middleware,\n    placement,\n  })\n\n  React.useEffect(() => {\n    referenceRefCallback(referenceElement)\n  }, [referenceElement, referenceRefCallback])\n\n  const mergedRefs = mergeRefs(ref, overlayRef)\n\n  // TODO could just move clone and clone props to parent\n  if (!React.isValidElement(overlay) && overlayCloneProps) {\n    console.warn(\n      'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n    )\n  }\n\n  const shownStyles: React.CSSProperties = {\n    ...overlayStyle,\n    left: isPositioned ? overlayStyle.left : '-99999px',\n    top: isPositioned ? overlayStyle.top : '-99999px',\n  }\n\n  return (\n    <FocusScope\n      autoFocus={autoFocus}\n      contain={containFocus}\n      restoreFocus={restoreFocus}\n    >\n      <div\n        data-qa=\"core-overlay-trigger-overlay-wrapper\"\n        ref={mergedRefs}\n        style={shownStyles}\n        {...wrapperProps}\n      >\n        {React.isValidElement(overlay)\n          ? React.cloneElement(overlay, overlayCloneProps)\n          : overlay}\n        {arrow && (\n          <Arrow\n            ref={arrowRef}\n            arrow={middlewareData.arrow}\n            placement={currentPlacement}\n          />\n        )}\n      </div>\n    </FocusScope>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabel","ariaLabelledby","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","trackAriaExpanded","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","overlayIdProp","overlayId","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","hasHoverTrigger","onKeyDown","e","key","preventDefault","stopPropagation","document","addEventListener","removeEventListener","triggerElement","defaultOverlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","hasAriaExpanded","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n  arrow as floatingArrow,\n  flip as floatingFlip,\n  limitShift,\n  offset as floatingOffset,\n  shift as floatingShift,\n  size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n  DelayedToggleContext,\n  useDelayedToggle,\n  useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nconst ClickOutside = ({\n  container,\n  onClickOutside,\n  refs,\n}: ClickOutsideConfig) => {\n  useClickOutside({\n    onClickOutside,\n    refs,\n    container,\n  })\n\n  return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n  DeprecatedOverlayTriggerRef,\n  OverlayTriggerProps\n>(function OverlayTrigger(\n  {\n    afterHide = () => {},\n    afterShow = () => {},\n    ['aria-describedby']: ariaDescribedby,\n    ['aria-details']: ariaDetails,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    autoFocus,\n    beforeHide = () => true,\n    beforeShow = () => true,\n    canFlip = true,\n    children,\n    clickOutsideIgnoreRefs = [],\n    containFocus,\n    container,\n    hideDelay = 100,\n    hideKeys: hideKeys_,\n    initialIsVisible = false,\n    overlay,\n    padding = 2,\n    placement = 'top',\n    restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n    showDelay = 0,\n    showKeys = ['ArrowDown', 'Down'],\n    shrinkOverlay = false,\n    trackAriaExpanded,\n    trigger = 'click',\n    arrow = false,\n    overlayRef: overlayApiRef,\n    role,\n    passA11yPropsToOverlay = false,\n    overlayId: overlayIdProp,\n  },\n  ref\n) {\n  const isDialogRole = role === 'dialog'\n\n  if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n    console.warn(\n      `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n    )\n  }\n\n  const hideKeys = hideKeys_ ?? {\n    // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n    overlay:\n      containFocus ?? isDialogRole\n        ? ['Escape', 'Esc']\n        : ['Escape', 'Esc', 'Tab'],\n    target: ['Escape', 'Esc'],\n  }\n\n  const triggerElRef = React.useRef<HTMLElement>(null)\n  const overlayElRef = React.useRef<HTMLElement>(null)\n  const [referenceElement, setReferenceElement] =\n    React.useState<HTMLElement | null>(null)\n  const clickedOutsideRef = React.useRef(true)\n\n  const visibility = useVisibility({\n    afterHide,\n    afterShow,\n    initialIsVisible,\n  })\n\n  React.useImperativeHandle(overlayApiRef, () => ({\n    show: visibility.show,\n    hide: visibility.hide,\n  }))\n\n  const triggers = React.useMemo(\n    () => (Array.isArray(trigger) ? trigger : [trigger]),\n    [trigger]\n  )\n\n  React.useEffect(() => {\n    if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n      visibility.hide()\n    }\n    if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n      visibility.show()\n    }\n  }, [triggers, visibility.isVisible])\n\n  // TODO delete in a separate branch for testing and rely only on FocusScope\n  React.useEffect(() => {\n    if (\n      [true, 'core-react'].includes(restoreFocusOnHide) &&\n      !visibility.isVisible &&\n      !clickedOutsideRef.current\n    ) {\n      triggerElRef.current && triggerElRef.current.focus()\n    }\n\n    clickedOutsideRef.current = false\n  }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n  const delayedToggle = useDelayedToggle({\n    beforeDisable: beforeHide,\n    beforeEnable: beforeShow,\n    disableDelay: hideDelay,\n    enableDelay: showDelay,\n    isEnabled: visibility.isVisible,\n    onDisable: visibility.hide,\n    onEnable: visibility.show,\n  })\n\n  const triggerApi = useTrigger({\n    isEnabled: visibility.isVisible,\n    enable: delayedToggle.enable,\n    disable: delayedToggle.disable,\n    enableKeys: showKeys,\n    disableKeys: hideKeys.target,\n    trigger,\n    triggerRef: triggerElRef,\n  })\n\n  // Enable Escape key dismissal for hover-triggered overlays.\n  React.useEffect(() => {\n    const hasHoverTrigger = triggers.includes('hover')\n    if (!visibility.isVisible || !hasHoverTrigger) return\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' && e.key !== 'Esc') return\n\n      delayedToggle.disable(e)\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    document.addEventListener('keydown', onKeyDown, true)\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n  }, [triggers, visibility.isVisible, delayedToggle])\n\n  const triggerElement =\n    typeof children === 'function'\n      ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n      : (children as ReactElementWithRef)\n\n  const defaultOverlayId = useId()\n  const overlayId = overlayIdProp ?? defaultOverlayId\n\n  const {\n    wrapperProps,\n    overlayProps,\n    portalProps,\n    triggerProps,\n    focusScopeProps,\n    // Does not use. User needs to wire up when using dialog role!\n    labelProps,\n  } = useOverlayTriggerA11y({\n    canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id: overlayId,\n    isOpen: visibility.isVisible,\n    role,\n  })\n\n  const hasAriaExpanded = trackAriaExpanded\n    ? { 'aria-expanded': triggerApi.isVisible }\n    : {}\n\n  const wrappedTriggerElement = React.cloneElement(triggerElement, {\n    ...hasAriaExpanded,\n    open: triggerApi.isVisible,\n    ref: triggerElement.ref\n      ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n      : mergeRefs(ref, triggerElRef, setReferenceElement),\n    ...triggerProps,\n  })\n\n  return (\n    <DelayedToggleContext.Provider value={delayedToggle}>\n      {wrappedTriggerElement}\n      {visibility.isVisible && (\n        <>\n          <ClickOutside\n            {...{\n              container: container,\n              onClickOutside: (event) => {\n                clickedOutsideRef.current = true\n                delayedToggle.disable(event)\n              },\n              refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n            }}\n          />\n          <Portal container={container} {...portalProps}>\n            <Trigger\n              {...{\n                isEnabled: visibility.isVisible,\n                enable: delayedToggle.enable,\n                disable: delayedToggle.disable,\n                disableKeys: hideKeys.overlay,\n                trigger: trigger === 'click' ? 'none' : trigger,\n                triggerRef: overlayElRef,\n              }}\n            >\n              <TriggerOverlay\n                autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n                containFocus={containFocus ?? focusScopeProps.contain}\n                restoreFocus={[true, 'react-aria-focus-scope'].includes(\n                  restoreFocusOnHide\n                )}\n                ref={overlayElRef}\n                referenceElement={referenceElement}\n                overlay={overlay}\n                shrinkOverlay={shrinkOverlay}\n                placement={placement}\n                padding={padding}\n                canFlip={canFlip}\n                arrow={arrow}\n                wrapperProps={wrapperProps}\n                overlayCloneProps={overlayProps}\n              />\n            </Trigger>\n          </Portal>\n        </>\n      )}\n    </DelayedToggleContext.Provider>\n  )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n  return (\n    // in IE, the hidden input's cursor appears right under the menu\n    // this positions it arbitrarily away where it won't be noticed\n    <div\n      style={{\n        height: 0,\n        position: 'absolute',\n        top: 1000,\n        width: 0,\n      }}\n    >\n      <input onFocus={hide} style={{ opacity: 0 }} />\n    </div>\n  )\n}\n\nexport function useOverlayTriggerContext() {\n  const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n\ninterface TriggerOverlayProps {\n  containFocus?: boolean\n  autoFocus?: boolean\n  restoreFocus?: boolean\n  placement: Placement\n  canFlip?: boolean\n  arrow?: boolean\n  padding: number\n  shrinkOverlay: boolean\n  overlay: React.ReactNode\n  overlayCloneProps: any\n  wrapperProps: Record<string, unknown>\n  referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n  HTMLElement,\n  TriggerOverlayProps\n>(function (\n  {\n    autoFocus,\n    containFocus,\n    restoreFocus,\n    placement,\n    canFlip,\n    arrow,\n    padding,\n    shrinkOverlay,\n    overlay,\n    referenceElement,\n    wrapperProps,\n    overlayCloneProps,\n  },\n  ref\n) {\n  const arrowRef = React.useRef<HTMLDivElement>(null)\n\n  const arrowPadding = arrowSize / 2 + 1\n  const middleware = [\n    floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n    canFlip ? floatingFlip() : null,\n    floatingShift({ limiter: limitShift() }),\n    !shrinkOverlay\n      ? floatingSize({\n          apply({ elements }) {\n            Object.assign(elements.floating.style, {\n              minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n            })\n          },\n        })\n      : null,\n    floatingArrow({\n      element: arrowRef,\n      padding: 6,\n    }),\n  ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n  const {\n    isPositioned,\n    overlayStyle,\n    referenceRef: referenceRefCallback,\n    overlayRef,\n    middlewareData,\n    placement: currentPlacement,\n  } = useOverlay({\n    middleware,\n    placement,\n  })\n\n  React.useEffect(() => {\n    referenceRefCallback(referenceElement)\n  }, [referenceElement, referenceRefCallback])\n\n  const mergedRefs = mergeRefs(ref, overlayRef)\n\n  // TODO could just move clone and clone props to parent\n  if (!React.isValidElement(overlay) && overlayCloneProps) {\n    console.warn(\n      'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n    )\n  }\n\n  const shownStyles: React.CSSProperties = {\n    ...overlayStyle,\n    left: isPositioned ? overlayStyle.left : '-99999px',\n    top: isPositioned ? overlayStyle.top : '-99999px',\n  }\n\n  return (\n    <FocusScope\n      autoFocus={autoFocus}\n      contain={containFocus}\n      restoreFocus={restoreFocus}\n    >\n      <div\n        data-qa=\"core-overlay-trigger-overlay-wrapper\"\n        ref={mergedRefs}\n        style={shownStyles}\n        {...wrapperProps}\n      >\n        {React.isValidElement(overlay)\n          ? React.cloneElement(overlay, overlayCloneProps)\n          : overlay}\n        {arrow && (\n          <Arrow\n            ref={arrowRef}\n            arrow={middlewareData.arrow}\n            placement={currentPlacement}\n          />\n        )}\n      </div>\n    </FocusScope>\n  )\n})\n"],"mappings":"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"}

package/dist/OverlayTrigger/OverlayTrigger.types.d.ts

@@ -108,6 +108,14 @@ export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerPr
      * @since 11.5.0
      */
     passA11yPropsToOverlay?: boolean;
+    /**
+     * Optional id for the overlay element.
+     * Useful when the parent component needs a stable id
+     * to link the trigger (aria-controls) with the overlay (e.g. listbox).
+     *
+     * @since 12.36.1
+     */
+    overlayId?: string;
 }
 export interface OverlayTriggerRef {
     /**

package/dist/OverlayTrigger/OverlayTrigger.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayTrigger.types.js","names":[],"sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"sourcesContent":["import type { OverlayProps } from '../Overlay/Overlay'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerRenderProps } from '../_hooks/Trigger'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\nexport type OverlayTriggerRole =\n  | 'dialog'\n  | 'menu'\n  | 'listbox'\n  | 'tooltip'\n  | 'none'\n\nexport type PickedOverlayProps = Pick<\n  OverlayProps,\n  'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'\n>\n\nexport type PickedTriggerProps = Pick<\n  TriggerRenderProps,\n  'children' | 'trigger'\n>\n\nexport type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>\n\nexport type PickedVisibilityProps = Pick<\n  VisibilityConfig,\n  'afterHide' | 'afterShow' | 'initialIsVisible'\n>\n\nexport interface OverlayTriggerProps\n  extends PickedOverlayProps,\n    PickedTriggerProps,\n    PickedTriggerRenderProps,\n    PickedVisibilityProps,\n    Pick<PortalProps, 'container'> {\n  ['aria-describedby']?: string\n  ['aria-details']?: string\n  ['aria-label']?: string\n  ['aria-labelledby']?: string\n  /**\n   * Boolean to enable code to apply aria-expanded to the source element\n   * @since 12.24.0\n   */\n  trackAriaExpanded?: boolean\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeHide?: BeforeCallback\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeShow?: BeforeCallback\n\n  /**\n   * Additional refs to check for clickOutside behavior\n   * @since 10.19.0\n   */\n  clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[]\n\n  /**\n   * The delay when hiding the overlay\n   * @since 10.19.0\n   */\n  hideDelay?: number\n\n  /**\n   * Keys to hide the overlay when the overlay is focused\n   * @a11y OverlayTrigger by default closes on tab. To remove tab from closing\n   * and have only Esc keys, set \"containFocus\" to true, or opt-in to a full dialog role.\n   * @since 10.19.0\n   */\n  hideKeys?: {\n    overlay: string[]\n    target: string[]\n  }\n  overlay: React.ReactNode\n\n  /**\n   * Restore focus to the target after the overlay is hidden.\n   * 'core-react' will use internal logic to restore focus,\n   * 'react-aria-focus-scope' will use 'FocusScope' component from '@react-aria',\n   * true will use both.\n   * @default true\n   * @since 10.19.0\n   */\n  restoreFocusOnHide?: boolean | 'core-react' | 'react-aria-focus-scope'\n\n  /**\n   * The delay when showing the overlay\n   * @since 10.19.0\n   */\n  showDelay?: number\n\n  /**\n   * Keys to show the overlay when the target is focused\n   * @since 10.19.0\n   */\n  showKeys?: string[]\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n\n  /**\n   * Accessibility props.\n   * @a11y May opionate \"autoFocus\" and \"containFocus\"\n   * @since 11.2.0\n   */\n  role?: OverlayTriggerRole\n\n  /**\n   * Whether to auto focus the first focusable element in the overlay on mount.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   */\n  autoFocus?: boolean\n\n  /**\n   * Whether to contain focus inside the overlay, so users cannot move focus outside, for example in a modal dialog.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   * */\n  containFocus?: boolean\n\n  /**\n   * By default, role and id are applied to wrapper. But  has knowledge of\n   * Set to true, if you want OverlayTrigger to place them on your overlay component.\n   *\n   * @default false\n   * @since 11.5.0\n   */\n  passA11yPropsToOverlay?: boolean\n}\n\nexport interface OverlayTriggerRef {\n  /**\n   * Show visibility\n   * @since 11.2.0\n   */\n  show: () => void\n  /**\n   * Hide overlay\n   * @since 11.2.0\n   */\n  hide: () => void\n}\n\n/**\n * @deprecatedSince 11.2.0\n * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release\n */\nexport type DeprecatedOverlayTriggerRef = HTMLElement\n"],"mappings":""}
+{"version":3,"file":"OverlayTrigger.types.js","names":[],"sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"sourcesContent":["import type { OverlayProps } from '../Overlay/Overlay'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport type { BeforeCallback } from '../_hooks/DelayedCallback'\nimport type { TriggerRenderProps } from '../_hooks/Trigger'\nimport type { VisibilityConfig } from '../_hooks/Visibility'\n\nexport type OverlayTriggerRole =\n  | 'dialog'\n  | 'menu'\n  | 'listbox'\n  | 'tooltip'\n  | 'none'\n\nexport type PickedOverlayProps = Pick<\n  OverlayProps,\n  'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'\n>\n\nexport type PickedTriggerProps = Pick<\n  TriggerRenderProps,\n  'children' | 'trigger'\n>\n\nexport type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>\n\nexport type PickedVisibilityProps = Pick<\n  VisibilityConfig,\n  'afterHide' | 'afterShow' | 'initialIsVisible'\n>\n\nexport interface OverlayTriggerProps\n  extends PickedOverlayProps,\n    PickedTriggerProps,\n    PickedTriggerRenderProps,\n    PickedVisibilityProps,\n    Pick<PortalProps, 'container'> {\n  ['aria-describedby']?: string\n  ['aria-details']?: string\n  ['aria-label']?: string\n  ['aria-labelledby']?: string\n  /**\n   * Boolean to enable code to apply aria-expanded to the source element\n   * @since 12.24.0\n   */\n  trackAriaExpanded?: boolean\n  /**\n   *  The callback to run before the overlay is hidden. Returning\n   *  `false` will prevent hiding.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeHide?: BeforeCallback\n  /**\n   *  The callback to run before the overlay is shown. Returning\n   *  `false` will prevent showing.\n   * ```\n   * (e: event) => boolean | Promise | undefined\n   * ```\n   * @since 10.19.0\n   */\n  beforeShow?: BeforeCallback\n\n  /**\n   * Additional refs to check for clickOutside behavior\n   * @since 10.19.0\n   */\n  clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[]\n\n  /**\n   * The delay when hiding the overlay\n   * @since 10.19.0\n   */\n  hideDelay?: number\n\n  /**\n   * Keys to hide the overlay when the overlay is focused\n   * @a11y OverlayTrigger by default closes on tab. To remove tab from closing\n   * and have only Esc keys, set \"containFocus\" to true, or opt-in to a full dialog role.\n   * @since 10.19.0\n   */\n  hideKeys?: {\n    overlay: string[]\n    target: string[]\n  }\n  overlay: React.ReactNode\n\n  /**\n   * Restore focus to the target after the overlay is hidden.\n   * 'core-react' will use internal logic to restore focus,\n   * 'react-aria-focus-scope' will use 'FocusScope' component from '@react-aria',\n   * true will use both.\n   * @default true\n   * @since 10.19.0\n   */\n  restoreFocusOnHide?: boolean | 'core-react' | 'react-aria-focus-scope'\n\n  /**\n   * The delay when showing the overlay\n   * @since 10.19.0\n   */\n  showDelay?: number\n\n  /**\n   * Keys to show the overlay when the target is focused\n   * @since 10.19.0\n   */\n  showKeys?: string[]\n\n  /**\n   * Toggles overlay visibility\n   * @since 11.2.0\n   */\n  overlayRef?: React.Ref<OverlayTriggerRef>\n\n  /**\n   * Accessibility props.\n   * @a11y May opionate \"autoFocus\" and \"containFocus\"\n   * @since 11.2.0\n   */\n  role?: OverlayTriggerRole\n\n  /**\n   * Whether to auto focus the first focusable element in the overlay on mount.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   */\n  autoFocus?: boolean\n\n  /**\n   * Whether to contain focus inside the overlay, so users cannot move focus outside, for example in a modal dialog.\n   * True by default for role \"dialog\"\n   * @since 11.5.0\n   * */\n  containFocus?: boolean\n\n  /**\n   * By default, role and id are applied to wrapper. But  has knowledge of\n   * Set to true, if you want OverlayTrigger to place them on your overlay component.\n   *\n   * @default false\n   * @since 11.5.0\n   */\n  passA11yPropsToOverlay?: boolean\n  /**\n   * Optional id for the overlay element.\n   * Useful when the parent component needs a stable id\n   * to link the trigger (aria-controls) with the overlay (e.g. listbox).\n   *\n   * @since 12.36.1\n   */\n  overlayId?: string\n}\n\nexport interface OverlayTriggerRef {\n  /**\n   * Show visibility\n   * @since 11.2.0\n   */\n  show: () => void\n  /**\n   * Hide overlay\n   * @since 11.2.0\n   */\n  hide: () => void\n}\n\n/**\n * @deprecatedSince 11.2.0\n * @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release\n */\nexport type DeprecatedOverlayTriggerRef = HTMLElement\n"],"mappings":""}

package/dist/OverlayTrigger/a11yPresets.js

@@ -43,12 +43,14 @@ var a11yPresets = {
     getTriggerProps: function getTriggerProps(_ref4) {
       var isVisible = _ref4.isVisible,
         overlayId = _ref4.overlayId;
-      return isVisible ? {
-        'aria-describedby': overlayId
-      } : {};
+      return {
+        'aria-describedby': isVisible ? overlayId : undefined
+        // 'aria-expanded': isVisible,
+      };
     }
   }
 };
+
 export function getA11yPreset(role) {
   switch (role) {
     case 'dialog':

package/dist/OverlayTrigger/a11yPresets.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11yPresets.js","names":["ariaHideOutside","useId","useLabels","React","emptyObj","returnEmpty","a11yPresets","haspopup","getOverlayProps","_ref","role","overlayId","id","getTriggerProps","_ref2","isVisible","undefined","tooltip","_ref3","_ref4","getA11yPreset","useLabelled","props","_ref5","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","ariaLabelOnly","labelledId","widgetId","fieldProps","descriptionProps","labelProps","widgetProps","_objectSpread","useLabelledPopup","_ref6","_getA11yPreset$getTri","_getA11yPreset","_getA11yPreset$getOve","_getA11yPreset2","id_","isOpen","_ref6$type","type","popupRole","popupId_","popupId","presetArgs","triggerProps","call","overlayProps","_useLabelled","popupProps","useModalDialogLike","_ref7","isModal","ref","_ref7$role","_useLabelled2","dialogProps","tabIndex","useLayoutEffect","current","focusScopeProps","autoFocus","contain","restoreFocus","useOverlayTriggerA11y","_ref8","alwaysAriaVisible","canPropOverlayUp","isDialog","_getA11yPreset3","overlayA11yProps","wrapperA11yProps","_useModalDialogLike","portalProps","wrapperFinalProps","focusScopeFinalProps","wrapperProps"],"sources":["../../src/OverlayTrigger/a11yPresets.ts"],"sourcesContent":["import { ariaHideOutside } from '@react-aria/overlays'\nimport { useId, useLabels } from '@react-aria/utils'\nimport type { AriaAttributes } from 'react'\nimport React from 'react'\nimport type { OverlayTriggerRole } from './OverlayTrigger.types'\n\nconst emptyObj = {}\nconst returnEmpty: GetA11yProps = () => ({})\n\ntype GetA11yProps = (props: {\n  role: OverlayTriggerRole\n  isVisible: boolean\n  overlayId: string\n}) => AriaAttributes & { id?: string }\n\nconst a11yPresets: Record<\n  'tooltip' | 'haspopup',\n  {\n    getOverlayProps: GetA11yProps\n    getTriggerProps: GetA11yProps\n  }\n> = {\n  haspopup: {\n    getOverlayProps: ({ role, overlayId }) => ({\n      id: overlayId,\n      role,\n    }),\n    getTriggerProps: ({ role, isVisible, overlayId }) => ({\n      'aria-expanded': isVisible,\n      'aria-controls': isVisible ? overlayId : undefined,\n      'aria-haspopup': role as 'dialog' | 'listbox' | 'menu',\n    }),\n  },\n  tooltip: {\n    getOverlayProps: ({ overlayId }) => ({\n      role: 'tooltip',\n      id: overlayId,\n    }),\n    getTriggerProps: ({ isVisible, overlayId }) =>\n      isVisible\n        ? {\n            'aria-describedby': overlayId,\n          }\n        : {},\n  },\n}\n\nexport function getA11yPreset(role?: OverlayTriggerRole) {\n  switch (role) {\n    case 'dialog':\n    case 'listbox':\n    case 'menu':\n      return a11yPresets.haspopup\n    case 'tooltip':\n      return a11yPresets.tooltip\n    case 'none':\n      return {\n        getOverlayProps: (() => ({ role: 'none' })) as GetA11yProps,\n        getTriggerProps: returnEmpty,\n      }\n    default:\n      return {\n        getOverlayProps: returnEmpty,\n        getTriggerProps: returnEmpty,\n      }\n  }\n}\n\ntype LabelConfig = {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  'aria-labelledby'?: string\n  'aria-label'?: string\n  /**\n   * ID for the widget itself\n   */\n  id?: string\n}\n\ntype DialogBase = LabelConfig & {\n  isOpen: boolean\n  role?: 'dialog'\n}\n\ntype NonModalDialogConfig = DialogBase & {\n  isModal?: never | false\n}\n\ntype ModalDialogConfig = DialogBase & {\n  /**\n   *\n   * To enable `ariaHideOutside`. Set `isModal` to false to disable.\n   * @a11y Replicates `aria-modal` inert outside content\n   * @default false\n   */\n  isModal: true\n  ref: React.RefObject<HTMLElement>\n}\n\ntype ModalDialogLikeConfig = NonModalDialogConfig | ModalDialogConfig\n\ntype OverlayTriggerA11yConfig = LabelConfig & {\n  /**\n   * Assure `aria-hidden` is not applied. A code side-effect\n   * from `ariaHideOutside` hiding everthing outside the scope.\n   */\n  alwaysAriaVisible?: boolean\n  /**\n   * When properties should be passed to the overlay UI itself,\n   * and not the wrapper element.\n   */\n  canPropOverlayUp: boolean\n  isOpen: boolean\n  role?: OverlayTriggerRole\n  // ref: React.RefObject<HTMLElement> // Only necessary for modal\n}\n\n/**\n * Manages labelling for an element and the other DOM. Defaults an ID for `aria-labelledby` usage.\n *\n * When `aria-label` and `aria-labelledby` both exist, it combines them into `aria-labelledby` for a screen reader chain.\n * @link [W3 naming with aria-labelledby](https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/#naming_with_aria-labelledby)\n */\nexport function useLabelled(props?: LabelConfig) {\n  const {\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id,\n  } = props || (emptyObj as LabelConfig)\n  const ariaLabelOnly = ariaLabel && !ariaLabelledby\n\n  // Generate an ID. We want to use this unless they are using only aria-label\n  const labelledId = useId(ariaLabelledby)\n\n  // Merges aria-label and aria-labelledby into aria-labelledby when both exist\n  const widgetId = useId(id)\n  let fieldProps = useLabels({\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelOnly ? undefined : labelledId,\n    id: widgetId,\n  })\n\n  return {\n    descriptionProps: { id: ariaDescribedby },\n    labelProps: { id: ariaLabelOnly ? undefined : labelledId },\n    widgetProps: {\n      ...fieldProps,\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n    },\n  }\n}\n\n/**\n * Cover the label links for the trigger (button), the popup element (dialog), and the popup element title (heading).\n * Similar to [React Aria useOverlayTrigger](https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/useOverlayTrigger.ts)\n * but with element title support.\n * @link [MDN aria-haspopup](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup)\n */\nexport function useLabelledPopup({\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-labelledby': ariaLabelledby,\n  'aria-label': ariaLabel,\n  id: id_,\n  isOpen,\n  type = 'button',\n  popupRole,\n  popupId: popupId_,\n}: LabelConfig & {\n  isOpen: boolean\n  popupId?: string\n  type?: 'button' | 'combobox' // Role? Not used. Show concept that popups manage 2 roles\n  popupRole: 'dialog' | 'menu' | 'listbox'\n}) {\n  /** Web spec default for aria-haspopup=true is menu, unless element has role combobox, which have an implicit aria-haspopup value of listbox. */\n  // const popupRole = popupRole_ || type === 'combobox' ? 'listbox' : 'menu'\n  const id = useId(id_)\n  const popupId = useId(popupId_)\n\n  const presetArgs = {\n    isVisible: isOpen,\n    role: popupRole,\n    overlayId: popupId,\n  }\n\n  const triggerProps = getA11yPreset(popupRole).getTriggerProps?.(presetArgs)\n  const overlayProps = getA11yPreset(popupRole).getOverlayProps?.(presetArgs)\n\n  const { labelProps, widgetProps } = useLabelled({\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id,\n  })\n\n  return {\n    labelProps,\n    popupProps: { role: popupRole, ...widgetProps, ...overlayProps },\n    triggerProps,\n  }\n}\n\n/**\n * For dialog experiences:\n * - Has role dialog and aria linked title props\n * - Focus management props to work with FocusScope\n *\n * For modal dialog experiences (full screen locked experiences):\n * - Hides old and new content outside with aria-hidden with ariaHideOutside (like aria-modal)\n * - (it will in breaking) Prevent scroll\n *\n * For either experiences, you still MUST support:\n * - have Escape key to close (It should!)\n * - have click outside, like scrim click\n *\n * _More about 'modal dialog' and `isModal` not using `aria-modal`:_\n * Setting aria-modal=\"true\" tells assistive technologies to let the user know the ability to interact with,\n * or access other content on the page requires the modal dialog to be closed or otherwise lose focus.\n *  Modal dialogs are when content is displayed and the user's interaction is limited to only that section until it is dismissed.\n * [MDN aria modal](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal).\n * To support the most, like Narrator in Edge, Core React uses `ariaHideOutside` to set `aria-hidden` on\n * all elements outside the dialog, and **all elements outside added while opened**, so the dialog will act as a\n * _modal_ even without `aria-modal` on the dialog itself. See Future Considerations below.\n * [Screen Reader aria modal support table](https://a11ysupport.io/tech/aria/aria-modal_attribute) - [MS Narrator Edge aria modal support](https://a11ysupport.io/tests/apg__modal-dialog-example/aria__aria-modal_attribute/convey_presence/narrator/edge)\n * _Future Considerations:_ Replace ariaHideOutside with aria-modal=\"true\".\n * Using aria-modal, then we would need to involve Portal and so tooltips\n * or Toasts could mount within the visible aria-modal container.\n */\n\nexport function useModalDialogLike({\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-labelledby': ariaLabelledby,\n  'aria-label': ariaLabel,\n  id,\n  isModal,\n  isOpen,\n  // @ts-expect-error\n  ref,\n  role = 'dialog',\n}: ModalDialogLikeConfig) {\n  const { labelProps, widgetProps } = useLabelled({\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n  })\n\n  const dialogProps = {\n    // 'aria-modal': true,\n    ...widgetProps,\n    id,\n    role,\n    tabIndex: -1,\n  }\n\n  // usePreventScroll({\n  //   isDisabled: isModal ? !isOpen : true,\n  // })\n\n  // Fills aria-modal=true\n  React.useLayoutEffect(() => {\n    if (isModal && isOpen && ref.current) {\n      // Could add additional visible element refs here\n      return ariaHideOutside([ref.current])\n    }\n  }, [isModal, isOpen, ref])\n\n  return {\n    dialogProps,\n    labelProps,\n    focusScopeProps: {\n      autoFocus: true,\n      contain: true,\n      restoreFocus: true,\n    },\n  }\n}\n\n/**\n * Takes many roles and determines props necessary for DOM/components.\n * **Side effect of role=\"dialog\"**, current and any content added later\n * outside of the element (like by portals) will get `aria-hidden=true`\n * to replace the `aria-modal=true` `inert` nature.\n * @see useModalDialogLike */\nexport function useOverlayTriggerA11y({\n  alwaysAriaVisible,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-labelledby': ariaLabelledby,\n  'aria-label': ariaLabel,\n  // can we remove this? have it role based? be optional?\n  canPropOverlayUp,\n  id: id_,\n  isOpen,\n  role,\n}: OverlayTriggerA11yConfig) {\n  const isDialog = role === 'dialog'\n\n  const id = useId(id_)\n\n  const { getTriggerProps, getOverlayProps } = getA11yPreset(role)\n\n  const triggerProps = getTriggerProps?.({\n    isVisible: isOpen,\n    role: role!,\n    overlayId: id,\n  })\n\n  const overlayA11yProps = getOverlayProps?.({\n    isVisible: isOpen,\n    role: role!,\n    overlayId: id,\n  })\n\n  const wrapperA11yProps = !canPropOverlayUp ? overlayA11yProps : emptyObj\n  const overlayProps = canPropOverlayUp ? overlayA11yProps : emptyObj\n\n  const { dialogProps, labelProps, focusScopeProps } = useModalDialogLike({\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id,\n    isModal: false,\n    isOpen,\n  })\n\n  /**  This is a code side-effect from ariaHideOutside hiding everthing */\n  const portalProps =\n    role === 'tooltip' || alwaysAriaVisible // || !role\n      ? { 'data-react-aria-top-layer': true, 'data-live-announcer': true }\n      : emptyObj\n\n  /**\n   * If it is a dialog, we can merge the dialog props with any haspopup props\n   */\n  const wrapperFinalProps = isDialog\n    ? {\n        ...wrapperA11yProps,\n        ...dialogProps,\n      }\n    : wrapperA11yProps\n\n  /**\n   * If it is a dialog, we have opinions on `FocusScope` props.\n   */\n  const focusScopeFinalProps = isDialog\n    ? focusScopeProps\n    : (emptyObj as {\n        autoFocus?: boolean\n        contain?: boolean\n        restoreFocus?: boolean\n      })\n\n  return {\n    focusScopeProps: focusScopeFinalProps,\n    labelProps,\n    overlayProps,\n    portalProps,\n    triggerProps,\n    wrapperProps: wrapperFinalProps,\n  }\n}\n\n// WIP Example combobox\n// function useCombox({\n//   controls,\n//   isOpen = false,\n// }: {\n//   controls: 'dialog' | 'menu' | 'listbox'\n//   isOpen: boolean\n// }) {\n//   const { labelProps, popupProps, triggerProps } = useLabelledPopup({\n//     role: controls,\n//     type: 'combobox',\n//     isOpen,\n//   })\n// dispatch between elements.\n// NOTE combobox has two labels, that could be different\n// one for the trigger input (typically the form label)\n// second for the thing it controls (listbox, dialog)\n// - label id=1\n// - input role='combobox' aria-labelledby=1\n// - div role={controls} aria-label\n// Also, any icon only buttons like clear or open should have a\n// label and -1 tabindex. No nested interactive roles.\n// }\n"],"mappings":"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"}
+{"version":3,"file":"a11yPresets.js","names":["ariaHideOutside","useId","useLabels","React","emptyObj","returnEmpty","a11yPresets","haspopup","getOverlayProps","_ref","role","overlayId","id","getTriggerProps","_ref2","isVisible","undefined","tooltip","_ref3","_ref4","getA11yPreset","useLabelled","props","_ref5","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","ariaLabelOnly","labelledId","widgetId","fieldProps","descriptionProps","labelProps","widgetProps","_objectSpread","useLabelledPopup","_ref6","_getA11yPreset$getTri","_getA11yPreset","_getA11yPreset$getOve","_getA11yPreset2","id_","isOpen","_ref6$type","type","popupRole","popupId_","popupId","presetArgs","triggerProps","call","overlayProps","_useLabelled","popupProps","useModalDialogLike","_ref7","isModal","ref","_ref7$role","_useLabelled2","dialogProps","tabIndex","useLayoutEffect","current","focusScopeProps","autoFocus","contain","restoreFocus","useOverlayTriggerA11y","_ref8","alwaysAriaVisible","canPropOverlayUp","isDialog","_getA11yPreset3","overlayA11yProps","wrapperA11yProps","_useModalDialogLike","portalProps","wrapperFinalProps","focusScopeFinalProps","wrapperProps"],"sources":["../../src/OverlayTrigger/a11yPresets.ts"],"sourcesContent":["import { ariaHideOutside } from '@react-aria/overlays'\nimport { useId, useLabels } from '@react-aria/utils'\nimport type { AriaAttributes } from 'react'\nimport React from 'react'\nimport type { OverlayTriggerRole } from './OverlayTrigger.types'\n\nconst emptyObj = {}\nconst returnEmpty: GetA11yProps = () => ({})\n\ntype GetA11yProps = (props: {\n  role: OverlayTriggerRole\n  isVisible: boolean\n  overlayId: string\n}) => AriaAttributes & { id?: string }\n\nconst a11yPresets: Record<\n  'tooltip' | 'haspopup',\n  {\n    getOverlayProps: GetA11yProps\n    getTriggerProps: GetA11yProps\n  }\n> = {\n  haspopup: {\n    getOverlayProps: ({ role, overlayId }) => ({\n      id: overlayId,\n      role,\n    }),\n    getTriggerProps: ({ role, isVisible, overlayId }) => ({\n      'aria-expanded': isVisible,\n      'aria-controls': isVisible ? overlayId : undefined,\n      'aria-haspopup': role as 'dialog' | 'listbox' | 'menu',\n    }),\n  },\n  tooltip: {\n    getOverlayProps: ({ overlayId }) => ({\n      role: 'tooltip',\n      id: overlayId,\n    }),\n    getTriggerProps: ({ isVisible, overlayId }) => ({\n      'aria-describedby': isVisible ? overlayId : undefined,\n      // 'aria-expanded': isVisible,\n    }),\n  },\n}\n\nexport function getA11yPreset(role?: OverlayTriggerRole) {\n  switch (role) {\n    case 'dialog':\n    case 'listbox':\n    case 'menu':\n      return a11yPresets.haspopup\n    case 'tooltip':\n      return a11yPresets.tooltip\n    case 'none':\n      return {\n        getOverlayProps: (() => ({ role: 'none' })) as GetA11yProps,\n        getTriggerProps: returnEmpty,\n      }\n    default:\n      return {\n        getOverlayProps: returnEmpty,\n        getTriggerProps: returnEmpty,\n      }\n  }\n}\n\ntype LabelConfig = {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  'aria-labelledby'?: string\n  'aria-label'?: string\n  /**\n   * ID for the widget itself\n   */\n  id?: string\n}\n\ntype DialogBase = LabelConfig & {\n  isOpen: boolean\n  role?: 'dialog'\n}\n\ntype NonModalDialogConfig = DialogBase & {\n  isModal?: never | false\n}\n\ntype ModalDialogConfig = DialogBase & {\n  /**\n   *\n   * To enable `ariaHideOutside`. Set `isModal` to false to disable.\n   * @a11y Replicates `aria-modal` inert outside content\n   * @default false\n   */\n  isModal: true\n  ref: React.RefObject<HTMLElement>\n}\n\ntype ModalDialogLikeConfig = NonModalDialogConfig | ModalDialogConfig\n\ntype OverlayTriggerA11yConfig = LabelConfig & {\n  /**\n   * Assure `aria-hidden` is not applied. A code side-effect\n   * from `ariaHideOutside` hiding everthing outside the scope.\n   */\n  alwaysAriaVisible?: boolean\n  /**\n   * When properties should be passed to the overlay UI itself,\n   * and not the wrapper element.\n   */\n  canPropOverlayUp: boolean\n  isOpen: boolean\n  role?: OverlayTriggerRole\n  // ref: React.RefObject<HTMLElement> // Only necessary for modal\n}\n\n/**\n * Manages labelling for an element and the other DOM. Defaults an ID for `aria-labelledby` usage.\n *\n * When `aria-label` and `aria-labelledby` both exist, it combines them into `aria-labelledby` for a screen reader chain.\n * @link [W3 naming with aria-labelledby](https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/#naming_with_aria-labelledby)\n */\nexport function useLabelled(props?: LabelConfig) {\n  const {\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id,\n  } = props || (emptyObj as LabelConfig)\n  const ariaLabelOnly = ariaLabel && !ariaLabelledby\n\n  // Generate an ID. We want to use this unless they are using only aria-label\n  const labelledId = useId(ariaLabelledby)\n\n  // Merges aria-label and aria-labelledby into aria-labelledby when both exist\n  const widgetId = useId(id)\n  let fieldProps = useLabels({\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelOnly ? undefined : labelledId,\n    id: widgetId,\n  })\n\n  return {\n    descriptionProps: { id: ariaDescribedby },\n    labelProps: { id: ariaLabelOnly ? undefined : labelledId },\n    widgetProps: {\n      ...fieldProps,\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n    },\n  }\n}\n\n/**\n * Cover the label links for the trigger (button), the popup element (dialog), and the popup element title (heading).\n * Similar to [React Aria useOverlayTrigger](https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/overlays/src/useOverlayTrigger.ts)\n * but with element title support.\n * @link [MDN aria-haspopup](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup)\n */\nexport function useLabelledPopup({\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-labelledby': ariaLabelledby,\n  'aria-label': ariaLabel,\n  id: id_,\n  isOpen,\n  type = 'button',\n  popupRole,\n  popupId: popupId_,\n}: LabelConfig & {\n  isOpen: boolean\n  popupId?: string\n  type?: 'button' | 'combobox' // Role? Not used. Show concept that popups manage 2 roles\n  popupRole: 'dialog' | 'menu' | 'listbox'\n}) {\n  /** Web spec default for aria-haspopup=true is menu, unless element has role combobox, which have an implicit aria-haspopup value of listbox. */\n  // const popupRole = popupRole_ || type === 'combobox' ? 'listbox' : 'menu'\n  const id = useId(id_)\n  const popupId = useId(popupId_)\n\n  const presetArgs = {\n    isVisible: isOpen,\n    role: popupRole,\n    overlayId: popupId,\n  }\n\n  const triggerProps = getA11yPreset(popupRole).getTriggerProps?.(presetArgs)\n  const overlayProps = getA11yPreset(popupRole).getOverlayProps?.(presetArgs)\n\n  const { labelProps, widgetProps } = useLabelled({\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id,\n  })\n\n  return {\n    labelProps,\n    popupProps: { role: popupRole, ...widgetProps, ...overlayProps },\n    triggerProps,\n  }\n}\n\n/**\n * For dialog experiences:\n * - Has role dialog and aria linked title props\n * - Focus management props to work with FocusScope\n *\n * For modal dialog experiences (full screen locked experiences):\n * - Hides old and new content outside with aria-hidden with ariaHideOutside (like aria-modal)\n * - (it will in breaking) Prevent scroll\n *\n * For either experiences, you still MUST support:\n * - have Escape key to close (It should!)\n * - have click outside, like scrim click\n *\n * _More about 'modal dialog' and `isModal` not using `aria-modal`:_\n * Setting aria-modal=\"true\" tells assistive technologies to let the user know the ability to interact with,\n * or access other content on the page requires the modal dialog to be closed or otherwise lose focus.\n *  Modal dialogs are when content is displayed and the user's interaction is limited to only that section until it is dismissed.\n * [MDN aria modal](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal).\n * To support the most, like Narrator in Edge, Core React uses `ariaHideOutside` to set `aria-hidden` on\n * all elements outside the dialog, and **all elements outside added while opened**, so the dialog will act as a\n * _modal_ even without `aria-modal` on the dialog itself. See Future Considerations below.\n * [Screen Reader aria modal support table](https://a11ysupport.io/tech/aria/aria-modal_attribute) - [MS Narrator Edge aria modal support](https://a11ysupport.io/tests/apg__modal-dialog-example/aria__aria-modal_attribute/convey_presence/narrator/edge)\n * _Future Considerations:_ Replace ariaHideOutside with aria-modal=\"true\".\n * Using aria-modal, then we would need to involve Portal and so tooltips\n * or Toasts could mount within the visible aria-modal container.\n */\n\nexport function useModalDialogLike({\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-labelledby': ariaLabelledby,\n  'aria-label': ariaLabel,\n  id,\n  isModal,\n  isOpen,\n  // @ts-expect-error\n  ref,\n  role = 'dialog',\n}: ModalDialogLikeConfig) {\n  const { labelProps, widgetProps } = useLabelled({\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n  })\n\n  const dialogProps = {\n    // 'aria-modal': true,\n    ...widgetProps,\n    id,\n    role,\n    tabIndex: -1,\n  }\n\n  // usePreventScroll({\n  //   isDisabled: isModal ? !isOpen : true,\n  // })\n\n  // Fills aria-modal=true\n  React.useLayoutEffect(() => {\n    if (isModal && isOpen && ref.current) {\n      // Could add additional visible element refs here\n      return ariaHideOutside([ref.current])\n    }\n  }, [isModal, isOpen, ref])\n\n  return {\n    dialogProps,\n    labelProps,\n    focusScopeProps: {\n      autoFocus: true,\n      contain: true,\n      restoreFocus: true,\n    },\n  }\n}\n\n/**\n * Takes many roles and determines props necessary for DOM/components.\n * **Side effect of role=\"dialog\"**, current and any content added later\n * outside of the element (like by portals) will get `aria-hidden=true`\n * to replace the `aria-modal=true` `inert` nature.\n * @see useModalDialogLike */\nexport function useOverlayTriggerA11y({\n  alwaysAriaVisible,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-labelledby': ariaLabelledby,\n  'aria-label': ariaLabel,\n  // can we remove this? have it role based? be optional?\n  canPropOverlayUp,\n  id: id_,\n  isOpen,\n  role,\n}: OverlayTriggerA11yConfig) {\n  const isDialog = role === 'dialog'\n\n  const id = useId(id_)\n\n  const { getTriggerProps, getOverlayProps } = getA11yPreset(role)\n\n  const triggerProps = getTriggerProps?.({\n    isVisible: isOpen,\n    role: role!,\n    overlayId: id,\n  })\n\n  const overlayA11yProps = getOverlayProps?.({\n    isVisible: isOpen,\n    role: role!,\n    overlayId: id,\n  })\n\n  const wrapperA11yProps = !canPropOverlayUp ? overlayA11yProps : emptyObj\n  const overlayProps = canPropOverlayUp ? overlayA11yProps : emptyObj\n\n  const { dialogProps, labelProps, focusScopeProps } = useModalDialogLike({\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-labelledby': ariaLabelledby,\n    'aria-label': ariaLabel,\n    id,\n    isModal: false,\n    isOpen,\n  })\n\n  /**  This is a code side-effect from ariaHideOutside hiding everthing */\n  const portalProps =\n    role === 'tooltip' || alwaysAriaVisible // || !role\n      ? { 'data-react-aria-top-layer': true, 'data-live-announcer': true }\n      : emptyObj\n\n  /**\n   * If it is a dialog, we can merge the dialog props with any haspopup props\n   */\n  const wrapperFinalProps = isDialog\n    ? {\n        ...wrapperA11yProps,\n        ...dialogProps,\n      }\n    : wrapperA11yProps\n\n  /**\n   * If it is a dialog, we have opinions on `FocusScope` props.\n   */\n  const focusScopeFinalProps = isDialog\n    ? focusScopeProps\n    : (emptyObj as {\n        autoFocus?: boolean\n        contain?: boolean\n        restoreFocus?: boolean\n      })\n\n  return {\n    focusScopeProps: focusScopeFinalProps,\n    labelProps,\n    overlayProps,\n    portalProps,\n    triggerProps,\n    wrapperProps: wrapperFinalProps,\n  }\n}\n\n// WIP Example combobox\n// function useCombox({\n//   controls,\n//   isOpen = false,\n// }: {\n//   controls: 'dialog' | 'menu' | 'listbox'\n//   isOpen: boolean\n// }) {\n//   const { labelProps, popupProps, triggerProps } = useLabelledPopup({\n//     role: controls,\n//     type: 'combobox',\n//     isOpen,\n//   })\n// dispatch between elements.\n// NOTE combobox has two labels, that could be different\n// one for the trigger input (typically the form label)\n// second for the thing it controls (listbox, dialog)\n// - label id=1\n// - input role='combobox' aria-labelledby=1\n// - div role={controls} aria-label\n// Also, any icon only buttons like clear or open should have a\n// label and -1 tabindex. No nested interactive roles.\n// }\n"],"mappings":"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"}

package/dist/PageLayout/PageLayout.js

@@ -3,7 +3,7 @@ var _excluded = ["gutterX"],
   _excluded2 = ["transparent"],
   _excluded3 = ["children"],
   _excluded4 = ["minSections"],
-  _excluded5 = ["children", "open"];
+  _excluded5 = ["children", "open", "focusOnOpen", "restoreFocusOnClose"];
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -27,6 +27,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { FocusScope } from '@react-aria/focus';
 import throttle from 'lodash.throttle';
 import React from 'react';
 import { AnchorNavigation } from '../AnchorNavigation/AnchorNavigation';
@@ -214,8 +215,13 @@ var PageFooter = /*#__PURE__*/React.forwardRef(function PageFooter(props, ref) {
   }));
 });
 var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref5, ref) {
+  var _ref6;
   var children = _ref5.children,
     controlledIsOpen = _ref5.open,
+    _ref5$focusOnOpen = _ref5.focusOnOpen,
+    focusOnOpen = _ref5$focusOnOpen === void 0 ? false : _ref5$focusOnOpen,
+    _ref5$restoreFocusOnC = _ref5.restoreFocusOnClose,
+    restoreFocusOnClose = _ref5$restoreFocusOnC === void 0 ? false : _ref5$restoreFocusOnC,
     props = _objectWithoutProperties(_ref5, _excluded5);
   var _React$useContext5 = React.useContext(PageContext),
     _React$useContext5$as = _React$useContext5.aside,
@@ -229,6 +235,8 @@ var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref5, ref) {
     footerRef = _React$useContext7.footerRef,
     containerRef = _React$useContext7.containerRef;
   var innerRef = React.useRef(null);
+  var panelRef = React.useRef(null);
+  var prevIsOpenRef = React.useRef((_ref6 = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : contextIsOpen) !== null && _ref6 !== void 0 ? _ref6 : false);
   var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     topOffset = _React$useState4[0],
@@ -270,39 +278,46 @@ var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref5, ref) {
   useUpdateEffect(function () {
     ;
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var wasOpen, isRealOpenTransition, _panelRef$current;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            wasOpen = prevIsOpenRef.current;
+            prevIsOpenRef.current = contextIsOpen;
             if (!contextIsOpen) {
-              _context.next = 9;
+              _context.next = 13;
               break;
             }
+            isRealOpenTransition = !wasOpen;
             setIsOpen(true);
 
             // allow browsers to recalculate the layout
-            _context.next = 4;
+            _context.next = 7;
             return wait(0);
-          case 4:
+          case 7:
             setAnimationStatus('opening');
-            _context.next = 7;
+            _context.next = 10;
             return wait(animationDuration.panel);
-          case 7:
+          case 10:
             setAnimationStatus('open');
+            if (focusOnOpen && isRealOpenTransition) {
+              (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 ? void 0 : _panelRef$current.focus();
+            }
             return _context.abrupt("return");
-          case 9:
+          case 13:
             setAnimationStatus('closing');
-            _context.next = 12;
+            _context.next = 16;
             return wait(animationDuration.panel);
-          case 12:
+          case 16:
             setAnimationStatus('closed');
             setIsOpen(false);
-          case 14:
+          case 18:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }))();
-  }, [contextIsOpen]);
+  }, [contextIsOpen, focusOnOpen]);
   function calculateOffsets() {
     calculateHorizontalOffsets();
     calculateVerticalOffsets();
@@ -351,7 +366,11 @@ var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref5, ref) {
   }), /*#__PURE__*/React.createElement(StyledAsideFluidContainer, {
     $open: asideOpen,
     $closed: asideClosed
+  }, /*#__PURE__*/React.createElement(FocusScope, {
+    restoreFocus: restoreFocusOnClose
   }, /*#__PURE__*/React.createElement(StyledAsidePanel, {
+    ref: panelRef,
+    tabIndex: -1,
     $offsetTop: topOffset,
     $rightOffset: rightOffset,
     $minusHeight: (topOffset !== null && topOffset !== void 0 ? topOffset : 0) + bottomOffset,
@@ -359,7 +378,7 @@ var PageAside = /*#__PURE__*/React.forwardRef(function PageAside(_ref5, ref) {
     $opening: animationStatus === 'opening',
     $closed: animationStatus === 'closed',
     $altAnimation: tearsheetPlacement === 'left'
-  }, children))) : null;
+  }, children)))) : null;
 });
 var PageContainer = /*#__PURE__*/React.forwardRef(function PageContainer(props, ref) {
   var _React$useState11 = React.useState(defaultAsideIsOpen),