@procore/core-react 12.34.1 → 12.36.0

package/dist/OverlayTrigger/OverlayTrigger.js

@@ -164,6 +164,22 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
     trigger: trigger,
     triggerRef: triggerElRef
   });
+
+  // Enable Escape key dismissal for hover-triggered overlays.
+  React.useEffect(function () {
+    var hasHoverTrigger = triggers.includes('hover');
+    if (!visibility.isVisible || !hasHoverTrigger) return;
+    var onKeyDown = function onKeyDown(e) {
+      if (e.key !== 'Escape' && e.key !== 'Esc') return;
+      delayedToggle.disable(e);
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    document.addEventListener('keydown', onKeyDown, true);
+    return function () {
+      document.removeEventListener('keydown', onKeyDown, true);
+    };
+  }, [triggers, visibility.isVisible, delayedToggle]);
   var triggerElement = typeof children === 'function' ? children(triggerApi) : children;
   var overlayId = useId();
   var _useOverlayTriggerA = useOverlayTriggerA11y({

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","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  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","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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"}

package/dist/PageLayout/PageLayout.styles.js

@@ -11,52 +11,52 @@ var outerPageSpacing = spacing.lg;
 var outerPageSpacingSmaller = spacing.md;
 export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageHeader",
-  componentId: "core-12_34_1__sc-1cvdbsv-0"
+  componentId: "core-12_36_0__sc-1cvdbsv-0"
 })(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
   var $transparent = _ref.$transparent;
   return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
 });
 var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageHeaderItem",
-  componentId: "core-12_34_1__sc-1cvdbsv-1"
+  componentId: "core-12_36_0__sc-1cvdbsv-1"
 })(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
 export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTitle",
-  componentId: "core-12_34_1__sc-1cvdbsv-2"
+  componentId: "core-12_36_0__sc-1cvdbsv-2"
 })(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
 export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
   as: 'nav'
 }).withConfig({
   displayName: "StyledPageBreadcrumbs",
-  componentId: "core-12_34_1__sc-1cvdbsv-3"
+  componentId: "core-12_36_0__sc-1cvdbsv-3"
 })([""]);
 export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageBanner",
-  componentId: "core-12_34_1__sc-1cvdbsv-4"
+  componentId: "core-12_36_0__sc-1cvdbsv-4"
 })([""]);
 export var getActions = function getActions() {
   return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
 };
 export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageActions",
-  componentId: "core-12_34_1__sc-1cvdbsv-5"
+  componentId: "core-12_36_0__sc-1cvdbsv-5"
 })(["", ""], getActions());
 export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
   displayName: "StyledPageTabs",
-  componentId: "core-12_34_1__sc-1cvdbsv-6"
+  componentId: "core-12_36_0__sc-1cvdbsv-6"
 })([""]);
 export var StyledBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBody",
-  componentId: "core-12_34_1__sc-1cvdbsv-7"
+  componentId: "core-12_36_0__sc-1cvdbsv-7"
 })(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
 var navigationWidth = 200;
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_34_1__sc-1cvdbsv-8"
+  componentId: "core-12_36_0__sc-1cvdbsv-8"
 })(["float:left;max-height:100vh;min-width:", "px;overflow-y:auto;position:sticky;top:0;width:", "px;", "{padding:20px ", "px 0 0;}@media screen and (max-width:1024px){display:none;}"], navigationWidth, navigationWidth, StyledAnchorNavigation, spacing.sm);
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_34_1__sc-1cvdbsv-9"
+  componentId: "core-12_36_0__sc-1cvdbsv-9"
 })([""]);
 var panelWidth = 400;
 var zIndexes = {
@@ -69,7 +69,7 @@ export var animationDuration = {
 };
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_34_1__sc-1cvdbsv-10"
+  componentId: "core-12_36_0__sc-1cvdbsv-10"
 })(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
   var $hasShadow = _ref2.$hasShadow;
   return $hasShadow && getShadow(2, 'top');
@@ -79,7 +79,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledAside = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAside",
-  componentId: "core-12_34_1__sc-1cvdbsv-11"
+  componentId: "core-12_36_0__sc-1cvdbsv-11"
 })(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
   var $closed = _ref4.$closed,
     $open = _ref4.$open;
@@ -99,7 +99,7 @@ var getPanelAnimation = function getPanelAnimation() {
 };
 export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAsidePanel",
-  componentId: "core-12_34_1__sc-1cvdbsv-12"
+  componentId: "core-12_36_0__sc-1cvdbsv-12"
 })(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
   var $rightOffset = _ref7.$rightOffset;
   return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], mediaBreakpointsDown.tabletMd, getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
