@procore/core-react 12.53.0 → 12.53.1

package/dist/Modal/Modal.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ModalPlacement, ModalWidth } from './Modal.types';
 export declare const fadeInClassName = "fade-in";
 export declare const fadeOutClassName = "fade-out";
@@ -13,11 +12,11 @@ export declare const modalPixelWidths: {
 export declare const StyledModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     $compact: boolean;
     $placement: ModalPlacement;
-    $width?: ModalWidth | undefined;
+    $width?: ModalWidth;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
@@ -26,10 +25,10 @@ export declare const StyledModalBody: import("styled-components/dist/types").ISt
     $noSideSpacing: boolean;
 }>> & string;
 export declare const StyledModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $compact?: boolean | undefined;
+    $compact?: boolean;
 }>> & string;
 export declare const StyledModalFooterNotation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $compact: boolean;
@@ -41,10 +40,10 @@ export declare const StyledModalHeading: import("styled-components/dist/types").
 export declare const StyledModalCancel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledModalScrim: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledModalWarningIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
-    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+    size?: import("@procore/core-icons/dist/Icon").IconSize;
 } & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+    ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
-    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+    size?: import("@procore/core-icons/dist/Icon").IconSize;
 } & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledModalFooterSummary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/Modal/Modal.styles.js

@@ -33,15 +33,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_53_0__sc-1ijdug2-0"
+  componentId: "core-12_53_1__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_53_0__sc-1ijdug2-1"
+  componentId: "core-12_53_1__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-12_53_0__sc-1ijdug2-2"
+  componentId: "core-12_53_1__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -65,11 +65,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_53_0__sc-1ijdug2-3"
+  componentId: "core-12_53_1__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px;"], spacing.lg);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_53_0__sc-1ijdug2-4"
+  componentId: "core-12_53_1__sc-1ijdug2-4"
 })(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}> ", "{margin-bottom:", "px;}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.lg, $noSideSpacing ? 0 : spacing.lg);
@@ -85,7 +85,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_53_0__sc-1ijdug2-5"
+  componentId: "core-12_53_1__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -96,11 +96,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_53_0__sc-1ijdug2-6"
+  componentId: "core-12_53_1__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_53_0__sc-1ijdug2-7"
+  componentId: "core-12_53_1__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " padding:", "px"], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -111,7 +111,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
 }, spacing.lg);
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_53_0__sc-1ijdug2-8"
+  componentId: "core-12_53_1__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref9) {
   var $compact = _ref9.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -127,18 +127,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_53_0__sc-1ijdug2-9"
