@procore/core-react 11.25.0 → 11.25.2

package/dist/MenuImperative/MenuImperative.styles.js

@@ -11,15 +11,15 @@ var optionMinHeight = 32;
 // Do not merge with StyledMenu, needed for max-height working in IE
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_25_0__sc-z984sz-0"
+  componentId: "core-11_25_2__sc-z984sz-0"
 })(["display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-11_25_0__sc-z984sz-1"
+  componentId: "core-11_25_2__sc-z984sz-1"
 })(["display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-11_25_0__sc-z984sz-2"
+  componentId: "core-11_25_2__sc-z984sz-2"
 })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
   var _ref$$scrollable = _ref.$scrollable,
     $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus());
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-11_25_0__sc-z984sz-3"
+  componentId: "core-11_25_2__sc-z984sz-3"
 })(["padding:0 2px;height:24px;visibility:hidden;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-11_25_0__sc-z984sz-4"
+  componentId: "core-11_25_2__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-11_25_0__sc-z984sz-5"
+  componentId: "core-11_25_2__sc-z984sz-5"
 })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-11_25_0__sc-z984sz-6"
+  componentId: "core-11_25_2__sc-z984sz-6"
 })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
   var $clickable = _ref2.$clickable;
   return $clickable ? 'pointer' : 'default';
 }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-11_25_0__sc-z984sz-7"
+  componentId: "core-11_25_2__sc-z984sz-7"
 })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
   var as = _ref3.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-11_25_0__sc-z984sz-8"