@@ -118,7 +118,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageMain",
-  componentId: "core-12_34_1__sc-1cvdbsv-13"
+  componentId: "core-12_36_0__sc-1cvdbsv-13"
 })(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
   return isIE11() && css(["flex:1 0 0%;"]);
 }, function (_ref10) {
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageContainer",
-  componentId: "core-12_34_1__sc-1cvdbsv-14"
+  componentId: "core-12_36_0__sc-1cvdbsv-14"
 })(["display:grid;grid-template-columns:1fr auto;", ""], function () {
   return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
 });
 export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAsideFluidContainer",
-  componentId: "core-12_34_1__sc-1cvdbsv-15"
+  componentId: "core-12_36_0__sc-1cvdbsv-15"
 })(["", ""], function (_ref11) {
   var $closed = _ref11.$closed,
     $open = _ref11.$open;

package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js

@@ -3,6 +3,6 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
   displayName: "StyledPageFooter",
-  componentId: "core-12_34_1__sc-1f0zfyf-0"
+  componentId: "core-12_36_0__sc-1f0zfyf-0"
 })(["display:flex;align-items:center;justify-content:space-between;background-color:", ";padding:", "px;width:100%;box-shadow:0 -2px 6px 0 rgba(0,0,0,0.1);position:sticky;bottom:0;"], colors.white, spacing.lg);
 //# sourceMappingURL=PageFooterTemplate.styles.js.map

package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js

@@ -5,16 +5,16 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledPageHeader = /*#__PURE__*/styled(Page.Header).withConfig({
   displayName: "StyledPageHeader",
-  componentId: "core-12_34_1__sc-1d5kop0-0"
+  componentId: "core-12_36_0__sc-1d5kop0-0"
 })(["border-bottom:1px solid ", ";padding-top:", "px;", ""], colors.gray85, spacing.lg, function (p) {
   return p.$hasPaddingBottom && "padding-bottom: ".concat(spacing.lg, "px;");
 });
 export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_34_1__sc-1d5kop0-1"
+  componentId: "core-12_36_0__sc-1d5kop0-1"
 })(["width:fit-content;"]);
 export var StyledToggleActionBox = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledToggleActionBox",
-  componentId: "core-12_34_1__sc-1d5kop0-2"
+  componentId: "core-12_36_0__sc-1d5kop0-2"
 })(["bottom:", "px;position:relative;padding-left:48px;"], spacing.lg);
 //# sourceMappingURL=PageHeaderTemplate.styles.js.map

package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js

@@ -10,10 +10,10 @@ var panelWidthSmall = 360;
 export var mobileBreakpoint = 440;
 export var StyledPageAside = /*#__PURE__*/styled(Page.Aside).withConfig({
   displayName: "StyledPageAside",
-  componentId: "core-12_34_1__sc-1p7nu53-0"
+  componentId: "core-12_36_0__sc-1p7nu53-0"
 })(["position:sticky;top:0;right:0;max-height:100vh;width:100%;height:100%;@media ", "{position:sticky;max-width:", "px;flex-basis:", "px;}", "{@media ", "{max-width:", "px;}}", "{position:sticky;top:0;right:0;box-shadow:none;animation:none;padding-bottom:68px;@media ", "{width:", "px;}@media (max-width:", "px){padding-bottom:0;}}", "{position:fixed;bottom:0;display:flex;width:100%;max-width:400px;@media ", "{max-width:", "px;}}"], mediaBreakpointsDown.tabletLg, panelWidthSmall, panelWidthSmall, StyledAsideFluidContainer, mediaBreakpointsDown.tabletLg, panelWidthSmall, StyledAsidePanel, mediaBreakpointsDown.tabletLg, panelWidthSmall, mobileBreakpoint, StyledPanelFooter, mediaBreakpointsDown.tabletLg, panelWidthSmall);
 export var StyledModal = /*#__PURE__*/styled(Modal).withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_34_1__sc-1p7nu53-1"
+  componentId: "core-12_36_0__sc-1p7nu53-1"
 })(["top:", "px;bottom:", "px;max-width:416px;transform:none;", "{max-height:100vh;}@media (max-width:", "px){top:0;bottom:0;left:0;right:0;max-width:100%;}"], spacing.md, spacing.md, StyledModalContent, mobileBreakpoint);
 //# sourceMappingURL=PagePaneTemplate.styles.js.map

package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js

@@ -5,14 +5,14 @@ import { spacing } from '../../_styles/spacing';
 export var mobileBreakpoint = 440;
 export var StyledPageWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageWrapper",
-  componentId: "core-12_34_1__sc-uuo7st-0"
+  componentId: "core-12_36_0__sc-uuo7st-0"
 })(["display:flex;flex-direction:column;"]);
 export var StyledPageBodyWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPageBodyWrapper",
