@procore/core-react 11.22.1 → 11.23.0

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["Clear","FocusScope","React","useEffect","Button","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","defaultHowToClose","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$isBodyScrolled","t","closeButton","onClick","icon","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","role","_excluded7","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","setTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isModal","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_excluded8","Modal","size","ModalState","oldThing","displayName","Body","Container","Content","FooterSummary","Footer","FooterButtons","FooterNotation","Header","Overlay","Scrim","State"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { FocusScope } from '@react-aria/focus'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../Form/closeWithConfirm'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal/Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport { TypographyProps } from '../Typography/Typography.types'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { RenderProps, Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { DivAttributes, SpanAttributes } from '../_utils/types'\nimport {\n  ChildRegistryProvider,\n  useModalChildRegistryDispatch,\n} from './ChildRegistry.context'\nimport {\n  fadeInClassName,\n  fadeOutClassName,\n  StyledModal,\n  StyledModalBody,\n  StyledModalButtons,\n  StyledModalCancel,\n  StyledModalContainer,\n  StyledModalContent,\n  StyledModalFooter,\n  StyledModalFooterNotation,\n  StyledModalFooterSummary,\n  StyledModalHeader,\n  StyledModalHeading,\n  StyledModalScrim,\n  StyledModalWarningIcon,\n} from './Modal.styles'\nimport {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\n// TODO default in breaking\nconst defaultHowToClose: ModalOptionalCloseStartegy[] = ['scrim', 'x']\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, onClose: externalOnClose, qa, ...props }, ref) => {\n  const { isBodyScrolled } = React.useContext(ModalBodyScrollContext)\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const modalClosableHeaderRef = React.useRef(null)\n\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({ child: 'header', ref: modalClosableHeaderRef })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    if (onClose && howToClose?.includes('x')) {\n      closeWithConfirm(onClose)(e, 'x')\n      return\n    }\n    closeWithConfirm(externalOnClose!)(e)\n  }\n\n  return (\n    <StyledModalHeader\n      $isBodyScrolled={isBodyScrolled}\n      {...props}\n      ref={mergeRefs(ref, modalClosableHeaderRef)}\n    >\n      <StyledModalHeading>{children}</StyledModalHeading>\n      {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n        <StyledModalCancel>\n          <Button\n            aria-label={I18n.t('core.modal.a11y.close')}\n            data-qa={qa?.closeButton}\n            data-internal=\"close-button\"\n            onClick={onClickButton}\n            icon={<Clear />}\n            variant=\"tertiary\"\n          />\n        </StyledModalCancel>\n      ) : null}\n    </StyledModalHeader>\n  )\n})\n\nconst ModalClosableFooterButtons = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, ...props }, ref) => {\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const modalClosableFooterButtonsRef = React.useRef(null)\n\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({\n      child: 'closeableButtons',\n      ref: modalClosableFooterButtonsRef,\n    })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    closeWithConfirm(onClose!)(e, 'footer-button')\n  }\n\n  return (\n    <StyledModalButtons\n      {...props}\n      ref={mergeRefs(ref, modalClosableFooterButtonsRef)}\n    >\n      {howToClose?.includes('footer-button') && (\n        <Button onClick={onClickButton} variant=\"tertiary\">\n          {I18n.t('core.modal.cancel')}\n        </Button>\n      )}\n      {children}\n    </StyledModalButtons>\n  )\n})\n\nconst ModalContainer = React.forwardRef<HTMLDivElement, ModalContainerProps>(\n  ({ placement, width, ...props }, ref) => {\n    const { onClose } = React.useContext(ModalCloseContext)\n    const modalContainerRef = React.useRef<HTMLDivElement>(null)\n    useInitializeModalFocus({ modalContainerRef, hasOnClose: !!onClose })\n\n    return (\n      <StyledModalContainer\n        {...props}\n        shadowStrength={4}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { setIsBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'body', ref: modalBodyRef })\n    }, [])\n\n    useLayoutEventListener({\n      event: 'scroll',\n      handler: (e: React.UIEvent<HTMLElement>) => {\n        setIsBodyScrolled(e.currentTarget.scrollTop > 0)\n      },\n      scope: scrollRef,\n    })\n\n    return (\n      <SectionProvider>\n        <LevelContext.Provider value={initialBodyLevel}>\n          <StyledModalBody\n            {...props}\n            isOverflowingY={isOverflowingY}\n            noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<HTMLDivElement, DivAttributes>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledModalFooterSummary {...props} ref={ref}>\n        {children}\n      </StyledModalFooterSummary>\n    )\n  }\n)\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(({ children, ...props }, ref) => (\n  <StyledModalFooterNotation\n    aria-live=\"polite\"\n    intent=\"small\"\n    color=\"gray45\"\n    italic\n    {...props}\n    ref={ref}\n  >\n    {children}\n  </StyledModalFooterNotation>\n))\n\n/**\n\n We use modals to present additional actions, information, or forms on pages\n where a user’s experience would benefit from remaining on the same page.\n They can include graphics, inputs, buttons, and other elements as needed to\n produce the workflow or action needed.\n\n Do not include modals on pages with complicated UI layouts.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nconst Modal_ = React.forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      children,\n      howToClose,\n      id,\n      onClickOverlay = noop,\n      onClose,\n      open = false,\n      placement = 'center',\n      role,\n      ...props\n    },\n    ref\n  ) => {\n    useScrollLock(open)\n    const [visible, setVisible] = React.useState<boolean>(open)\n    const [fadeType, setFadeType] = React.useState<string>('')\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n\n    React.useEffect(() => {\n      if (open) {\n        setVisible(true)\n        setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n      } else {\n        setFadeType(fadeOutClassName)\n      }\n    }, [open])\n\n    const onTransitionEnd = () => {\n      if (fadeType === fadeOutClassName) {\n        setVisible(false)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!onClose) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        closeWithConfirm(onClose)(e, 'x')\n      }\n    }\n\n    const { dialogProps: dialogProps_ } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps = onClose && role === 'dialog' ? dialogProps_ : {}\n\n    function onClickScrim(\n      e: React.ComponentProps<typeof StyledModalScrim>['onClick']\n    ) {\n      onClickOverlay(e)\n      if (onClose && howToClose?.includes('scrim')) {\n        closeWithConfirm(onClose)(e, 'scrim')\n      }\n    }\n\n    return visible ? (\n      <Portal>\n        <ModalCloseContext.Provider value={{ onClose, howToClose }}>\n          <LevelContext.Provider value={defaultStartLevel}>\n            <ChildRegistryProvider>\n              <FocusScope\n                // TODO breaking - always\n                autoFocus={!!onClose}\n                contain={!!onClose}\n                restoreFocus={!!onClose}\n              >\n                <StyledModal\n                  className={fadeType}\n                  ref={ref}\n                  onTransitionEnd={onTransitionEnd}\n                  onKeyDown={handleKeyDown}\n                  {...dialogProps}\n                >\n                  <StyledModalScrim onClick={onClickScrim} />\n\n                  <ModalContainer {...props} placement={placement}>\n                    <StyledModalContent>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </FocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\nfunction ModalBodyScrollObserver({ children }: { children: React.ReactNode }) {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, onClose, ...props }, ref) => {\n    return (\n      <Modal {...props} ref={ref}>\n        <ModalClosableHeader onClose={onClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          {headline}\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\nfunction ModalState(props: RenderProps) {\n  useDeprecation({ oldThing: 'Modal.State' })\n  return <Visibility {...props} />\n}\n\nModal_.displayName = 'Modal'\n\nConfirmModal.displayName = 'ConfirmModal'\n\nModalBody.displayName = 'Modal.Body'\n\nModalFooterNotation.displayName = 'Modal.FooterNotation'\n\nModalFooterSummary.displayName = 'Modal.FooterSummary'\n\nconst Body = ModalBody\nconst Container = ModalContainer\nconst Content = StyledModalContent\nconst FooterSummary = ModalFooterSummary\nconst Footer = StyledModalFooter\nconst FooterButtons = ModalClosableFooterButtons\nconst FooterNotation = ModalFooterNotation\nconst Header = ModalClosableHeader\nconst Overlay = StyledModal\nconst Scrim = StyledModalScrim\nconst State = ModalState\n\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    Heading: Heading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":"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"}

package/dist/Modal/Modal.styles.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { Warning } from '@procore/core-icons/dist';
 import styled, { css } from 'styled-components';
 import { Card } from '../Card/Card';
@@ -15,45 +11,84 @@ export var fadeOutClassName = 'fade-out';
 export var modalMaxWidth = '640px';
 export var modalPixelGutter = spacing.xl;
 export var modalPixelWidths = {
-    sm: 432,
-    md: 688,
-    lg: 1152,
-    xl: 1920,
+  sm: 432,
+  md: 688,
+  lg: 1152,
+  xl: 1920
 };
-export var StyledModal = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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\n  &.", " {\n    opacity: 1;\n  }\n\n  &.", " {\n    opacity: 0;\n  }\n"], ["\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\n  &.", " {\n    opacity: 1;\n  }\n\n  &.", " {\n    opacity: 0;\n  }\n"])), fadeInClassName, fadeOutClassName);
-export var StyledModalButtons = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ", "px;\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ", "px;\n\n  > * + * {\n    margin-left: ", "px;\n  }\n"])), spacing.lg, spacing.sm);
-export var StyledModalContainer = styled(Card)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var $placement = _a.$placement;
-    if ($placement === 'top') {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        top: 5vh;\n      "], ["\n        top: 5vh;\n      "])));
-    }
-    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      top: 50vh;\n      transform: translateY(-50%);\n    "], ["\n      top: 50vh;\n      transform: translateY(-50%);\n    "])));
-}, function (_a) {
-    var $width = _a.$width, $placement = _a.$placement;
-    if ($width) {
-        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        left: ", "px;\n        right: ", "px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ", "px;\n\n        // TODO deprecated, moving width up\n        ", " {\n          max-width: none;\n        }\n      "], ["\n        left: ", "px;\n        right: ", "px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ", "px;\n\n        // TODO deprecated, moving width up\n        ", " {\n          max-width: none;\n        }\n      "])), modalPixelGutter, modalPixelGutter, modalPixelWidths[$width], StyledModalBody);
-    }
-    // TODO deprecated, uses new centering, required width
-    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      left: 50vw;\n      transform: translateX(-50%)\n        ", ";\n    "], ["\n      left: 50vw;\n      transform: translateX(-50%)\n        ", ";\n    "])), $placement === 'center' && 'translateY(-50%)');
+export var StyledModal = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModal",
+  componentId: "core-11_23_0__sc-1ijdug2-0"
+})(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
+export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalButtons",
+  componentId: "core-11_23_0__sc-1ijdug2-1"
+})(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
+export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
+  displayName: "StyledModalContainer",
+  componentId: "core-11_23_0__sc-1ijdug2-2"
+})(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
+  var $placement = _ref.$placement;
+  if ($placement === 'top') {
+    return css(["top:5vh;"]);
+  }
+  return css(["top:50vh;transform:translateY(-50%);"]);
+}, function (_ref2) {
+  var $width = _ref2.$width,
+    $placement = _ref2.$placement;
+  if ($width) {
+    return css(["left:", "px;right:", "px;margin-left:auto;margin-right:auto;max-width:", "px;", "{max-width:none;}"], modalPixelGutter, modalPixelGutter, modalPixelWidths[$width], StyledModalBody);
+  }
+  // TODO deprecated, uses new centering, required width
+  return css(["left:50vw;transform:translateX(-50%) ", ";"], $placement === 'center' && 'translateY(-50%)');
 });