+  componentId: "core-11_25_2__sc-z984sz-8"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-11_25_0__sc-z984sz-9"
+  componentId: "core-11_25_2__sc-z984sz-9"
 })(["border-top:1px solid ", ";"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/Modal/ChildRegistry.context.d.ts

@@ -13,7 +13,7 @@ interface ChildToRegister {
 }
 export declare function ChildRegistryProvider({ children, }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useModalChildRegistryContext(): ChildRegistry;
 export declare function useModalChildRegistryDispatch(): React.Dispatch<ChildToRegister>;
 export {};

package/dist/Modal/Modal.d.ts

@@ -5,7 +5,7 @@ import type { RenderProps } from '../_hooks/Visibility';
 import type { DivAttributes, SpanAttributes } from '../_utils/types';
 import type { ConfirmModalProps, ModalBodyProps, ModalCloseableHeaderProps, ModalContainerProps, ModalProps } from './Modal.types';
 export declare const ConfirmModal: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
-declare function ModalState(props: RenderProps): JSX.Element;
+declare function ModalState(props: RenderProps): React.JSX.Element;
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
     Body: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
     Container: React.ForwardRefExoticComponent<ModalContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Modal/Modal.styles.js

@@ -18,15 +18,15 @@ export var modalPixelWidths = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-11_25_0__sc-1ijdug2-0"
+  componentId: "core-11_25_2__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-11_25_0__sc-1ijdug2-1"
+  componentId: "core-11_25_2__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-11_25_0__sc-1ijdug2-2"
+  componentId: "core-11_25_2__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
   var $placement = _ref.$placement;
   if ($placement === 'top') {
@@ -44,11 +44,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-11_25_0__sc-1ijdug2-3"
+  componentId: "core-11_25_2__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-11_25_0__sc-1ijdug2-4"
+  componentId: "core-11_25_2__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
   var noSideSpacing = _ref3.noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
@@ -58,37 +58,37 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-11_25_0__sc-1ijdug2-5"
+  componentId: "core-11_25_2__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-11_25_0__sc-1ijdug2-6"
+  componentId: "core-11_25_2__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_25_0__sc-1ijdug2-7"
+  componentId: "core-11_25_2__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
   var $isBodyScrolled = _ref5.$isBodyScrolled;
   return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-11_25_0__sc-1ijdug2-8"
+  componentId: "core-11_25_2__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-11_25_0__sc-1ijdug2-9"
+  componentId: "core-11_25_2__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-11_25_0__sc-1ijdug2-10"
+  componentId: "core-11_25_2__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-11_25_0__sc-1ijdug2-11"
+  componentId: "core-11_25_2__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-11_25_0__sc-1ijdug2-12"
+  componentId: "core-11_25_2__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/Modal/storyHelpers.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function EscapefulFieldSet(): JSX.Element;
+import React from 'react';
+export declare function EscapefulFieldSet(): React.JSX.Element;

package/dist/MultiSelect/MultiSelect.styles.js

@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-11_25_0__sc-s9ym9q-0"
+  componentId: "core-11_25_2__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-11_25_0__sc-s9ym9q-1"
+  componentId: "core-11_25_2__sc-s9ym9q-1"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-11_25_0__sc-s9ym9q-2"
+  componentId: "core-11_25_2__sc-s9ym9q-2"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-11_25_0__sc-s9ym9q-3"
+  componentId: "core-11_25_2__sc-s9ym9q-3"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-11_25_0__sc-s9ym9q-4"
+  componentId: "core-11_25_2__sc-s9ym9q-4"
 })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
 export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-11_25_0__sc-s9ym9q-5"
+  componentId: "core-11_25_2__sc-s9ym9q-5"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
   var $emptyValue = _ref2.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-11_25_0__sc-3o6zya-0"
+  componentId: "core-11_25_2__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-11_25_0__sc-3o6zya-1"
+  componentId: "core-11_25_2__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-11_25_0__sc-3o6zya-2"
+  componentId: "core-11_25_2__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/NextTile/NextTile.d.ts

@@ -3,7 +3,7 @@ import type { Props } from '../_utils/types';
 import type { HeroMediaProps, HeroTextProps, InteractableTileProps, LinkTileProps, Roles, TileProps, TileRef } from './NextTile.types';
 export declare const InteractableTile: React.ForwardRefExoticComponent<Omit<InteractableTileProps, "role"> & React.RefAttributes<HTMLDivElement>>;
 export declare const LinkTile: React.ForwardRefExoticComponent<Omit<LinkTileProps, "role"> & React.RefAttributes<HTMLAnchorElement>>;
-declare function TileInner<Role extends Roles = 'none'>({ role, ...props }: TileProps<Role>, ref: TileRef<Role>): JSX.Element | null;
+declare function TileInner<Role extends Roles = 'none'>({ role, ...props }: TileProps<Role>, ref: TileRef<Role>): React.JSX.Element | null;
 /**
  * <NextTile role={checkbox}/> can be used as single checkbox as well as in group.
  *

package/dist/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-11_25_0__sc-160q1m6-0"
+  componentId: "core-11_25_2__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
   var variant = _ref.variant;
   return variant ? colors[variantColorMap[variant]] : colors.gray15;

package/dist/NumberInput/NumberInput.styles.js

@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
 var inputBorder = "".concat(colors.gray70, " solid 1px");
 var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRootAddon",
-  componentId: "core-11_25_0__sc-1782nvg-0"
+  componentId: "core-11_25_2__sc-1782nvg-0"
 })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? colors.gray70 : colors.gray45;
 }, getTypographyIntent('body'));
 export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledPrefix",
-  componentId: "core-11_25_0__sc-1782nvg-1"
+  componentId: "core-11_25_2__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-11_25_0__sc-1782nvg-2"
+  componentId: "core-11_25_2__sc-1782nvg-2"
 })(["right:", "px;"], function (_ref2) {
   var withIncrementer = _ref2.withIncrementer;
   return withIncrementer ? spacing.md + incrementerWidth : spacing.md;
 });
 export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIncrementerWrapper",
-  componentId: "core-11_25_0__sc-1782nvg-3"
+  componentId: "core-11_25_2__sc-1782nvg-3"
 })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
 export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIncrementerButton",
-  componentId: "core-11_25_0__sc-1782nvg-4"
+  componentId: "core-11_25_2__sc-1782nvg-4"
 })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
 export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_25_0__sc-1782nvg-5"
+  componentId: "core-11_25_2__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_25_0__sc-1782nvg-6"
+  componentId: "core-11_25_2__sc-1782nvg-6"
 })(["position:relative;", ""], function (_ref3) {
   var hasIncrementer = _ref3.hasIncrementer;
   return hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);

package/dist/Overlay/OverlayArrow.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 export var arrowSize = 8;
 export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledArrow",
-  componentId: "core-11_25_0__sc-1epxw7u-0"
+  componentId: "core-11_25_2__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/OverlayTrigger/OverlayTrigger.d.ts

@@ -11,7 +11,7 @@ import type { OverlayTriggerProps } from './OverlayTrigger.types';
 export declare const OverlayTrigger: React.ForwardRefExoticComponent<OverlayTriggerProps & React.RefAttributes<HTMLElement>>;
 export declare function CloseOnFocus({ hide }: {
     hide: (event: any) => any;
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useOverlayTriggerContext(): {
     hide: (event: any) => any;
     show: (event: any) => any;

package/dist/OverlayTrigger/OverlayTrigger.js

@@ -34,11 +34,13 @@ if (!(globalThis !== null && globalThis !== void 0 && globalThis.ResizeObserver)
   globalThis.ResizeObserver = ResizeObserverPolyfill;
 }
 var ClickOutside = function ClickOutside(_ref) {
-  var onClickOutside = _ref.onClickOutside,
+  var container = _ref.container,
+    onClickOutside = _ref.onClickOutside,
     refs = _ref.refs;
   useClickOutside({
     onClickOutside: onClickOutside,
-    refs: refs
+    refs: refs,
+    container: container
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
@@ -74,6 +76,7 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
     _ref2$clickOutsideIgn = _ref2.clickOutsideIgnoreRefs,
     clickOutsideIgnoreRefs = _ref2$clickOutsideIgn === void 0 ? [] : _ref2$clickOutsideIgn,
     containFocus = _ref2.containFocus,
+    container = _ref2.container,
     _ref2$hideDelay = _ref2.hideDelay,
     hideDelay = _ref2$hideDelay === void 0 ? 100 : _ref2$hideDelay,
     hideKeys_ = _ref2.hideKeys,
@@ -189,12 +192,15 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
   return /*#__PURE__*/React.createElement(DelayedToggleContext.Provider, {
     value: delayedToggle
   }, wrappedTriggerElement, visibility.isVisible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClickOutside, {
+    container: container,
     onClickOutside: function onClickOutside(event) {
       clickedOutsideRef.current = true;
       delayedToggle.disable(event);
     },
     refs: [overlayElRef, triggerElRef].concat(_toConsumableArray(clickOutsideIgnoreRefs))
-  }), /*#__PURE__*/React.createElement(Portal, portalProps, /*#__PURE__*/React.createElement(Trigger, {
+  }), /*#__PURE__*/React.createElement(Portal, _extends({
+    container: container
+  }, portalProps), /*#__PURE__*/React.createElement(Trigger, {
     isEnabled: visibility.isVisible,
     enable: delayedToggle.enable,
     disable: delayedToggle.disable,

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","ResizeObserverPolyfill","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","globalThis","ResizeObserver","ClickOutside","_ref","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","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","_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","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","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","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","_extends"],"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 ResizeObserverPolyfill from 'resize-observer-polyfill'\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\nif (!globalThis?.ResizeObserver) {\n  globalThis.ResizeObserver = ResizeObserverPolyfill\n}\n\nconst ClickOutside = ({ onClickOutside, refs }: ClickOutsideConfig) => {\n  useClickOutside({\n    onClickOutside,\n    refs,\n  })\n\n  return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/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-labelledby']: ariaLabelledby,\n    ['aria-label']: ariaLabel,\n    autoFocus,\n    beforeHide = () => true,\n    beforeShow = () => true,\n    canFlip = true,\n    children,\n    clickOutsideIgnoreRefs = [],\n    containFocus,\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    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      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 wrappedTriggerElement = React.cloneElement(triggerElement, {\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              onClickOutside: (event) => {\n                clickedOutsideRef.current = true\n                delayedToggle.disable(event)\n              },\n              refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n            }}\n          />\n          <Portal {...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={\n                  restoreFocusOnHide ?? focusScopeProps.restoreFocus\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    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  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={overlayStyle}\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","ResizeObserverPolyfill","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","globalThis","ResizeObserver","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","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","_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","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","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs"],"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 ResizeObserverPolyfill from 'resize-observer-polyfill'\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\nif (!globalThis?.ResizeObserver) {\n  globalThis.ResizeObserver = ResizeObserverPolyfill\n}\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://procore.github.io/core/core-react/latest/?path=/story/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-labelledby']: ariaLabelledby,\n    ['aria-label']: ariaLabel,\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    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      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 wrappedTriggerElement = React.cloneElement(triggerElement, {\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={\n                  restoreFocusOnHide ?? focusScopeProps.restoreFocus\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    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  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={overlayStyle}\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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { OverlayProps } from '../Overlay/Overlay';
+import type { PortalProps } from '../Portal/Portal.types';
 import type { BeforeCallback } from '../_hooks/DelayedCallback';
 import type { TriggerRenderProps } from '../_hooks/Trigger';
 import type { VisibilityConfig } from '../_hooks/Visibility';
@@ -8,7 +9,7 @@ export declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding
 export declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
 export declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
 export declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
-export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
+export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps, Pick<PortalProps, 'container'> {
     ['aria-labelledby']?: string;
     ['aria-label']?: string;
     ['aria-describedby']?: string;

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 { 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  ['aria-labelledby']?: string\n  ['aria-label']?: string\n  ['aria-describedby']?: string\n  ['aria-details']?: string\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   * @default true\n   * @since 10.19.0\n   */\n  restoreFocusOnHide?: boolean\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-labelledby']?: string\n  ['aria-label']?: string\n  ['aria-describedby']?: string\n  ['aria-details']?: string\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   * @default true\n   * @since 10.19.0\n   */\n  restoreFocusOnHide?: boolean\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":""}