-  componentId: "core-12_34_1__sc-uuo7st-1"
+  componentId: "core-12_36_0__sc-uuo7st-1"
 })(["display:grid;grid-template-columns:1fr auto;"]);
 export var StyledPageBody = /*#__PURE__*/styled(Page.Body).withConfig({
   displayName: "StyledPageBody",
-  componentId: "core-12_34_1__sc-uuo7st-2"
+  componentId: "core-12_36_0__sc-uuo7st-2"
 })(["padding-bottom:", "px;@media ", "{padding:", "px;}"], spacing.lg, mediaBreakpointsDown.desktopMd, spacing.md);
 //# sourceMappingURL=PageTemplate.styles.js.map

package/dist/Pagination/Pagination.styles.js

@@ -5,22 +5,22 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_34_1__sc-fy34i1-0"
+  componentId: "core-12_36_0__sc-fy34i1-0"
 })(["display:flex;align-items:center;"]);
 export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledPageCount",
-  componentId: "core-12_34_1__sc-fy34i1-1"
+  componentId: "core-12_36_0__sc-fy34i1-1"
 })(["margin-right:", "px;"], spacing.xl);
 export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledCurrentPage",
-  componentId: "core-12_34_1__sc-fy34i1-2"
+  componentId: "core-12_36_0__sc-fy34i1-2"
 })(["margin-right:", "px;"], spacing.sm);
 export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_34_1__sc-fy34i1-3"
+  componentId: "core-12_36_0__sc-fy34i1-3"
 })(["margin-left:", "px;"], spacing.sm);
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_34_1__sc-fy34i1-4"
-})(["max-height:300px;max-width:248px;"]);
+  componentId: "core-12_36_0__sc-fy34i1-4"
+})(["min-height:80px;max-height:300px;max-width:248px;"]);
 //# sourceMappingURL=Pagination.styles.js.map