-export var StyledModalFooter = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ", "px ", "px ", "px;\n"], ["\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ", "px ", "px ", "px;\n"])), spacing.xl, spacing.xxl, spacing.xxl);
-export var StyledModalBody = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ", ";\n  overflow: auto;\n  ", "\n\n  > ", " {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ", " {\n      padding-top: 0;\n    }\n  }\n\n  ", "\n"], ["\n  ", "\n\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ", ";\n  overflow: auto;\n  ", "\n\n  > ", " {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ", " {\n      padding-top: 0;\n    }\n  }\n\n  ", "\n"])), getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_a) {
-    var noSideSpacing = _a.noSideSpacing;
-    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      padding: ", "px ", "px;\n    "], ["\n      padding: ", "px ", "px;\n    "])), spacing.xl, noSideSpacing ? 0 : spacing.xxl);
-}, StyledSection, StyledSectionInner, function (_a) {
-    var isOverflowingY = _a.isOverflowingY;
-    return isOverflowingY && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      & + ", " {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ", ";\n        ", " {\n          border-top: none;\n        }\n      }\n    "], ["\n      & + ", " {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ", ";\n        ", " {\n          border-top: none;\n        }\n      }\n    "])), StyledModalFooter, colors.gray85, StyledModalFooterSummary);
+export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalFooter",
+  componentId: "core-11_23_0__sc-1ijdug2-3"
+})(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
+export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalBody",
+  componentId: "core-11_23_0__sc-1ijdug2-4"
+})(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
+  var noSideSpacing = _ref3.noSideSpacing;
+  return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
+}, StyledSection, StyledSectionInner, function (_ref4) {
+  var isOverflowingY = _ref4.isOverflowingY;
+  return isOverflowingY && css(["& + ", "{border-top-width:1px;border-top-style:solid;border-top-color:", ";", "{border-top:none;}}"], StyledModalFooter, colors.gray85, StyledModalFooterSummary);
 });
