@procore/core-react 12.40.0 → 12.42.0

package/dist/Modal/Modal.types.d.ts

@@ -10,7 +10,7 @@ export declare type ModalWidth = 'sm' | 'md' | 'lg' | 'xl';
  */
 export declare type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim';
 declare type ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy;
-declare type ModalOnClose = (event: React.MouseEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>, how: ModalCloseStragety) => void;
+export declare type ModalOnClose = (event: React.MouseEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>, how: ModalCloseStragety) => void;
 export interface ModalCloseContextApi {
     /**
      * Escape key will always close a dialog. This adds additional UI or UX to close.
@@ -44,6 +44,12 @@ export interface ModalProps extends Props {
      * @since 11.12.0
      */
     'aria-label'?: string;
+    /**
+     * @a11y Should be used for a single true modal. Cannot open nested modals.
+     * @experimental Core-React does not support multiple or nested `aria-modal`s for Tearsheets, Modals, or ConfirmModals.
+     * @since 12.42.0
+     */
+    'aria-modal'?: boolean;
     /**
      * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY
      * @defaultValue false
@@ -65,7 +71,8 @@ export interface ModalProps extends Props {
      */
     id?: string;
     /**
-     * Callback for clicking the overlay
+     * @deprecated Use `howToClose={['scrim']}` with `onClose` instead.
+     * @deprecatedSince 12.41.0
      * @since 10.19.0
      */
     onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void;
@@ -85,7 +92,7 @@ export interface ModalProps extends Props {
     /**
      * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.
      */
-    role?: 'dialog';
+    role?: 'dialog' | 'alertdialog';
     /**
      * Vertical placement of the modal.
      * Positioning modal at the top ensures that variable height modal won't shift position during content loading,
@@ -124,10 +131,24 @@ export interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {
      */
     headline?: string;
     /**
-     * The dismiss onClick callback
+     * Callback when the ConfirmModal is dismissed.
+     *
+     * @a11y **Accessible pattern (recommended):** Use with `role="dialog"` and `howToClose={['x']}`.
+     * This enables focus management, Escape key support, and proper dialog semantics.
+     * The callback signature is `(event, how) => void`.
+     *
+     * **Legacy pattern:** `(event: MouseEvent<HTMLButtonElement>) => void` — only handles X button click,
+     * no focus management or Escape key support.
+     *
      * @since 10.19.0
      */
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClose?: ModalOnClose | ((event: React.MouseEvent<HTMLButtonElement>) => void);
+    /**
+     *
+     * @a11y Recommended to use. When using alertdialog should be a `aria-modal` because of their urgent nature. **Cannot open nested modals.**
+     * @since 12.42.0
+     */
+    'aria-modal'?: boolean;
 }
 /**
  * NOTE: Using howToClose 'x' requires the `Modal.Header` component.
@@ -135,6 +156,8 @@ export interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {
  */
 export interface ModalCloseableHeaderProps extends Props {
     /**
+     * @deprecated Use `Modal onClose` with `howToClose={['x']}` instead.
+     * @deprecatedSince 12.41.0
      * @since 10.19.0
      */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/Modal/Modal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport type ModalPlacement = 'top' | 'center'\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * Additional UI/UX to dismiss. (In addition to the Esc key)\n *  - `x` Close Button in the Modal Header\n *  - `scrim` Overlay dimmed scrim\n *  - `footer-button` Cancel Button in the Modal Footer Actions\n */\nexport type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim'\ntype ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy\n\ntype ModalOnClose = (\n  event: // clicked scrim\n  | React.MouseEvent<HTMLDivElement>\n    // clicked x button\n    | React.MouseEvent<HTMLButtonElement>\n    // pressed escape key\n    | React.KeyboardEvent<HTMLElement>,\n  how: ModalCloseStragety\n) => void\n\nexport interface ModalCloseContextApi {\n  /**\n   * Escape key will always close a dialog. This adds additional UI or UX to close.\n   */\n  howToClose: ModalOptionalCloseStartegy[] | undefined\n  onClose: ModalOnClose | undefined\n}\n\nexport interface ModalCloseableHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y Automatially created when using `Modal.Heading`. The `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * If using an `aria-label` instead of a node, be sure give the modal an `id` so\n   * other regions can reference it.\n   * @since 11.12.0\n   */\n  'aria-label'?: string\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n   *\n   * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n   *\n   * NOTE 'x': The X button still requires a rendered `Modal.Header` component.\n   * @defaultValue []\n   * @since 11.12.0\n   */\n  howToClose?: ModalOptionalCloseStartegy[]\n  /**\n   * Aligns with `role` and `ref` location.\n   */\n  id?: string\n  /**\n   * Callback for clicking the overlay\n   * @since 10.19.0\n   */\n  onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void\n  /**\n   * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.\n   * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus\n   * to the trigger when closed. Also enables the Escape key to close the Modal.\n   * @since 11.6.0\n   */\n  onClose?: ModalOnClose\n  /**\n   * Modal open state\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.\n   */\n  role?: 'dialog'\n  /**\n   * Vertical placement of the modal.\n   * Positioning modal at the top ensures that variable height modal won't shift position during content loading,\n   * providing a more stable user experience.\n   * @defaultValue center\n   * @since 10.19.0\n   */\n  placement?: ModalPlacement\n  /**\n   * Sets a width on the container and uses next centering.\n   * Future will default to `md`\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ModalContainerProps extends Props {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement: ModalPlacement\n  /**\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {\n  /**\n   * Headline message\n   * @since 10.19.0\n   */\n  headline?: string\n\n  /**\n   * The dismiss onClick callback\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * NOTE: Using howToClose 'x' requires the `Modal.Header` component.\n * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.\n */\nexport interface ModalCloseableHeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * Removes left, right paddings from the modal body when true\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  noSideSpacing?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport type ModalPlacement = 'top' | 'center'\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * Additional UI/UX to dismiss. (In addition to the Esc key)\n *  - `x` Close Button in the Modal Header\n *  - `scrim` Overlay dimmed scrim\n *  - `footer-button` Cancel Button in the Modal Footer Actions\n */\nexport type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim'\ntype ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy\n\nexport type ModalOnClose = (\n  event: // clicked scrim\n  | React.MouseEvent<HTMLDivElement>\n    // clicked x button\n    | React.MouseEvent<HTMLButtonElement>\n    // pressed escape key\n    | React.KeyboardEvent<HTMLElement>,\n  how: ModalCloseStragety\n) => void\n\nexport interface ModalCloseContextApi {\n  /**\n   * Escape key will always close a dialog. This adds additional UI or UX to close.\n   */\n  howToClose: ModalOptionalCloseStartegy[] | undefined\n  onClose: ModalOnClose | undefined\n}\n\nexport interface ModalCloseableHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y Automatially created when using `Modal.Heading`. The `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * If using an `aria-label` instead of a node, be sure give the modal an `id` so\n   * other regions can reference it.\n   * @since 11.12.0\n   */\n  'aria-label'?: string\n  /**\n   * @a11y Should be used for a single true modal. Cannot open nested modals.\n   * @experimental Core-React does not support multiple or nested `aria-modal`s for Tearsheets, Modals, or ConfirmModals.\n   * @since 12.42.0\n   */\n  'aria-modal'?: boolean\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n   *\n   * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n   *\n   * NOTE 'x': The X button still requires a rendered `Modal.Header` component.\n   * @defaultValue []\n   * @since 11.12.0\n   */\n  howToClose?: ModalOptionalCloseStartegy[]\n  /**\n   * Aligns with `role` and `ref` location.\n   */\n  id?: string\n  /**\n   * @deprecated Use `howToClose={['scrim']}` with `onClose` instead.\n   * @deprecatedSince 12.41.0\n   * @since 10.19.0\n   */\n  onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void\n  /**\n   * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.\n   * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus\n   * to the trigger when closed. Also enables the Escape key to close the Modal.\n   * @since 11.6.0\n   */\n  onClose?: ModalOnClose\n  /**\n   * Modal open state\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.\n   */\n  role?: 'dialog' | 'alertdialog'\n  /**\n   * Vertical placement of the modal.\n   * Positioning modal at the top ensures that variable height modal won't shift position during content loading,\n   * providing a more stable user experience.\n   * @defaultValue center\n   * @since 10.19.0\n   */\n  placement?: ModalPlacement\n  /**\n   * Sets a width on the container and uses next centering.\n   * Future will default to `md`\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ModalContainerProps extends Props {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * @since 10.19.0\n   */\n  placement: ModalPlacement\n  /**\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {\n  /**\n   * Headline message\n   * @since 10.19.0\n   */\n  headline?: string\n\n  /**\n   * Callback when the ConfirmModal is dismissed.\n   *\n   * @a11y **Accessible pattern (recommended):** Use with `role=\"dialog\"` and `howToClose={['x']}`.\n   * This enables focus management, Escape key support, and proper dialog semantics.\n   * The callback signature is `(event, how) => void`.\n   *\n   * **Legacy pattern:** `(event: MouseEvent<HTMLButtonElement>) => void` — only handles X button click,\n   * no focus management or Escape key support.\n   *\n   * @since 10.19.0\n   */\n  onClose?:\n    | ModalOnClose\n    | ((event: React.MouseEvent<HTMLButtonElement>) => void)\n  /**\n   *\n   * @a11y Recommended to use. When using alertdialog should be a `aria-modal` because of their urgent nature. **Cannot open nested modals.**\n   * @since 12.42.0\n   */\n  'aria-modal'?: boolean\n}\n\n/**\n * NOTE: Using howToClose 'x' requires the `Modal.Header` component.\n * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.\n */\nexport interface ModalCloseableHeaderProps extends Props {\n  /**\n   * @deprecated Use `Modal onClose` with `howToClose={['x']}` instead.\n   * @deprecatedSince 12.41.0\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * @deprecated @experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY\n   * @defaultValue false\n   * @since 12.8.0\n   */\n  compact?: boolean\n  /**\n   * Removes left, right paddings from the modal body when true\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  noSideSpacing?: boolean\n}\n"],"mappings":""}

package/dist/Modal/index.d.ts

@@ -1,2 +1,2 @@
 export { ConfirmModal, Modal } from './Modal';
-export type { ConfirmModalProps, ModalProps } from './Modal.types';
+export type { ConfirmModalProps, ModalOnClose, ModalProps } from './Modal.types';

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ConfirmModal","Modal"],"sources":["../../src/Modal/index.ts"],"sourcesContent":["export { ConfirmModal, Modal } from './Modal'\nexport type { ConfirmModalProps, ModalProps } from './Modal.types'\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,KAAK,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["ConfirmModal","Modal"],"sources":["../../src/Modal/index.ts"],"sourcesContent":["export { ConfirmModal, Modal } from './Modal'\nexport type { ConfirmModalProps, ModalOnClose, ModalProps } from './Modal.types'\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,KAAK,QAAQ,SAAS"}

package/dist/MultiSelect/MultiSelect.styles.js

@@ -8,34 +8,34 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectInner",
-  componentId: "core-12_40_0__sc-s9ym9q-0"
+  componentId: "core-12_42_0__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 StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_40_0__sc-s9ym9q-1"
+  componentId: "core-12_42_0__sc-s9ym9q-1"
 })(["display:contents;"]);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_40_0__sc-s9ym9q-2"
+  componentId: "core-12_42_0__sc-s9ym9q-2"
 })(["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-12_40_0__sc-s9ym9q-3"
+  componentId: "core-12_42_0__sc-s9ym9q-3"
 })(["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-12_40_0__sc-s9ym9q-4"
+  componentId: "core-12_42_0__sc-s9ym9q-4"
 })(["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-12_40_0__sc-s9ym9q-5"
+  componentId: "core-12_42_0__sc-s9ym9q-5"
 })(["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 = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledMultiSelectClearIcon",
-  componentId: "core-12_40_0__sc-s9ym9q-6"
+  componentId: "core-12_42_0__sc-s9ym9q-6"
 })(["", " ", "{pointer-events:none;}"], function (_ref2) {
   var $show = _ref2.$show;
   return css(["opacity:", ";"], $show ? 1 : 0);
@@ -45,7 +45,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_40_0__sc-s9ym9q-7"
+  componentId: "core-12_42_0__sc-s9ym9q-7"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref3) {
   var $emptyValue = _ref3.$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-12_40_0__sc-3o6zya-0"
+  componentId: "core-12_42_0__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_40_0__sc-3o6zya-1"
+  componentId: "core-12_42_0__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-12_40_0__sc-3o6zya-2"
+  componentId: "core-12_42_0__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/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-12_40_0__sc-160q1m6-0"
+  componentId: "core-12_42_0__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.gray50, " solid 1px");
 var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRootAddon",
-  componentId: "core-12_40_0__sc-1782nvg-0"
+  componentId: "core-12_42_0__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-12_40_0__sc-1782nvg-1"
+  componentId: "core-12_42_0__sc-1782nvg-1"
 })(["left:", "px;"], spacing.md);
 export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
   displayName: "StyledSuffix",
-  componentId: "core-12_40_0__sc-1782nvg-2"
+  componentId: "core-12_42_0__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-12_40_0__sc-1782nvg-3"
+  componentId: "core-12_42_0__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-12_40_0__sc-1782nvg-4"
+  componentId: "core-12_42_0__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.gray50, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
 export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_40_0__sc-1782nvg-5"
+  componentId: "core-12_42_0__sc-1782nvg-5"
 })([""]);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_40_0__sc-1782nvg-6"
+  componentId: "core-12_42_0__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-12_40_0__sc-1epxw7u-0"
+  componentId: "core-12_42_0__sc-1epxw7u-0"
 })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
 //# sourceMappingURL=OverlayArrow.styles.js.map

package/dist/OverlayTrigger/a11yPresets.d.ts

@@ -1,5 +1,4 @@
 import type { AriaAttributes } from 'react';
-import React from 'react';
 import type { OverlayTriggerRole } from './OverlayTrigger.types';
 declare type GetA11yProps = (props: {
     role: OverlayTriggerRole;
@@ -8,7 +7,7 @@ declare type GetA11yProps = (props: {
 }) => AriaAttributes & {
     id?: string;
 };
-export declare function getA11yPreset(role?: OverlayTriggerRole): {
+export declare function getA11yPreset(role?: OverlayTriggerRole | 'alertdialog'): {
     getOverlayProps: GetA11yProps;
     getTriggerProps: GetA11yProps;
 };
@@ -24,20 +23,18 @@ declare type LabelConfig = {
 };
 declare type DialogBase = LabelConfig & {
     isOpen: boolean;
-    role?: 'dialog';
+    role?: 'dialog' | 'alertdialog';
 };
 declare type NonModalDialogConfig = DialogBase & {
-    isModal?: never | false;
+    'aria-modal'?: never | false;
 };
 declare type ModalDialogConfig = DialogBase & {
     /**
-     *
-     * To enable `ariaHideOutside`. Set `isModal` to false to disable.
-     * @a11y Replicates `aria-modal` inert outside content
+     * @a11y This will add `aria-modal={true}` and rely on browsers to
+     * handle making outside content inert.
      * @default false
      */
-    isModal: true;
-    ref: React.RefObject<HTMLElement>;
+    'aria-modal': true;
 };
 declare type ModalDialogLikeConfig = NonModalDialogConfig | ModalDialogConfig;
 declare type OverlayTriggerA11yConfig = LabelConfig & {
@@ -157,35 +154,31 @@ export declare function useLabelledPopup({ 'aria-describedby': ariaDescribedby,
  * - Focus management props to work with FocusScope
  *
  * For modal dialog experiences (full screen locked experiences):
- * - Hides old and new content outside with aria-hidden with ariaHideOutside (like aria-modal)
- * - (it will in breaking) Prevent scroll
+ * - what dialog above does
+ * - adds aria-modal="true"
+ * - this hook does not determine where to mount or how many modals are open
  *
- * For either experiences, you still MUST support:
- * - have Escape key to close (It should!)
- * - have click outside, like scrim click
+ * For either experiences, you still MUST support a way to close by mouse and keyboard.
+ *
+ * Using `aria-modal`, you need to keep additional overlay content inside, so
+ * portals must be smart enough to know where other overlays
+ * like tooltips or toasts should go to remain visible to screen readers (inside the aria-modal).
  *
- * _More about 'modal dialog' and `isModal` not using `aria-modal`:_
  * Setting aria-modal="true" tells assistive technologies to let the user know the ability to interact with,
  * or access other content on the page requires the modal dialog to be closed or otherwise lose focus.
  *  Modal dialogs are when content is displayed and the user's interaction is limited to only that section until it is dismissed.
  * [MDN aria modal](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal).
- * To support the most, like Narrator in Edge, Core React uses `ariaHideOutside` to set `aria-hidden` on
- * all elements outside the dialog, and **all elements outside added while opened**, so the dialog will act as a
- * _modal_ even without `aria-modal` on the dialog itself. See Future Considerations below.
- * [Screen Reader aria modal support table](https://a11ysupport.io/tech/aria/aria-modal_attribute) - [MS Narrator Edge aria modal support](https://a11ysupport.io/tests/apg__modal-dialog-example/aria__aria-modal_attribute/convey_presence/narrator/edge)
- * _Future Considerations:_ Replace ariaHideOutside with aria-modal="true".
- * Using aria-modal, then we would need to involve Portal and so tooltips
- * or Toasts could mount within the visible aria-modal container.
  */
-export declare function useModalDialogLike({ 'aria-describedby': ariaDescribedby, 'aria-details': ariaDetails, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, id, isModal, isOpen, ref, role, }: ModalDialogLikeConfig): {
+export declare function useModalDialogLike({ 'aria-describedby': ariaDescribedby, 'aria-details': ariaDetails, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-modal': ariaModal, id, isOpen, role, }: ModalDialogLikeConfig): {
     dialogProps: {
         id: string | undefined;
-        role: "dialog";
+        role: "dialog" | "alertdialog";
         tabIndex: number;
         'aria-describedby': string | undefined;
         'aria-details': string | undefined;
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
+        'aria-modal': boolean | undefined;
     };
     labelProps: {
         id: string | undefined;

package/dist/OverlayTrigger/a11yPresets.js

@@ -4,9 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { ariaHideOutside } from '@react-aria/overlays';
 import { useId, useLabels } from '@react-aria/utils';
-import React from 'react';
 var emptyObj = {};
 var returnEmpty = function returnEmpty() {
   return {};
@@ -53,6 +51,7 @@ var a11yPresets = {
 
 export function getA11yPreset(role) {
   switch (role) {
+    case 'alertdialog':
     case 'dialog':
     case 'listbox':
     case 'menu':
@@ -167,36 +166,29 @@ export function useLabelledPopup(_ref6) {
  * - Focus management props to work with FocusScope
  *
  * For modal dialog experiences (full screen locked experiences):
- * - Hides old and new content outside with aria-hidden with ariaHideOutside (like aria-modal)
- * - (it will in breaking) Prevent scroll
+ * - what dialog above does
+ * - adds aria-modal="true"
+ * - this hook does not determine where to mount or how many modals are open
  *
- * For either experiences, you still MUST support:
- * - have Escape key to close (It should!)
- * - have click outside, like scrim click
+ * For either experiences, you still MUST support a way to close by mouse and keyboard.
+ *
+ * Using `aria-modal`, you need to keep additional overlay content inside, so
+ * portals must be smart enough to know where other overlays
+ * like tooltips or toasts should go to remain visible to screen readers (inside the aria-modal).
  *
- * _More about 'modal dialog' and `isModal` not using `aria-modal`:_
  * Setting aria-modal="true" tells assistive technologies to let the user know the ability to interact with,
  * or access other content on the page requires the modal dialog to be closed or otherwise lose focus.
  *  Modal dialogs are when content is displayed and the user's interaction is limited to only that section until it is dismissed.
  * [MDN aria modal](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal).
- * To support the most, like Narrator in Edge, Core React uses `ariaHideOutside` to set `aria-hidden` on
- * all elements outside the dialog, and **all elements outside added while opened**, so the dialog will act as a
- * _modal_ even without `aria-modal` on the dialog itself. See Future Considerations below.
- * [Screen Reader aria modal support table](https://a11ysupport.io/tech/aria/aria-modal_attribute) - [MS Narrator Edge aria modal support](https://a11ysupport.io/tests/apg__modal-dialog-example/aria__aria-modal_attribute/convey_presence/narrator/edge)
- * _Future Considerations:_ Replace ariaHideOutside with aria-modal="true".
- * Using aria-modal, then we would need to involve Portal and so tooltips
- * or Toasts could mount within the visible aria-modal container.
  */
-
 export function useModalDialogLike(_ref7) {
   var ariaDescribedby = _ref7['aria-describedby'],
     ariaDetails = _ref7['aria-details'],
     ariaLabelledby = _ref7['aria-labelledby'],
     ariaLabel = _ref7['aria-label'],
+    ariaModal = _ref7['aria-modal'],
     id = _ref7.id,
-    isModal = _ref7.isModal,
     isOpen = _ref7.isOpen,
-    ref = _ref7.ref,
     _ref7$role = _ref7.role,
     role = _ref7$role === void 0 ? 'dialog' : _ref7$role;
   var _useLabelled2 = useLabelled({
@@ -207,23 +199,27 @@ export function useModalDialogLike(_ref7) {
     }),
     labelProps = _useLabelled2.labelProps,
     widgetProps = _useLabelled2.widgetProps;
-  var dialogProps = _objectSpread(_objectSpread({}, widgetProps), {}, {
+  var dialogProps = _objectSpread(_objectSpread({
+    'aria-modal': ariaModal
+  }, widgetProps), {}, {
     id: id,
     role: role,
     tabIndex: -1
   });
 
   // usePreventScroll({
-  //   isDisabled: isModal ? !isOpen : true,
+  //   isDisabled: ariaModal ? !isOpen : true,
   // })
 
   // Fills aria-modal=true
-  React.useLayoutEffect(function () {
-    if (isModal && isOpen && ref.current) {
-      // Could add additional visible element refs here
-      return ariaHideOutside([ref.current]);
-    }
-  }, [isModal, isOpen, ref]);
+  // import { ariaHideOutside } from '@react-aria/overlays'
+  // React.useLayoutEffect(() => {
+  //   if (isModal && isOpen && ref.current) {
+  //     // Could add additional visible element refs here
+  //     return ariaHideOutside([ref.current])
+  //   }
+  // }, [isModal, isOpen, ref])
+
   return {
     dialogProps: dialogProps,
     labelProps: labelProps,
@@ -251,6 +247,11 @@ export function useOverlayTriggerA11y(_ref8) {
     id_ = _ref8.id,
     isOpen = _ref8.isOpen,
     role = _ref8.role;
+  if (
+  // @ts-expect-error Checking for invalid usage
+  role === 'alertdialog') {
+    console.error('@procore/core-react: useOverlayTriggerA11y role alertdialog is not supported because it requires aria-modal to be true. This is intended for non-modal dialogs.');
+  }
   var isDialog = role === 'dialog';
   var id = useId(id_);
   var _getA11yPreset3 = getA11yPreset(role),
@@ -273,8 +274,9 @@ export function useOverlayTriggerA11y(_ref8) {
       'aria-details': ariaDetails,
       'aria-labelledby': ariaLabelledby,
       'aria-label': ariaLabel,
+      'aria-modal': undefined,
+      // OverlayTrigger only supports non-modal dialogs
       id: id,
-      isModal: false,
       isOpen: isOpen
     }),
     dialogProps = _useModalDialogLike.dialogProps,

package/dist/OverlayTrigger/a11yPresets.js.map

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