package/dist/Pagination/Pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","names":["styled","Button","Card","Typography","spacing","StyledContainer","div","withConfig","displayName","componentId","StyledPageCount","xl","StyledCurrentPage","sm","StyledButton","StyledOverlay"],"sources":["../../src/Pagination/Pagination.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContainer = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const StyledPageCount = styled(Typography)`\n  margin-right: ${spacing.xl}px;\n`\n\nexport const StyledCurrentPage = styled(Typography)`\n  margin-right: ${spacing.sm}px;\n`\n\nexport const StyledButton = styled(Button)`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledOverlay = styled(Card)`\n  max-height: 300px; // TODO one-off\n  max-width: 248px; // TODO one-off\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCAGxC;AAED,OAAO,IAAMC,eAAe,gBAAGV,MAAM,CAACG,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAC/BL,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,iBAAiB,gBAAGZ,MAAM,CAACG,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BACjCL,OAAO,CAACS,EAAE,CAC3B;AAED,OAAO,IAAMC,YAAY,gBAAGd,MAAM,CAACC,MAAM,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACzBL,OAAO,CAACS,EAAE,CAC1B;AAED,OAAO,IAAME,aAAa,gBAAGf,MAAM,CAACE,IAAI,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAGxC"}
+{"version":3,"file":"Pagination.styles.js","names":["styled","Button","Card","Typography","spacing","StyledContainer","div","withConfig","displayName","componentId","StyledPageCount","xl","StyledCurrentPage","sm","StyledButton","StyledOverlay"],"sources":["../../src/Pagination/Pagination.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContainer = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const StyledPageCount = styled(Typography)`\n  margin-right: ${spacing.xl}px;\n`\n\nexport const StyledCurrentPage = styled(Typography)`\n  margin-right: ${spacing.sm}px;\n`\n\nexport const StyledButton = styled(Button)`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledOverlay = styled(Card)`\n  min-height: 80px;\n  max-height: 300px; // TODO one-off\n  max-width: 248px; // TODO one-off\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCAGxC;AAED,OAAO,IAAMC,eAAe,gBAAGV,MAAM,CAACG,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAC/BL,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,iBAAiB,gBAAGZ,MAAM,CAACG,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BACjCL,OAAO,CAACS,EAAE,CAC3B;AAED,OAAO,IAAMC,YAAY,gBAAGd,MAAM,CAACC,MAAM,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACzBL,OAAO,CAACS,EAAE,CAC1B;AAED,OAAO,IAAME,aAAa,gBAAGf,MAAM,CAACE,IAAI,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAIxC"}

package/dist/Pagination/Pagination.types.d.ts

@@ -58,6 +58,10 @@ export interface PaginationMenuProps {
      * @since 10.19.0
      */
     activePage: number;
+    /**
+     * @since 12.34.2
+     */
+    maxHeight?: number;
     /**
      * @since 10.19.0
      */

package/dist/Pagination/Pagination.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.types.js","names":[],"sources":["../../src/Pagination/Pagination.types.ts"],"sourcesContent":["import type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { Props } from '../_utils/types'\n\nexport interface FieldProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n}\n\nexport interface PageNotationProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  end: number\n  /**\n   * @since 10.19.0\n   */\n  items: number\n  /**\n   * @since 10.19.0\n   */\n  start: number\n}\n\nexport interface NavigationIconProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onClick?: any\n}\n\nexport interface PresetPaginationProps extends Props {\n  /**\n   * Current page selected, 1 based.\n   * @since 10.19.0\n   */\n  activePage?: number\n\n  /**\n   * Total number of items across pages.\n   * @since 10.19.0\n   */\n  items: number\n\n  /**\n   * A callback that receives the page selected.\n   * @since 10.19.0\n   */\n  onSelectPage?: (page: number) => void\n\n  /**\n   * Number of items per page.\n   * @since 10.19.0\n   */\n  perPage?: number\n}\n\nexport interface PaginationMenuProps {\n  /**\n   * @since 10.19.0\n   */\n  activePage: number\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  pages: number\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: PageSelectProps['onSelect']\n}\n\nexport interface PageSelectProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  activePage?: number\n  /**\n   * @since 11.6.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => any\n  /**\n   * @since 10.19.0\n   */\n  pages?: number\n}\n\nexport interface PaginationHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  activePage: number\n  /**\n   * @since 10.19.0\n   */\n  items: number\n  /**\n   * @since 10.19.0\n   */\n  onSelectPage: (page: number) => void\n  /**\n   * @since 10.19.0\n   */\n  perPage: number\n}\n\nexport interface PaginationHook {\n  /**\n   * @since 10.19.0\n   */\n  end: number\n  /**\n   * @since 10.19.0\n   */\n  isFirst: boolean\n  /**\n   * @since 10.19.0\n   */\n  isLast: boolean\n  /**\n   * @since 10.19.0\n   */\n  pages: number\n  /**\n   * @since 10.19.0\n   */\n  selectNext: () => void\n  /**\n   * @since 10.19.0\n   */\n  selectPage: (selection: Selection) => void\n  /**\n   * @since 10.19.0\n   */\n  selectPrev: () => void\n  /**\n   * @since 10.19.0\n   */\n  start: number\n}\n"],"mappings":""}
+{"version":3,"file":"Pagination.types.js","names":[],"sources":["../../src/Pagination/Pagination.types.ts"],"sourcesContent":["import type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { Props } from '../_utils/types'\n\nexport interface FieldProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n}\n\nexport interface PageNotationProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  end: number\n  /**\n   * @since 10.19.0\n   */\n  items: number\n  /**\n   * @since 10.19.0\n   */\n  start: number\n}\n\nexport interface NavigationIconProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onClick?: any\n}\n\nexport interface PresetPaginationProps extends Props {\n  /**\n   * Current page selected, 1 based.\n   * @since 10.19.0\n   */\n  activePage?: number\n\n  /**\n   * Total number of items across pages.\n   * @since 10.19.0\n   */\n  items: number\n\n  /**\n   * A callback that receives the page selected.\n   * @since 10.19.0\n   */\n  onSelectPage?: (page: number) => void\n\n  /**\n   * Number of items per page.\n   * @since 10.19.0\n   */\n  perPage?: number\n}\n\nexport interface PaginationMenuProps {\n  /**\n   * @since 10.19.0\n   */\n  activePage: number\n  /**\n   * @since 12.34.2\n   */\n  maxHeight?: number\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  pages: number\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: PageSelectProps['onSelect']\n}\n\nexport interface PageSelectProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  activePage?: number\n  /**\n   * @since 11.6.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => any\n  /**\n   * @since 10.19.0\n   */\n  pages?: number\n}\n\nexport interface PaginationHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  activePage: number\n  /**\n   * @since 10.19.0\n   */\n  items: number\n  /**\n   * @since 10.19.0\n   */\n  onSelectPage: (page: number) => void\n  /**\n   * @since 10.19.0\n   */\n  perPage: number\n}\n\nexport interface PaginationHook {\n  /**\n   * @since 10.19.0\n   */\n  end: number\n  /**\n   * @since 10.19.0\n   */\n  isFirst: boolean\n  /**\n   * @since 10.19.0\n   */\n  isLast: boolean\n  /**\n   * @since 10.19.0\n   */\n  pages: number\n  /**\n   * @since 10.19.0\n   */\n  selectNext: () => void\n  /**\n   * @since 10.19.0\n   */\n  selectPage: (selection: Selection) => void\n  /**\n   * @since 10.19.0\n   */\n  selectPrev: () => void\n  /**\n   * @since 10.19.0\n   */\n  start: number\n}\n"],"mappings":""}

package/dist/Pagination/PaginationSelect.js