-export var StyledModalContent = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n"])));
-export var StyledModalFooterNotation = styled(Typography)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-export var StyledModalHeader = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: flex-start;\n  color: ", ";\n  display: flex;\n  flex: 0 0 auto;\n  padding: ", "px ", "px;\n  position: relative;\n  ", "\n"], ["\n  align-items: flex-start;\n  color: ", ";\n  display: flex;\n  flex: 0 0 auto;\n  padding: ", "px ", "px;\n  position: relative;\n  ", "\n"])), colors.gray10, spacing.xl, spacing.xxl, function (_a) {
-    var $isBodyScrolled = _a.$isBodyScrolled;
-    return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    border-bottom: 1px solid ", ";\n  "], ["\n    border-bottom: 1px solid ", ";\n  "])), $isBodyScrolled ? colors.gray85 : 'transparent');
+export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalContent",
+  componentId: "core-11_23_0__sc-1ijdug2-5"
+})(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
+export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
+  displayName: "StyledModalFooterNotation",
+  componentId: "core-11_23_0__sc-1ijdug2-6"
+})(["flex-grow:1;"]);
+export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalHeader",
+  componentId: "core-11_23_0__sc-1ijdug2-7"
+})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
+  var $isBodyScrolled = _ref5.$isBodyScrolled;
+  return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
 });