+  componentId: "core-12_53_1__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_53_0__sc-1ijdug2-10"
+  componentId: "core-12_53_1__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-12_53_0__sc-1ijdug2-11"
+  componentId: "core-12_53_1__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_53_0__sc-1ijdug2-12"
+  componentId: "core-12_53_1__sc-1ijdug2-12"
 })(["", " background-color:", ";border-bottom:1px solid ", ";border-top:1px solid ", ";color:", ";flex:1 1 100%;font-style:italic;margin:-", "px -", "px ", "px;padding:", "px;"], getTypographyIntent('small'), colors.gray98, colors.gray85, colors.gray85, colors.gray15, spacing.lg, spacing.lg, spacing.lg, spacing.lg);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledRequiredContainer","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","getFocusInset","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","compactModalFullscreenMaxHeight","screenWidthPixelBreakpoints","mobile","small","min","max","large","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$compact","_ref2","$placement","_ref3","$width","StyledModalBody","StyledModalFooter","gray15","_ref4","$noSideSpacing","_ref5","_ref6","$isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","_ref7","_ref7$$compact","StyledModalFooterNotation","StyledModalHeader","gray10","_ref8","$isBodyScrolled","StyledModalHeading","_ref9","_ref0","_ref1","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { ModalPlacement, ModalWidth } from './Modal.types'\n\nexport const fadeInClassName = 'fade-in'\nexport const fadeOutClassName = 'fade-out'\nexport const modalMaxWidth = '640px'\nexport const modalPixelGutter = spacing.xl\nexport const modalPixelWidths = {\n  sm: 432,\n  md: 688,\n  lg: 1152,\n  xl: 1920,\n}\n\nconst compactModalFullscreenMaxHeight = 940\nconst screenWidthPixelBreakpoints = {\n  mobile: {\n    small: {\n      min: 0,\n      max: 439,\n    },\n    large: {\n      min: 440,\n      max: 767,\n    },\n  },\n}\n\nexport const StyledModal = styled.div`\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n  pointer-events: none;\n\n  &.${fadeInClassName} {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\n    pointer-events: none;\n  }\n`\n\nexport const StyledModalButtons = styled.div`\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ${spacing.lg}px;\n\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledModalContainer = styled(Card)<{\n  $compact: boolean\n  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      @media (max-width: ${screenWidthPixelBreakpoints.mobile.small\n          .max}px) and (max-height: ${compactModalFullscreenMaxHeight}px) {\n        border-radius: 0;\n        height: 100vh;\n        width: 100vw;\n      }\n      @media (min-width: ${screenWidthPixelBreakpoints.mobile.large\n          .min}px) and (max-width: ${screenWidthPixelBreakpoints.mobile.large\n          .max}px) {\n        max-height: calc(100vh - 24px);\n        width: 416px;\n      }\n      @media (min-height: ${compactModalFullscreenMaxHeight + 1}px) {\n        height: 916px;\n        max-width: 100vw;\n      }\n    `\n  }}\n\n  ${({ $placement }) => {\n    if ($placement === 'top') {\n      return css`\n        top: 5vh;\n      `\n    }\n\n    return css`\n      top: 50vh;\n      transform: translateY(-50%);\n    `\n  }}\n\n  ${({ $width, $placement }) => {\n    if ($width) {\n      return css`\n        left: ${modalPixelGutter}px;\n        right: ${modalPixelGutter}px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ${modalPixelWidths[$width]}px;\n\n        // TODO deprecated, moving width up. delete line in breaking change\n        ${StyledModalBody} {\n          max-width: none;\n        }\n      `\n    }\n    // TODO deprecated, uses new centering, required width\n    return css`\n      left: 50vw;\n      transform: translateX(-50%)\n        ${$placement === 'center' && 'translateY(-50%)'};\n    `\n  }}\n`\n\nexport const StyledModalFooter = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ${spacing.lg}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  $compact: boolean\n  $isOverflowingY: boolean\n  $noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n\n  ${({ $noSideSpacing }) => {\n    return css`\n      padding: ${spacing.lg}px ${$noSideSpacing ? 0 : spacing.lg}px;\n    `\n  }}\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      // TODO deprecated, moving width up. delete line in breaking change\n      return css`\n        max-width: ${modalMaxWidth};\n      `\n    }\n  }}\n\n  > ${StyledSection} {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: 0;\n    }\n  }\n\n  > ${StyledRequiredContainer} {\n    margin-bottom: ${spacing.lg}px;\n  }\n\n  ${({ $isOverflowingY }) =>\n    $isOverflowingY &&\n    css`\n      & + ${StyledModalFooter} {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ${colors.gray85};\n        ${StyledModalFooterSummary} {\n          border-top: none;\n        }\n      }\n    `}\n`\n\nexport const StyledModalContent = styled.div<{ $compact?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n\n  ${({ $compact = false }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      max-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{\n  $compact: boolean\n  $isBodyScrolled: boolean\n}>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  position: relative;\n  ${({ $compact, $isBodyScrolled }) => {\n    if ($compact) {\n      return css`\n        border-bottom: 1px solid ${colors.gray85};\n      `\n    }\n\n    return css`\n      border-bottom: 1px solid\n        ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n    `\n  }}\n\n  padding: ${spacing.lg}px\n`\n\nexport const StyledModalHeading = styled.div<{ $compact: boolean }>`\n  ${({ $compact }) => getTypographyIntent($compact ? 'h3' : 'h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${({ $compact }) => ($compact ? 36 : spacing.lg)}px;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      min-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalCancel = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledModalScrim = styled.div`\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n`\n\nexport const StyledModalWarningIcon = styled(Warning)`\n  color: ${colors.yellow40};\n  margin-right: ${spacing.sm}px;\n`\nexport const StyledModalFooterSummary = styled.div`\n  ${getTypographyIntent('small')}\n  background-color: ${colors.gray98};\n  border-bottom: 1px solid ${colors.gray85};\n  border-top: 1px solid ${colors.gray85};\n  color: ${colors.gray15};\n  flex: 1 1 100%;\n  font-style: italic;\n  margin: -${spacing.lg}px -${spacing.lg}px ${spacing.lg}px;\n  padding: ${spacing.lg}px;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledRequiredContainer","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","getFocusInset","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","compactModalFullscreenMaxHeight","screenWidthPixelBreakpoints","mobile","small","min","max","large","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$compact","_ref2","$placement","_ref3","$width","StyledModalBody","StyledModalFooter","gray15","_ref4","$noSideSpacing","_ref5","_ref6","$isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","_ref7","_ref7$$compact","StyledModalFooterNotation","StyledModalHeader","gray10","_ref8","$isBodyScrolled","StyledModalHeading","_ref9","_ref0","_ref1","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { ModalPlacement, ModalWidth } from './Modal.types'\n\nexport const fadeInClassName = 'fade-in'\nexport const fadeOutClassName = 'fade-out'\nexport const modalMaxWidth = '640px'\nexport const modalPixelGutter = spacing.xl\nexport const modalPixelWidths = {\n  sm: 432,\n  md: 688,\n  lg: 1152,\n  xl: 1920,\n}\n\nconst compactModalFullscreenMaxHeight = 940\nconst screenWidthPixelBreakpoints = {\n  mobile: {\n    small: {\n      min: 0,\n      max: 439,\n    },\n    large: {\n      min: 440,\n      max: 767,\n    },\n  },\n}\n\nexport const StyledModal = styled.div`\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n  pointer-events: none;\n\n  &.${fadeInClassName} {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\n    pointer-events: none;\n  }\n`\n\nexport const StyledModalButtons = styled.div`\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ${spacing.lg}px;\n\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledModalContainer = styled(Card)<{\n  $compact: boolean\n  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      @media (max-width: ${screenWidthPixelBreakpoints.mobile.small\n          .max}px) and (max-height: ${compactModalFullscreenMaxHeight}px) {\n        border-radius: 0;\n        height: 100vh;\n        width: 100vw;\n      }\n      @media (min-width: ${screenWidthPixelBreakpoints.mobile.large\n          .min}px) and (max-width: ${screenWidthPixelBreakpoints.mobile.large\n          .max}px) {\n        max-height: calc(100vh - 24px);\n        width: 416px;\n      }\n      @media (min-height: ${compactModalFullscreenMaxHeight + 1}px) {\n        height: 916px;\n        max-width: 100vw;\n      }\n    `\n  }}\n\n  ${({ $placement }) => {\n    if ($placement === 'top') {\n      return css`\n        top: 5vh;\n      `\n    }\n\n    return css`\n      top: 50vh;\n      transform: translateY(-50%);\n    `\n  }}\n\n  ${({ $width, $placement }) => {\n    if ($width) {\n      return css`\n        left: ${modalPixelGutter}px;\n        right: ${modalPixelGutter}px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ${modalPixelWidths[$width]}px;\n\n        // TODO deprecated, moving width up. delete line in breaking change\n        ${StyledModalBody} {\n          max-width: none;\n        }\n      `\n    }\n    // TODO deprecated, uses new centering, required width\n    return css`\n      left: 50vw;\n      transform: translateX(-50%)\n        ${$placement === 'center' && 'translateY(-50%)'};\n    `\n  }}\n`\n\nexport const StyledModalFooter = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ${spacing.lg}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  $compact: boolean\n  $isOverflowingY: boolean\n  $noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n\n  ${({ $noSideSpacing }) => {\n    return css`\n      padding: ${spacing.lg}px ${$noSideSpacing ? 0 : spacing.lg}px;\n    `\n  }}\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      // TODO deprecated, moving width up. delete line in breaking change\n      return css`\n        max-width: ${modalMaxWidth};\n      `\n    }\n  }}\n\n  > ${StyledSection} {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: 0;\n    }\n  }\n\n  > ${StyledRequiredContainer} {\n    margin-bottom: ${spacing.lg}px;\n  }\n\n  ${({ $isOverflowingY }) =>\n    $isOverflowingY &&\n    css`\n      & + ${StyledModalFooter} {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ${colors.gray85};\n        ${StyledModalFooterSummary} {\n          border-top: none;\n        }\n      }\n    `}\n`\n\nexport const StyledModalContent = styled.div<{ $compact?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n\n  ${({ $compact = false }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      max-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{\n  $compact: boolean\n  $isBodyScrolled: boolean\n}>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  position: relative;\n  ${({ $compact, $isBodyScrolled }) => {\n    if ($compact) {\n      return css`\n        border-bottom: 1px solid ${colors.gray85};\n      `\n    }\n\n    return css`\n      border-bottom: 1px solid\n        ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n    `\n  }}\n\n  padding: ${spacing.lg}px\n`\n\nexport const StyledModalHeading = styled.div<{ $compact: boolean }>`\n  ${({ $compact }) => getTypographyIntent($compact ? 'h3' : 'h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${({ $compact }) => ($compact ? 36 : spacing.lg)}px;\n\n  ${({ $compact }) => {\n    if (!$compact) {\n      return ''\n    }\n\n    return css`\n      min-height: unset;\n    `\n  }}\n`\n\nexport const StyledModalCancel = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledModalScrim = styled.div`\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n`\n\nexport const StyledModalWarningIcon = styled(Warning)`\n  color: ${colors.yellow40};\n  margin-right: ${spacing.sm}px;\n`\nexport const StyledModalFooterSummary = styled.div`\n  ${getTypographyIntent('small')}\n  background-color: ${colors.gray98};\n  border-bottom: 1px solid ${colors.gray85};\n  border-top: 1px solid ${colors.gray85};\n  color: ${colors.gray15};\n  flex: 1 1 100%;\n  font-style: italic;\n  margin: -${spacing.lg}px -${spacing.lg}px ${spacing.lg}px;\n  padding: ${spacing.lg}px;\n`\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,16 +1,16 @@
 import type React from 'react';
 import type { Props } from '../_utils/types';
-export declare type ModalPlacement = 'top' | 'center';
-export declare type ModalWidth = 'sm' | 'md' | 'lg' | 'xl';
+export type ModalPlacement = 'top' | 'center';
+export type ModalWidth = 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Additional UI/UX to dismiss. (In addition to the Esc key)
  *  - `x` Close Button in the Modal Header
  *  - `scrim` Overlay dimmed scrim
  *  - `footer-button` Cancel Button in the Modal Footer Actions
  */
-export declare type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim';
-declare type ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy;
-export declare type ModalOnClose = (event: React.MouseEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>, how: ModalCloseStragety) => void;
+export type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim';
+type ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy;
+export 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.

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\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":""}
+{"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":"","ignoreList":[]}

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, ModalOnClose, 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","ignoreList":[]}

package/dist/Modal/storyHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","useId","Button","Content","Actions","Field","Flex","Form","Link","Popover","Search","Select","H3","Label","SuperSelect","TieredSelect","Tooltip","Typeahead","idLabelOptions","id","label","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","baseId","createElement","concat","value","onChange","gap","map","_ref","Option","key","onSearch","console","log","_ref2","options","wrap","_ref3","Item","item","_ref4","restoreFocusOnHide","_ref5","_ref6","style","display","children","groupId","nextGroupId","disabled","selectableTiers","emptyMessage","PopupSet","_ref7","_ref7$alignLeft","alignLeft","pop1","pop2","justifyContent","undefined","alignItems","overlay","role","trigger","variant","onClick","alert","bind","href","padding","UserInteractionSet","enableConfirmNavigation","initialValues","rtf","Row","DateSelect","colWidth","description","name","tooltip"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { useId } from '@react-aria/utils'\nimport { Button } from '../Button'\nimport { Content } from '../Content'\nimport { Actions } from '../Content/Content'\nimport { Field } from '../Field'\nimport { Flex } from '../Flex'\nimport { Form } from '../Form'\nimport { Link } from '../Link'\nimport { Popover } from '../Popover'\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { H3, Label } from '../Semantic'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Tooltip } from '../Tooltip'\nimport { Typeahead } from '../Typeahead'\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  const baseId = useId()\n\n  return (\n    <Content>\n      <H3>Things with Esc key:</H3>\n      <Field>\n        <Label id={`${baseId}-search`}>Search</Label>\n        <Search aria-labelledby={`${baseId}-search`} />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-typeahead`}>Typeahead</Label>\n        <Typeahead\n          value={typeaheadV}\n          onChange={setTyeahead}\n          aria-labelledby={`${baseId}-typeahead`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-select`}>Select</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"s-default\">Default</Box>\n          <Select aria-labelledby={`${baseId}-select s-default`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}\n          </Select>\n          <Box id=\"s-search\">Search</Box>\n          <Select\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-select s-search`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}{' '}\n          </Select>\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-pillselect`}>PillSelect</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"p-default\">Default</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-default`}\n          />\n          <Box id=\"p-search\">Search</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            onSearch={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-search`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-multiselect`}>MultiSelect</Label>\n        <MultiSelect\n          options={idLabelOptions}\n          aria-labelledby={`${baseId}-multiselect`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-dropdown`}>Dropdown</Label>\n        <Flex gap=\"sm\" wrap=\"wrap\">\n          <Box>Default</Box>\n          <Dropdown aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Search</Box>\n          <Dropdown\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore</Box>\n          <Dropdown restoreFocusOnHide aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore w/ search</Box>\n          <Dropdown\n            onSearch={console.log}\n            restoreFocusOnHide\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>DropdownFlyout</Box>\n          <DropdownFlyout\n            style={{ display: 'inline-block' }}\n            options={[\n              { value: 1, label: 'wow' },\n              {\n                value: 'Animals',\n                label: 'Long complicated label that takes space',\n                children: [\n                  {\n                    value: 'Amphibians',\n                    label: 'Amphibians',\n                    children: [\n                      { value: 1, label: 'Frogs' },\n                      { value: 2, label: 'Salamanders' },\n                    ],\n                  },\n                  {\n                    value: 'Birds',\n                    label: 'Long complicated label that takes space',\n                    children: [\n                      { value: 3, label: 'Chickens' },\n                      { value: 4, label: 'Falcons' },\n                      { value: 5, label: 'Owls' },\n                      { value: 6, label: 'Parrots' },\n                    ],\n                  },\n                ],\n              },\n            ]}\n            aria-labelledby={`${baseId}-dropdown`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered`}>Tiered</Label>\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered-leaf`}>Tiered leaf only</Label>\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered-leaf`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-superselect`}>SuperSelect</Label>\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n          aria-labelledby={`${baseId}-superselect`}\n        />\n      </Field>\n    </Content>\n  )\n}\n\nfunction PopupSet({ alignLeft = true }) {\n  const baseId = useId()\n  const id = {\n    pop1: baseId + 'pop1',\n    pop2: baseId + 'pop2',\n  }\n  return (\n    <Actions\n      style={{\n        // TODO new prop. sometimes left actions could make sense\n        justifyContent: alignLeft ? 'flex-start' : undefined,\n        // why not, different sizes (Switch) just align them\n        alignItems: 'center',\n      }}\n    >\n      <Tooltip\n        overlay=\"Tooltip popup here, checks out.\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Button variant=\"secondary\" onClick={alert.bind(null, 'CORE')}>\n          Tooltip!\n        </Button>\n      </Tooltip>\n      <Tooltip\n        overlay=\"Long name never gonna give you up.mp4\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Link href=\"#\">Long name....up.mp4</Link>\n      </Tooltip>\n      <Popover\n        aria-labelledby={id.pop1}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"https://app.procore.com\">app link</Link> and{' '}\n              <Link href=\"https://login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['click']}\n      >\n        <Button aria-haspopup=\"dialog\" id={id.pop1} variant=\"secondary\">\n          Click to Popup!\n        </Button>\n      </Popover>\n      {/* <Popover\n        aria-labelledby={id.pop2}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"app.procore.com\">app link</Link> and{' '}\n              <Link href=\"login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['hover', 'focus']}\n      >\n        <Link aria-haspopup=\"dialog\" id={id.pop2} href=\"#\">\n          Hover Popup\n        </Link>\n      </Popover> */}\n    </Actions>\n  )\n}\n\nexport function UserInteractionSet() {\n  return (\n    <Content>\n      <PopupSet />\n      <Form\n        enableConfirmNavigation\n        initialValues={{\n          rtf: '<b>Clicking the TinyMCE option to add a link should open a modal, and that modal should be able to receive focus.</b>',\n        }}\n      >\n        <Form.Row>\n          <Form.DateSelect\n            colWidth={12}\n            description=\"Form Field with misc interactions\"\n            label=\"Form Component Field\"\n            name=\"f_1\"\n            tooltip=\"Tooltip popup here, checks out.\"\n          />\n        </Form.Row>\n        {/* <Form.Row>\n          <Form.RichText\n            colWidth={12}\n            description=\"Has links tinymce modal. This destroys contained focus :(\"\n            label=\"Form Rich Text\"\n            name=\"rtf\"\n            plugins={['link', 'image']}\n          />\n        </Form.Row> */}\n      </Form>\n      <EscapefulFieldSet />\n    </Content>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"storyHelpers.js","names":["React","Box","Dropdown","DropdownFlyout","MultiSelect","PillSelect","useId","Button","Content","Actions","Field","Flex","Form","Link","Popover","Search","Select","H3","Label","SuperSelect","TieredSelect","Tooltip","Typeahead","idLabelOptions","id","label","EscapefulFieldSet","_React$useState","useState","_React$useState2","_slicedToArray","typeaheadV","setTyeahead","baseId","createElement","concat","value","onChange","gap","map","_ref","Option","key","onSearch","console","log","_ref2","options","wrap","_ref3","Item","item","_ref4","restoreFocusOnHide","_ref5","_ref6","style","display","children","groupId","nextGroupId","disabled","selectableTiers","emptyMessage","PopupSet","_ref7","_ref7$alignLeft","alignLeft","pop1","pop2","justifyContent","undefined","alignItems","overlay","role","trigger","variant","onClick","alert","bind","href","padding","UserInteractionSet","enableConfirmNavigation","initialValues","rtf","Row","DateSelect","colWidth","description","name","tooltip"],"sources":["../../src/Modal/storyHelpers.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport { Dropdown } from '../Dropdown/Dropdown'\nimport { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { PillSelect } from '../PillSelect/PillSelect'\n\nimport { useId } from '@react-aria/utils'\nimport { Button } from '../Button'\nimport { Content } from '../Content'\nimport { Actions } from '../Content/Content'\nimport { Field } from '../Field'\nimport { Flex } from '../Flex'\nimport { Form } from '../Form'\nimport { Link } from '../Link'\nimport { Popover } from '../Popover'\nimport { Search } from '../Search/Search'\nimport { Select } from '../Select/Select'\nimport { H3, Label } from '../Semantic'\nimport { SuperSelect } from '../SuperSelect/SuperSelect'\nimport { TieredSelect } from '../TieredSelect/TieredSelect'\nimport { Tooltip } from '../Tooltip'\nimport { Typeahead } from '../Typeahead'\n\nconst idLabelOptions = [\n  { id: 1, label: 'One' },\n  { id: 2, label: 'Two' },\n  { id: 3, label: 'Three' },\n]\n\nexport function EscapefulFieldSet() {\n  const [typeaheadV, setTyeahead] = React.useState('')\n  const baseId = useId()\n\n  return (\n    <Content>\n      <H3>Things with Esc key:</H3>\n      <Field>\n        <Label id={`${baseId}-search`}>Search</Label>\n        <Search aria-labelledby={`${baseId}-search`} />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-typeahead`}>Typeahead</Label>\n        <Typeahead\n          value={typeaheadV}\n          onChange={setTyeahead}\n          aria-labelledby={`${baseId}-typeahead`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-select`}>Select</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"s-default\">Default</Box>\n          <Select aria-labelledby={`${baseId}-select s-default`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}\n          </Select>\n          <Box id=\"s-search\">Search</Box>\n          <Select\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-select s-search`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Select.Option key={id} value={id}>\n                {label}\n              </Select.Option>\n            ))}{' '}\n          </Select>\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-pillselect`}>PillSelect</Label>\n        <Flex gap=\"sm\">\n          <Box id=\"p-default\">Default</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-default`}\n          />\n          <Box id=\"p-search\">Search</Box>\n          <PillSelect\n            options={idLabelOptions}\n            onChange={console.log}\n            onSearch={console.log}\n            value={null}\n            aria-labelledby={`${baseId}-pillselect p-search`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-multiselect`}>MultiSelect</Label>\n        <MultiSelect\n          options={idLabelOptions}\n          aria-labelledby={`${baseId}-multiselect`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-dropdown`}>Dropdown</Label>\n        <Flex gap=\"sm\" wrap=\"wrap\">\n          <Box>Default</Box>\n          <Dropdown aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Search</Box>\n          <Dropdown\n            onSearch={console.log}\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore</Box>\n          <Dropdown restoreFocusOnHide aria-labelledby={`${baseId}-dropdown`}>\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>Restore w/ search</Box>\n          <Dropdown\n            onSearch={console.log}\n            restoreFocusOnHide\n            aria-labelledby={`${baseId}-dropdown`}\n          >\n            {idLabelOptions.map(({ id, label }) => (\n              <Dropdown.Item key={id} item={id}>\n                {label}\n              </Dropdown.Item>\n            ))}\n          </Dropdown>\n          <Box>DropdownFlyout</Box>\n          <DropdownFlyout\n            style={{ display: 'inline-block' }}\n            options={[\n              { value: 1, label: 'wow' },\n              {\n                value: 'Animals',\n                label: 'Long complicated label that takes space',\n                children: [\n                  {\n                    value: 'Amphibians',\n                    label: 'Amphibians',\n                    children: [\n                      { value: 1, label: 'Frogs' },\n                      { value: 2, label: 'Salamanders' },\n                    ],\n                  },\n                  {\n                    value: 'Birds',\n                    label: 'Long complicated label that takes space',\n                    children: [\n                      { value: 3, label: 'Chickens' },\n                      { value: 4, label: 'Falcons' },\n                      { value: 5, label: 'Owls' },\n                      { value: 6, label: 'Parrots' },\n                    ],\n                  },\n                ],\n              },\n            ]}\n            aria-labelledby={`${baseId}-dropdown`}\n          />\n        </Flex>\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered`}>Tiered</Label>\n        <TieredSelect\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-tiered-leaf`}>Tiered leaf only</Label>\n        <TieredSelect\n          selectableTiers={false}\n          options={[\n            {\n              id: 1,\n              groupId: null,\n              nextGroupId: 10,\n              label: 'Apple Farm',\n              disabled: true,\n            },\n            {\n              id: 17,\n              groupId: 10,\n              nextGroupId: 100,\n              label: 'Granny Smith',\n            },\n            {\n              id: 2,\n              groupId: null,\n              nextGroupId: 20,\n              label: \"Tim's Trees\",\n            },\n          ]}\n          aria-labelledby={`${baseId}-tiered-leaf`}\n        />\n      </Field>\n      <Field>\n        <Label id={`${baseId}-superselect`}>SuperSelect</Label>\n        <SuperSelect\n          onChange={console.log}\n          options={[\n            { value: '1', label: 'some label one' },\n            { value: '2', label: 'two 2' },\n            { value: '3', label: 'three three three' },\n          ]}\n          emptyMessage=\"E m p t y\"\n          aria-labelledby={`${baseId}-superselect`}\n        />\n      </Field>\n    </Content>\n  )\n}\n\nfunction PopupSet({ alignLeft = true }) {\n  const baseId = useId()\n  const id = {\n    pop1: baseId + 'pop1',\n    pop2: baseId + 'pop2',\n  }\n  return (\n    <Actions\n      style={{\n        // TODO new prop. sometimes left actions could make sense\n        justifyContent: alignLeft ? 'flex-start' : undefined,\n        // why not, different sizes (Switch) just align them\n        alignItems: 'center',\n      }}\n    >\n      <Tooltip\n        overlay=\"Tooltip popup here, checks out.\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Button variant=\"secondary\" onClick={alert.bind(null, 'CORE')}>\n          Tooltip!\n        </Button>\n      </Tooltip>\n      <Tooltip\n        overlay=\"Long name never gonna give you up.mp4\"\n        role=\"tooltip\"\n        trigger={['focus', 'hover']}\n      >\n        <Link href=\"#\">Long name....up.mp4</Link>\n      </Tooltip>\n      <Popover\n        aria-labelledby={id.pop1}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"https://app.procore.com\">app link</Link> and{' '}\n              <Link href=\"https://login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['click']}\n      >\n        <Button aria-haspopup=\"dialog\" id={id.pop1} variant=\"secondary\">\n          Click to Popup!\n        </Button>\n      </Popover>\n      {/* <Popover\n        aria-labelledby={id.pop2}\n        restoreFocusOnHide\n        role=\"dialog\"\n        overlay={\n          <Popover.Content>\n            <Box padding=\"sm\">\n              Popover popup here, check out this{' '}\n              <Link href=\"app.procore.com\">app link</Link> and{' '}\n              <Link href=\"login.procore.com\">login link</Link>.\n            </Box>\n          </Popover.Content>\n        }\n        trigger={['hover', 'focus']}\n      >\n        <Link aria-haspopup=\"dialog\" id={id.pop2} href=\"#\">\n          Hover Popup\n        </Link>\n      </Popover> */}\n    </Actions>\n  )\n}\n\nexport function UserInteractionSet() {\n  return (\n    <Content>\n      <PopupSet />\n      <Form\n        enableConfirmNavigation\n        initialValues={{\n          rtf: '<b>Clicking the TinyMCE option to add a link should open a modal, and that modal should be able to receive focus.</b>',\n        }}\n      >\n        <Form.Row>\n          <Form.DateSelect\n            colWidth={12}\n            description=\"Form Field with misc interactions\"\n            label=\"Form Component Field\"\n            name=\"f_1\"\n            tooltip=\"Tooltip popup here, checks out.\"\n          />\n        </Form.Row>\n        {/* <Form.Row>\n          <Form.RichText\n            colWidth={12}\n            description=\"Has links tinymce modal. This destroys contained focus :(\"\n            label=\"Form Rich Text\"\n            name=\"rtf\"\n            plugins={['link', 'image']}\n          />\n        </Form.Row> */}\n      </Form>\n      <EscapefulFieldSet />\n    </Content>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/Modal/useInitializeModalFocus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface InitializeModalFocusProps {
     modalContainerRef: React.RefObject<HTMLDivElement>;
     hasOnClose: boolean;

package/dist/Modal/useInitializeModalFocus.js

@@ -7,24 +7,24 @@ export function useInitializeModalFocus(_ref) {
   var focusManager = useFocusManager();
   var childrenRegistryStatus = useModalChildRegistryContext();
   useEffect(function () {
-    var _modalContainerRef$cu, _childrenRegistryStat, _childrenRegistryStat2, _childrenRegistryStat3, _childrenRegistryStat6;
+    var _modalContainerRef$cu, _childrenRegistryStat, _childrenRegistryStat2, _childrenRegistryStat4;
     // the same reason that Modal has a FocusScope with autoFocus={!!onClose}
     if (!hasOnClose) return;
-    var closeButtonElement = modalContainerRef === null || modalContainerRef === void 0 ? void 0 : (_modalContainerRef$cu = modalContainerRef.current) === null || _modalContainerRef$cu === void 0 ? void 0 : _modalContainerRef$cu.querySelector('[data-internal="close-button"]');
-    var anyFocusedItem = (_childrenRegistryStat = childrenRegistryStatus.body) === null || _childrenRegistryStat === void 0 ? void 0 : (_childrenRegistryStat2 = _childrenRegistryStat.current) === null || _childrenRegistryStat2 === void 0 ? void 0 : _childrenRegistryStat2.querySelector(':focus');
+    var closeButtonElement = modalContainerRef === null || modalContainerRef === void 0 || (_modalContainerRef$cu = modalContainerRef.current) === null || _modalContainerRef$cu === void 0 ? void 0 : _modalContainerRef$cu.querySelector('[data-internal="close-button"]');
+    var anyFocusedItem = (_childrenRegistryStat = childrenRegistryStatus.body) === null || _childrenRegistryStat === void 0 || (_childrenRegistryStat = _childrenRegistryStat.current) === null || _childrenRegistryStat === void 0 ? void 0 : _childrenRegistryStat.querySelector(':focus');
     if (closeButtonElement == null) {
       // if no focus header button is represented then no need to change focus on next elements
       return;
     }
-    if ((_childrenRegistryStat3 = childrenRegistryStatus.body) !== null && _childrenRegistryStat3 !== void 0 && _childrenRegistryStat3.current) {
+    if ((_childrenRegistryStat2 = childrenRegistryStatus.body) !== null && _childrenRegistryStat2 !== void 0 && _childrenRegistryStat2.current) {
       // if nothing has been focused within body then focus in the scrollable body
       if (anyFocusedItem == null) {
-        var _childrenRegistryStat4, _childrenRegistryStat5;
-        (_childrenRegistryStat4 = childrenRegistryStatus.body) === null || _childrenRegistryStat4 === void 0 ? void 0 : (_childrenRegistryStat5 = _childrenRegistryStat4.current) === null || _childrenRegistryStat5 === void 0 ? void 0 : _childrenRegistryStat5.focus();
+        var _childrenRegistryStat3;
+        (_childrenRegistryStat3 = childrenRegistryStatus.body) === null || _childrenRegistryStat3 === void 0 || (_childrenRegistryStat3 = _childrenRegistryStat3.current) === null || _childrenRegistryStat3 === void 0 || _childrenRegistryStat3.focus();
       }
       // if there is a footer section the focus on the left most interactive element
-    } else if ((_childrenRegistryStat6 = childrenRegistryStatus.closeableButtons) !== null && _childrenRegistryStat6 !== void 0 && _childrenRegistryStat6.current) {
-      focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusNext({
+    } else if ((_childrenRegistryStat4 = childrenRegistryStatus.closeableButtons) !== null && _childrenRegistryStat4 !== void 0 && _childrenRegistryStat4.current) {
+      focusManager === null || focusManager === void 0 || focusManager.focusNext({
         from: closeButtonElement !== null && closeButtonElement !== void 0 ? closeButtonElement : undefined
       });
     }

package/dist/Modal/useInitializeModalFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInitializeModalFocus.js","names":["useFocusManager","useEffect","useModalChildRegistryContext","useInitializeModalFocus","_ref","modalContainerRef","hasOnClose","focusManager","childrenRegistryStatus","_modalContainerRef$cu","_childrenRegistryStat","_childrenRegistryStat2","_childrenRegistryStat3","_childrenRegistryStat6","closeButtonElement","current","querySelector","anyFocusedItem","body","_childrenRegistryStat4","_childrenRegistryStat5","focus","closeableButtons","focusNext","from","undefined"],"sources":["../../src/Modal/useInitializeModalFocus.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus'\nimport { useEffect } from 'react'\nimport { useModalChildRegistryContext } from './ChildRegistry.context'\n\ninterface InitializeModalFocusProps {\n  modalContainerRef: React.RefObject<HTMLDivElement>\n  hasOnClose: boolean\n}\n\nexport function useInitializeModalFocus({\n  modalContainerRef,\n  hasOnClose,\n}: InitializeModalFocusProps) {\n  const focusManager = useFocusManager()\n  const childrenRegistryStatus = useModalChildRegistryContext()\n\n  useEffect(() => {\n    // the same reason that Modal has a FocusScope with autoFocus={!!onClose}\n    if (!hasOnClose) return\n    const closeButtonElement = modalContainerRef?.current?.querySelector(\n      '[data-internal=\"close-button\"]'\n    )\n    const anyFocusedItem =\n      childrenRegistryStatus.body?.current?.querySelector(':focus')\n\n    if (closeButtonElement == null) {\n      // if no focus header button is represented then no need to change focus on next elements\n      return\n    }\n    if (childrenRegistryStatus.body?.current) {\n      // if nothing has been focused within body then focus in the scrollable body\n      if (anyFocusedItem == null) {\n        childrenRegistryStatus.body?.current?.focus()\n      }\n      // if there is a footer section the focus on the left most interactive element\n    } else if (childrenRegistryStatus.closeableButtons?.current) {\n      focusManager?.focusNext({\n        from: closeButtonElement ?? undefined,\n      })\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [childrenRegistryStatus])\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,4BAA4B,QAAQ,yBAAyB;AAOtE,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAGT;EAAA,IAF5BC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAMC,YAAY,GAAGP,eAAe,CAAC,CAAC;EACtC,IAAMQ,sBAAsB,GAAGN,4BAA4B,CAAC,CAAC;EAE7DD,SAAS,CAAC,YAAM;IAAA,IAAAQ,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACd;IACA,IAAI,CAACP,UAAU,EAAE;IACjB,IAAMQ,kBAAkB,GAAGT,iBAAiB,aAAjBA,iBAAiB,wBAAAI,qBAAA,GAAjBJ,iBAAiB,CAAEU,OAAO,cAAAN,qBAAA,uBAA1BA,qBAAA,CAA4BO,aAAa,CAClE,gCACF,CAAC;IACD,IAAMC,cAAc,IAAAP,qBAAA,GAClBF,sBAAsB,CAACU,IAAI,cAAAR,qBAAA,wBAAAC,sBAAA,GAA3BD,qBAAA,CAA6BK,OAAO,cAAAJ,sBAAA,uBAApCA,sBAAA,CAAsCK,aAAa,CAAC,QAAQ,CAAC;IAE/D,IAAIF,kBAAkB,IAAI,IAAI,EAAE;MAC9B;MACA;IACF;IACA,KAAAF,sBAAA,GAAIJ,sBAAsB,CAACU,IAAI,cAAAN,sBAAA,eAA3BA,sBAAA,CAA6BG,OAAO,EAAE;MACxC;MACA,IAAIE,cAAc,IAAI,IAAI,EAAE;QAAA,IAAAE,sBAAA,EAAAC,sBAAA;QAC1B,CAAAD,sBAAA,GAAAX,sBAAsB,CAACU,IAAI,cAAAC,sBAAA,wBAAAC,sBAAA,GAA3BD,sBAAA,CAA6BJ,OAAO,cAAAK,sBAAA,uBAApCA,sBAAA,CAAsCC,KAAK,CAAC,CAAC;MAC/C;MACA;IACF,CAAC,MAAM,KAAAR,sBAAA,GAAIL,sBAAsB,CAACc,gBAAgB,cAAAT,sBAAA,eAAvCA,sBAAA,CAAyCE,OAAO,EAAE;MAC3DR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEgB,SAAS,CAAC;QACtBC,IAAI,EAAEV,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIW;MAC9B,CAAC,CAAC;IACJ;;IAEA;EACF,CAAC,EAAE,CAACjB,sBAAsB,CAAC,CAAC;AAC9B"}
+{"version":3,"file":"useInitializeModalFocus.js","names":["useFocusManager","useEffect","useModalChildRegistryContext","useInitializeModalFocus","_ref","modalContainerRef","hasOnClose","focusManager","childrenRegistryStatus","_modalContainerRef$cu","_childrenRegistryStat","_childrenRegistryStat2","_childrenRegistryStat4","closeButtonElement","current","querySelector","anyFocusedItem","body","_childrenRegistryStat3","focus","closeableButtons","focusNext","from","undefined"],"sources":["../../src/Modal/useInitializeModalFocus.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus'\nimport { useEffect } from 'react'\nimport { useModalChildRegistryContext } from './ChildRegistry.context'\n\ninterface InitializeModalFocusProps {\n  modalContainerRef: React.RefObject<HTMLDivElement>\n  hasOnClose: boolean\n}\n\nexport function useInitializeModalFocus({\n  modalContainerRef,\n  hasOnClose,\n}: InitializeModalFocusProps) {\n  const focusManager = useFocusManager()\n  const childrenRegistryStatus = useModalChildRegistryContext()\n\n  useEffect(() => {\n    // the same reason that Modal has a FocusScope with autoFocus={!!onClose}\n    if (!hasOnClose) return\n    const closeButtonElement = modalContainerRef?.current?.querySelector(\n      '[data-internal=\"close-button\"]'\n    )\n    const anyFocusedItem =\n      childrenRegistryStatus.body?.current?.querySelector(':focus')\n\n    if (closeButtonElement == null) {\n      // if no focus header button is represented then no need to change focus on next elements\n      return\n    }\n    if (childrenRegistryStatus.body?.current) {\n      // if nothing has been focused within body then focus in the scrollable body\n      if (anyFocusedItem == null) {\n        childrenRegistryStatus.body?.current?.focus()\n      }\n      // if there is a footer section the focus on the left most interactive element\n    } else if (childrenRegistryStatus.closeableButtons?.current) {\n      focusManager?.focusNext({\n        from: closeButtonElement ?? undefined,\n      })\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [childrenRegistryStatus])\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,4BAA4B,QAAQ,yBAAyB;AAOtE,OAAO,SAASC,uBAAuBA,CAAAC,IAAA,EAGT;EAAA,IAF5BC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAEV,IAAMC,YAAY,GAAGP,eAAe,CAAC,CAAC;EACtC,IAAMQ,sBAAsB,GAAGN,4BAA4B,CAAC,CAAC;EAE7DD,SAAS,CAAC,YAAM;IAAA,IAAAQ,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACd;IACA,IAAI,CAACN,UAAU,EAAE;IACjB,IAAMO,kBAAkB,GAAGR,iBAAiB,aAAjBA,iBAAiB,gBAAAI,qBAAA,GAAjBJ,iBAAiB,CAAES,OAAO,cAAAL,qBAAA,uBAA1BA,qBAAA,CAA4BM,aAAa,CAClE,gCACF,CAAC;IACD,IAAMC,cAAc,IAAAN,qBAAA,GAClBF,sBAAsB,CAACS,IAAI,cAAAP,qBAAA,gBAAAA,qBAAA,GAA3BA,qBAAA,CAA6BI,OAAO,cAAAJ,qBAAA,uBAApCA,qBAAA,CAAsCK,aAAa,CAAC,QAAQ,CAAC;IAE/D,IAAIF,kBAAkB,IAAI,IAAI,EAAE;MAC9B;MACA;IACF;IACA,KAAAF,sBAAA,GAAIH,sBAAsB,CAACS,IAAI,cAAAN,sBAAA,eAA3BA,sBAAA,CAA6BG,OAAO,EAAE;MACxC;MACA,IAAIE,cAAc,IAAI,IAAI,EAAE;QAAA,IAAAE,sBAAA;QAC1B,CAAAA,sBAAA,GAAAV,sBAAsB,CAACS,IAAI,cAAAC,sBAAA,gBAAAA,sBAAA,GAA3BA,sBAAA,CAA6BJ,OAAO,cAAAI,sBAAA,eAApCA,sBAAA,CAAsCC,KAAK,CAAC,CAAC;MAC/C;MACA;IACF,CAAC,MAAM,KAAAP,sBAAA,GAAIJ,sBAAsB,CAACY,gBAAgB,cAAAR,sBAAA,eAAvCA,sBAAA,CAAyCE,OAAO,EAAE;MAC3DP,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEc,SAAS,CAAC;QACtBC,IAAI,EAAET,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAIU;MAC9B,CAAC,CAAC;IACJ;;IAEA;EACF,CAAC,EAAE,CAACf,sBAAsB,CAAC,CAAC;AAC9B","ignoreList":[]}

package/dist/MultiSelect/MultiSelect.js

@@ -79,7 +79,7 @@ function defaultOptionRenderer(item, _ref) {
   return /*#__PURE__*/React.createElement(Option, _extends({
     key: getId(item),
     value: value || item,
-    "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$option = qa.option) === null || _qa$option === void 0 ? void 0 : _qa$option.call(qa, item)
+    "data-qa": qa === null || qa === void 0 || (_qa$option = qa.option) === null || _qa$option === void 0 ? void 0 : _qa$option.call(qa, item)
   }, props), getLabel(item));
 }
 function defaultGroupRenderer(group) {
@@ -100,11 +100,11 @@ function defaultTokenRenderer(_ref2) {
   return /*#__PURE__*/React.createElement(Token, {
     disabled: disabled,
     focused: focused,
-    "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$token = qa.token) === null || _qa$token === void 0 ? void 0 : _qa$token.call(qa, option)
+    "data-qa": qa === null || qa === void 0 || (_qa$token = qa.token) === null || _qa$token === void 0 ? void 0 : _qa$token.call(qa, option)
   }, /*#__PURE__*/React.createElement(Token.Label, null, getLabel(option)), /*#__PURE__*/React.createElement(Token.Remove, _extends({}, tokenRemoveProps, {
     "data-close": true,
     onClick: removeToken,
-    "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$tokenClear = qa.tokenClear) === null || _qa$tokenClear === void 0 ? void 0 : _qa$tokenClear.call(qa, option)
+    "data-qa": qa === null || qa === void 0 || (_qa$tokenClear = qa.tokenClear) === null || _qa$tokenClear === void 0 ? void 0 : _qa$tokenClear.call(qa, option)
   })));
 }
 function useMultiSelect(_ref3) {
@@ -188,15 +188,15 @@ function useMultiSelect(_ref3) {
   var onKeyDown = React.useCallback(function (event) {
     if (event.key === 'Enter') {
       var _menuRef$current2;
-      (_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 ? void 0 : _menuRef$current2.select(event);
+      (_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 || _menuRef$current2.select(event);
     }
     if (event.key === 'ArrowUp' || event.key === 'Up') {
       var _menuRef$current3;
-      (_menuRef$current3 = menuRef.current) === null || _menuRef$current3 === void 0 ? void 0 : _menuRef$current3.prev();
+      (_menuRef$current3 = menuRef.current) === null || _menuRef$current3 === void 0 || _menuRef$current3.prev();
     }
     if (event.key === 'ArrowDown' || event.key === 'Down') {
       var _menuRef$current4;
-      (_menuRef$current4 = menuRef.current) === null || _menuRef$current4 === void 0 ? void 0 : _menuRef$current4.next();
+      (_menuRef$current4 = menuRef.current) === null || _menuRef$current4 === void 0 || _menuRef$current4.next();
     }
     if (search === '') {
       if (event.key === 'Backspace' || event.key === 'Delete') {
@@ -484,7 +484,7 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
     afterShow: function afterShow() {
       var _menuRef$current5;
       multiselect.clearToken();
-      (_menuRef$current5 = menuRef.current) === null || _menuRef$current5 === void 0 ? void 0 : _menuRef$current5.highlightFirst();
+      (_menuRef$current5 = menuRef.current) === null || _menuRef$current5 === void 0 || _menuRef$current5.highlightFirst();
       setIsMenuOpen(true);
       _afterShow();
     },