@@ -1,4 +1,10 @@
-var _excluded = ["activePage", "menuRef", "onSelect", "pages"];
+var _excluded = ["activePage", "maxHeight", "menuRef", "onSelect", "pages"];
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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; }
@@ -7,10 +13,25 @@ import React from 'react';
 import { DropdownButton } from '../Dropdown/Dropdown';
 import { MenuImperative } from '../MenuImperative/MenuImperative';
 import { OverlayTrigger, useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
+import { mergeRefs } from '../_utils/mergeRefs';
 import { StyledOverlay } from './Pagination.styles';
 var noop = function noop() {};
+var DEFAULT_MAX_HEIGHT = 300;
+var VIEWPORT_PADDING = 16;
+function computeAvailableHeight(triggerEl) {
+  if (!triggerEl) {
+    return DEFAULT_MAX_HEIGHT;
+  }
+  var rect = triggerEl.getBoundingClientRect();
+  var viewportHeight = window.innerHeight;
+  var spaceBelow = viewportHeight - rect.bottom - VIEWPORT_PADDING;
+  var spaceAbove = rect.top - VIEWPORT_PADDING;
+  var availableSpace = Math.max(spaceBelow, spaceAbove);
+  return Math.min(DEFAULT_MAX_HEIGHT, availableSpace);
+}
 var PaginationMenu = /*#__PURE__*/React.forwardRef(function PaginationMenu(_ref, ref) {
   var activePage = _ref.activePage,
+    maxHeight = _ref.maxHeight,
     menuRef = _ref.menuRef,
     _ref$onSelect = _ref.onSelect,
     onSelect_ = _ref$onSelect === void 0 ? noop : _ref$onSelect,
@@ -60,9 +81,13 @@ var PaginationMenu = /*#__PURE__*/React.forwardRef(function PaginationMenu(_ref,
       ref: lastItemRef
     }, page);
   }, pages);
+  var overlayStyle = maxHeight ? {
+    maxHeight: maxHeight
+  } : undefined;
   return /*#__PURE__*/React.createElement(StyledOverlay, {
     ref: ref,
-    shadowStrength: 2
+    shadowStrength: 2,
+    style: overlayStyle
   }, /*#__PURE__*/React.createElement(MenuImperative, _extends({
     circular: true
   }, props, {
@@ -84,6 +109,27 @@ export var PaginationSelect = /*#__PURE__*/React.forwardRef(function PaginationS
     pages = _ref2$pages === void 0 ? 0 : _ref2$pages,
     props = _objectWithoutProperties(_ref2, ["activePage", "aria-labelledby", "disabled", "id", "onSelect", "pages"]);
   var menuRef = React.useRef(null);
+  var triggerRef = React.useRef(null);
+  var _React$useState = React.useState(undefined),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    maxHeight = _React$useState2[0],
+    setMaxHeight = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isOpen = _React$useState4[0],
+    setIsOpen = _React$useState4[1];
+
+  // Recompute height on viewport resize
+  React.useEffect(function () {
+    if (!isOpen) return;
+    function handleResize() {
+      setMaxHeight(computeAvailableHeight(triggerRef.current));
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, [isOpen]);
 
   // Safari has an issue with giving focus to buttons after clicking on them
   // if the button or menu do not have focus, the keyboard navigation does not work,
@@ -94,6 +140,14 @@ export var PaginationSelect = /*#__PURE__*/React.forwardRef(function PaginationS
     // but super specific to pagination, not really a concern elsewhere
     ;
     (_menuRef$current7 = menuRef.current) === null || _menuRef$current7 === void 0 ? void 0 : (_menuRef$current7$el = _menuRef$current7.el) === null || _menuRef$current7$el === void 0 ? void 0 : (_menuRef$current7$el$ = _menuRef$current7$el.firstChild) === null || _menuRef$current7$el$ === void 0 ? void 0 : _menuRef$current7$el$.focus();
+
+    // Compute available height
+    setIsOpen(true);
+    setMaxHeight(computeAvailableHeight(triggerRef.current));
+  }
+  function afterHide() {
+    setIsOpen(false);
+    setMaxHeight(undefined);
   }
   function onKeyDown(e) {
     if (e.key === 'Up' || e.key === 'ArrowUp') {
@@ -115,14 +169,16 @@ export var PaginationSelect = /*#__PURE__*/React.forwardRef(function PaginationS
     passA11yPropsToOverlay: true,
     autoFocus: true,
     afterShow: afterShow,
+    afterHide: afterHide,
     overlay: /*#__PURE__*/React.createElement(PaginationMenu, {
       activePage: activePage,
+      maxHeight: maxHeight,
       menuRef: menuRef,
       onSelect: onSelect,
       pages: pages
     }),
     placement: "bottom-left",
-    ref: ref,
+    ref: mergeRefs(ref, triggerRef),
     trigger: "click"
   }, props), /*#__PURE__*/React.createElement(DropdownButton, {
     "aria-labelledby": ariaLabelledby,

package/dist/Pagination/PaginationSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelect.js","names":["times","React","DropdownButton","MenuImperative","OverlayTrigger","useOverlayTriggerContext","StyledOverlay","noop","PaginationMenu","forwardRef","_ref","ref","activePage","menuRef","_ref$onSelect","onSelect","onSelect_","pages","props","_objectWithoutProperties","_excluded","ctx","lastItemRef","useRef","hasFooter","useEffect","_menuRef$current","current","highlightFirst","_menuRef$current2","_menuRef$current3","highlightSuggested","highlightSelected","onKeyDown","event","_menuRef$current4","currentPage","highlighted","key","_menuRef$current5","highlight","_menuRef$current6","stopPropagation","highlightLast","selection","hide","children","index","page","createElement","Item","item","selected","shadowStrength","_extends","circular","Fragment","Options","slice","Footer","padding","length","PaginationSelect","_ref2","_ref2$activePage","ariaLabelledby","disabled","id","_ref2$pages","afterShow","_menuRef$current7","_menuRef$current7$el","_menuRef$current7$el$","el","firstChild","focus","e","_menuRef$current8","preventDefault","prev","_menuRef$current9","next","_menuRef$current0","select","role","passA11yPropsToOverlay","autoFocus","overlay","placement","trigger","arrow","variant"],"sources":["../../src/Pagination/PaginationSelect.tsx"],"sourcesContent":["import { times } from 'ramda'\nimport React from 'react'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { StyledOverlay } from './Pagination.styles'\nimport type { PageSelectProps, PaginationMenuProps } from './Pagination.types'\n\nconst noop = () => {}\n\nconst PaginationMenu = React.forwardRef<HTMLDivElement, PaginationMenuProps>(\n  function PaginationMenu(\n    { activePage, menuRef, onSelect: onSelect_ = noop, pages, ...props },\n    ref\n  ) {\n    const ctx = useOverlayTriggerContext()\n\n    const lastItemRef = React.useRef<HTMLDivElement>(null)\n\n    const hasFooter = pages > 10\n\n    React.useEffect(() => {\n      menuRef.current?.highlightFirst()\n    }, [menuRef])\n\n    React.useEffect(() => {\n      menuRef.current?.highlightSuggested()\n      menuRef.current?.highlightSelected()\n    }, [menuRef])\n\n    function onKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      const currentPage = menuRef.current?.highlighted()\n\n      if (event.key === 'ArrowDown' || event.key === 'Down') {\n        // when on the second to last item, want to jump to the last item (in the footer)\n        if (currentPage === pages - 1 && lastItemRef.current) {\n          menuRef.current?.highlight(lastItemRef.current)\n        }\n      } else if (event.key === 'ArrowUp' || event.key === 'Up') {\n        // on the last item (in the footer), want to jump back to the second to last\n        // item back in the menu\n        if (hasFooter && currentPage === pages) {\n          event.stopPropagation()\n          menuRef.current?.highlightLast()\n        }\n      }\n    }\n\n    function onSelect(selection: Selection) {\n      onSelect_(selection)\n\n      ctx.hide(selection.event)\n    }\n\n    const children = times((index: number) => {\n      const page = index + 1\n\n      return (\n        <MenuImperative.Item\n          item={page}\n          key={index}\n          selected={page === activePage}\n          ref={lastItemRef}\n        >\n          {page}\n        </MenuImperative.Item>\n      )\n    }, pages)\n\n    return (\n      <StyledOverlay ref={ref} shadowStrength={2}>\n        <MenuImperative\n          circular\n          {...props}\n          ref={menuRef}\n          onKeyDown={onKeyDown}\n          onSelect={onSelect}\n        >\n          {hasFooter ? (\n            <>\n              <MenuImperative.Options>\n                {children.slice(0, -1)}\n              </MenuImperative.Options>\n              <MenuImperative.Footer padding=\"xs none\">\n                {children[children.length - 1]}\n              </MenuImperative.Footer>\n            </>\n          ) : (\n            <MenuImperative.Options>{children}</MenuImperative.Options>\n          )}\n        </MenuImperative>\n      </StyledOverlay>\n    )\n  }\n)\n\nexport const PaginationSelect = React.forwardRef<\n  HTMLButtonElement,\n  PageSelectProps\n>(function PaginationSelect(\n  {\n    activePage = 1,\n    [`aria-labelledby`]: ariaLabelledby,\n    disabled,\n    id,\n    onSelect,\n    pages = 0,\n    ...props\n  },\n  ref\n) {\n  const menuRef = React.useRef<MenuRef>(null)\n\n  // Safari has an issue with giving focus to buttons after clicking on them\n  // if the button or menu do not have focus, the keyboard navigation does not work,\n  // so just focus the menu when we open it\n  function afterShow() {\n    // this is brittle, if MenuImperative dom structure changes this could break\n    // but super specific to pagination, not really a concern elsewhere\n    ;(menuRef.current?.el?.firstChild as HTMLDivElement)?.focus()\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLButtonElement>) {\n    if (e.key === 'Up' || e.key === 'ArrowUp') {\n      e.preventDefault()\n      menuRef.current?.prev()\n    } else if (e.key === 'Down' || e.key === 'ArrowDown') {\n      e.preventDefault()\n      menuRef.current?.next()\n    } else if (e.key === 'Enter') {\n      e.preventDefault()\n      menuRef.current?.select(e)\n    }\n  }\n\n  return (\n    <OverlayTrigger\n      role=\"listbox\"\n      passA11yPropsToOverlay\n      autoFocus\n      afterShow={afterShow}\n      overlay={\n        <PaginationMenu\n          activePage={activePage}\n          menuRef={menuRef}\n          onSelect={onSelect}\n          pages={pages}\n        />\n      }\n      placement=\"bottom-left\"\n      ref={ref}\n      trigger=\"click\"\n      {...props}\n    >\n      <DropdownButton\n        aria-labelledby={ariaLabelledby}\n        arrow\n        disabled={disabled}\n        id={id}\n        onKeyDown={onKeyDown}\n        role=\"combobox\"\n        variant=\"tertiary\"\n      >\n        {activePage}\n      </DropdownButton>\n    </OverlayTrigger>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"PaginationSelect.js","names":["times","React","DropdownButton","MenuImperative","OverlayTrigger","useOverlayTriggerContext","mergeRefs","StyledOverlay","noop","DEFAULT_MAX_HEIGHT","VIEWPORT_PADDING","computeAvailableHeight","triggerEl","rect","getBoundingClientRect","viewportHeight","window","innerHeight","spaceBelow","bottom","spaceAbove","top","availableSpace","Math","max","min","PaginationMenu","forwardRef","_ref","ref","activePage","maxHeight","menuRef","_ref$onSelect","onSelect","onSelect_","pages","props","_objectWithoutProperties","_excluded","ctx","lastItemRef","useRef","hasFooter","useEffect","_menuRef$current","current","highlightFirst","_menuRef$current2","_menuRef$current3","highlightSuggested","highlightSelected","onKeyDown","event","_menuRef$current4","currentPage","highlighted","key","_menuRef$current5","highlight","_menuRef$current6","stopPropagation","highlightLast","selection","hide","children","index","page","createElement","Item","item","selected","overlayStyle","undefined","shadowStrength","style","_extends","circular","Fragment","Options","slice","Footer","padding","length","PaginationSelect","_ref2","_ref2$activePage","ariaLabelledby","disabled","id","_ref2$pages","triggerRef","_React$useState","useState","_React$useState2","_slicedToArray","setMaxHeight","_React$useState3","_React$useState4","isOpen","setIsOpen","handleResize","addEventListener","removeEventListener","afterShow","_menuRef$current7","_menuRef$current7$el","_menuRef$current7$el$","el","firstChild","focus","afterHide","e","_menuRef$current8","preventDefault","prev","_menuRef$current9","next","_menuRef$current0","select","role","passA11yPropsToOverlay","autoFocus","overlay","placement","trigger","arrow","variant"],"sources":["../../src/Pagination/PaginationSelect.tsx"],"sourcesContent":["import { times } from 'ramda'\nimport React from 'react'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  OverlayTrigger,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { StyledOverlay } from './Pagination.styles'\nimport type { PageSelectProps, PaginationMenuProps } from './Pagination.types'\n\nconst noop = () => {}\n\nconst DEFAULT_MAX_HEIGHT = 300\nconst VIEWPORT_PADDING = 16\n\nfunction computeAvailableHeight(triggerEl: HTMLElement | null): number {\n  if (!triggerEl) {\n    return DEFAULT_MAX_HEIGHT\n  }\n\n  const rect = triggerEl.getBoundingClientRect()\n  const viewportHeight = window.innerHeight\n\n  const spaceBelow = viewportHeight - rect.bottom - VIEWPORT_PADDING\n  const spaceAbove = rect.top - VIEWPORT_PADDING\n\n  const availableSpace = Math.max(spaceBelow, spaceAbove)\n\n  return Math.min(DEFAULT_MAX_HEIGHT, availableSpace)\n}\n\nconst PaginationMenu = React.forwardRef<HTMLDivElement, PaginationMenuProps>(\n  function PaginationMenu(\n    {\n      activePage,\n      maxHeight,\n      menuRef,\n      onSelect: onSelect_ = noop,\n      pages,\n      ...props\n    },\n    ref\n  ) {\n    const ctx = useOverlayTriggerContext()\n\n    const lastItemRef = React.useRef<HTMLDivElement>(null)\n\n    const hasFooter = pages > 10\n\n    React.useEffect(() => {\n      menuRef.current?.highlightFirst()\n    }, [menuRef])\n\n    React.useEffect(() => {\n      menuRef.current?.highlightSuggested()\n      menuRef.current?.highlightSelected()\n    }, [menuRef])\n\n    function onKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      const currentPage = menuRef.current?.highlighted()\n\n      if (event.key === 'ArrowDown' || event.key === 'Down') {\n        // when on the second to last item, want to jump to the last item (in the footer)\n        if (currentPage === pages - 1 && lastItemRef.current) {\n          menuRef.current?.highlight(lastItemRef.current)\n        }\n      } else if (event.key === 'ArrowUp' || event.key === 'Up') {\n        // on the last item (in the footer), want to jump back to the second to last\n        // item back in the menu\n        if (hasFooter && currentPage === pages) {\n          event.stopPropagation()\n          menuRef.current?.highlightLast()\n        }\n      }\n    }\n\n    function onSelect(selection: Selection) {\n      onSelect_(selection)\n\n      ctx.hide(selection.event)\n    }\n\n    const children = times((index: number) => {\n      const page = index + 1\n\n      return (\n        <MenuImperative.Item\n          item={page}\n          key={index}\n          selected={page === activePage}\n          ref={lastItemRef}\n        >\n          {page}\n        </MenuImperative.Item>\n      )\n    }, pages)\n\n    const overlayStyle = maxHeight ? { maxHeight } : undefined\n\n    return (\n      <StyledOverlay ref={ref} shadowStrength={2} style={overlayStyle}>\n        <MenuImperative\n          circular\n          {...props}\n          ref={menuRef}\n          onKeyDown={onKeyDown}\n          onSelect={onSelect}\n        >\n          {hasFooter ? (\n            <>\n              <MenuImperative.Options>\n                {children.slice(0, -1)}\n              </MenuImperative.Options>\n              <MenuImperative.Footer padding=\"xs none\">\n                {children[children.length - 1]}\n              </MenuImperative.Footer>\n            </>\n          ) : (\n            <MenuImperative.Options>{children}</MenuImperative.Options>\n          )}\n        </MenuImperative>\n      </StyledOverlay>\n    )\n  }\n)\n\nexport const PaginationSelect = React.forwardRef<\n  HTMLButtonElement,\n  PageSelectProps\n>(function PaginationSelect(\n  {\n    activePage = 1,\n    [`aria-labelledby`]: ariaLabelledby,\n    disabled,\n    id,\n    onSelect,\n    pages = 0,\n    ...props\n  },\n  ref\n) {\n  const menuRef = React.useRef<MenuRef>(null)\n  const triggerRef = React.useRef<HTMLButtonElement>(null)\n  const [maxHeight, setMaxHeight] = React.useState<number | undefined>(\n    undefined\n  )\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  // Recompute height on viewport resize\n  React.useEffect(() => {\n    if (!isOpen) return\n\n    function handleResize() {\n      setMaxHeight(computeAvailableHeight(triggerRef.current))\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [isOpen])\n\n  // Safari has an issue with giving focus to buttons after clicking on them\n  // if the button or menu do not have focus, the keyboard navigation does not work,\n  // so just focus the menu when we open it\n  function afterShow() {\n    // this is brittle, if MenuImperative dom structure changes this could break\n    // but super specific to pagination, not really a concern elsewhere\n    ;(menuRef.current?.el?.firstChild as HTMLDivElement)?.focus()\n\n    // Compute available height\n    setIsOpen(true)\n    setMaxHeight(computeAvailableHeight(triggerRef.current))\n  }\n\n  function afterHide() {\n    setIsOpen(false)\n    setMaxHeight(undefined)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLButtonElement>) {\n    if (e.key === 'Up' || e.key === 'ArrowUp') {\n      e.preventDefault()\n      menuRef.current?.prev()\n    } else if (e.key === 'Down' || e.key === 'ArrowDown') {\n      e.preventDefault()\n      menuRef.current?.next()\n    } else if (e.key === 'Enter') {\n      e.preventDefault()\n      menuRef.current?.select(e)\n    }\n  }\n\n  return (\n    <OverlayTrigger\n      role=\"listbox\"\n      passA11yPropsToOverlay\n      autoFocus\n      afterShow={afterShow}\n      afterHide={afterHide}\n      overlay={\n        <PaginationMenu\n          activePage={activePage}\n          maxHeight={maxHeight}\n          menuRef={menuRef}\n          onSelect={onSelect}\n          pages={pages}\n        />\n      }\n      placement=\"bottom-left\"\n      ref={mergeRefs(ref, triggerRef)}\n      trigger=\"click\"\n      {...props}\n    >\n      <DropdownButton\n        aria-labelledby={ariaLabelledby}\n        arrow\n        disabled={disabled}\n        id={id}\n        onKeyDown={onKeyDown}\n        role=\"combobox\"\n        variant=\"tertiary\"\n      >\n        {activePage}\n      </DropdownButton>\n    </OverlayTrigger>\n  )\n})\n"],"mappings":"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"}