-export var StyledModalHeading = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", "\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ", "px;\n"], ["\n  ", "\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ", "px;\n"])), getTypographyIntent('h2'), spacing.lg);
-export var StyledModalCancel = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  flex: 0 0 auto;\n"], ["\n  flex: 0 0 auto;\n"])));
-export var StyledModalScrim = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\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  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"])));
-export var StyledModalWarningIcon = styled(Warning)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  color: ", ";\n  margin-right: ", "px;\n"], ["\n  color: ", ";\n  margin-right: ", "px;\n"])), colors.yellow40, spacing.sm);
-export var StyledModalFooterSummary = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", "\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px ", "px;\n  color: ", ";\n  font-style: italic;\n  background-color: ", ";\n  margin: -", "px -", "px ", "px -", "px;\n  flex: 1 1 100%;\n"], ["\n  ", "\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  padding: ", "px ", "px;\n  color: ", ";\n  font-style: italic;\n  background-color: ", ";\n  margin: -", "px -", "px ", "px -", "px;\n  flex: 1 1 100%;\n"])), getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
+export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalHeading",
+  componentId: "core-11_23_0__sc-1ijdug2-8"
+})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
+export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalCancel",
+  componentId: "core-11_23_0__sc-1ijdug2-9"
+})(["flex:0 0 auto;"]);
+export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalScrim",
+  componentId: "core-11_23_0__sc-1ijdug2-10"
+})(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
+export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
+  displayName: "StyledModalWarningIcon",
+  componentId: "core-11_23_0__sc-1ijdug2-11"
+})(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
+export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledModalFooterSummary",
+  componentId: "core-11_23_0__sc-1ijdug2-12"
+})(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../src/Modal/Modal.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$placement","_ref2","$width","StyledModalBody","StyledModalFooter","xxl","gray15","_ref3","noSideSpacing","_ref4","isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","StyledModalFooterNotation","StyledModalHeader","gray10","_ref5","$isBodyScrolled","StyledModalHeading","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons/dist'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport { 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\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\n  &.${fadeInClassName} {\n    opacity: 1;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\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  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\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\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.xl}px ${spacing.xxl}px ${spacing.xxl}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  isOverflowingY: boolean\n  noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ${modalMaxWidth};\n  overflow: auto;\n  ${({ noSideSpacing }) => {\n    return css`\n      padding: ${spacing.xl}px ${noSideSpacing ? 0 : spacing.xxl}px;\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  ${({ 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`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{ $isBodyScrolled: boolean }>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  padding: ${spacing.xl}px ${spacing.xxl}px;\n  position: relative;\n  ${({ $isBodyScrolled }) => css`\n    border-bottom: 1px solid ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n  `}\n`\n\nexport const StyledModalHeading = styled.div`\n  ${getTypographyIntent('h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${spacing.lg}px;\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  border-top: 1px solid ${colors.gray85};\n  border-bottom: 1px solid ${colors.gray85};\n  padding: ${spacing.md}px ${spacing.xxl}px;\n  color: ${colors.gray15};\n  font-style: italic;\n  background-color: ${colors.gray98};\n  margin: -${spacing.xl}px -${spacing.xxl}px ${spacing.xl}px -${spacing.xxl}px;\n  flex: 1 1 100%;\n`\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.js","sourceRoot":"","sources":["../../src/Modal/Modal.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import React from 'react'\nimport { DivAttributes, 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 extends DivAttributes {\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y `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   * @since 11.12.0\n   */\n  'aria-label'?: string\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   * @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   * @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 DivAttributes {\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.js

@@ -1,2 +1,3 @@
 export { ConfirmModal, Modal } from './Modal';
+export { ConfirmModalProps, ModalProps } from './Modal.types';
 //# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","names":["ConfirmModal","Modal","ConfirmModalProps","ModalProps"],"sources":["../../src/Modal/index.ts"],"sourcesContent":["export { ConfirmModal, Modal } from './Modal'\nexport { ConfirmModalProps, ModalProps } from './Modal.types'\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,KAAK,QAAQ,SAAS;AAC7C,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,eAAe"}