@procore/core-react 12.52.0 → 12.53.1

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Clear","useId","React","useEffect","Button","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","OverridableFocusScope","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalPrimaryHeadingCheckContext","inModalHeader","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ariaLabelledBy","ModalClosableHeader","forwardRef","_ref","ref","children","_ref$compact","compact","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$compact","$isBodyScrolled","Provider","value","t","closeButton","icon","onClick","size","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","_ref3$compact","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$compact","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","$isOverflowingY","$noSideSpacing","tabIndex","role","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","ariaModal","_ref7$compact","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","_excluded7","defaultLabelId","labelledbyId","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","fadeTimer","setTimeout","clearTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_ref9$howToClose","_excluded8","isDialog","configuredModalProps","concat","_toConsumableArray","headerOnClose","Modal","ModalHeading","_React$useContext6","_React$useContext7","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 { useId } from '@react-aria/utils'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport type { HeadingProps } from '../Semantic/Semantic.types'\nimport type { TypographyProps } from '../Typography'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport type { RenderProps } from '../_hooks/Visibility'\nimport { Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport { mergeRefs } from '../_utils/mergeRefs'\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 type {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalOnClose,\n  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\nconst ModalPrimaryHeadingCheckContext = React.createContext({\n  inModalHeader: false,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n  ariaLabelledBy?: string\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n  ariaLabelledBy: undefined,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(\n  (\n    { children, compact = false, onClose: externalOnClose, qa, ...props },\n    ref\n  ) => {\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        $compact={compact}\n        $isBodyScrolled={isBodyScrolled}\n        {...props}\n        ref={mergeRefs(ref, modalClosableHeaderRef)}\n        data-id=\"modal-header\"\n      >\n        <ModalPrimaryHeadingCheckContext.Provider\n          value={{ inModalHeader: true }}\n        >\n          <StyledModalHeading $compact={compact}>{children}</StyledModalHeading>\n          {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n            <StyledModalCancel>\n              <Button\n                aria-label={I18n.t('core.modal.a11y.close')}\n                data-internal=\"close-button\"\n                data-qa={qa?.closeButton}\n                icon={<Clear />}\n                onClick={onClickButton}\n                size={compact ? 'sm' : 'md'}\n                variant=\"tertiary\"\n              />\n            </StyledModalCancel>\n          ) : null}\n        </ModalPrimaryHeadingCheckContext.Provider>\n      </StyledModalHeader>\n    )\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  ({ compact = false, 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        $compact={compact}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, compact = false, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { ariaLabelledBy, setIsBodyScrolled } = React.useContext(\n      ModalBodyScrollContext\n    )\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            $compact={compact}\n            $isOverflowingY={isOverflowingY}\n            $noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n            role=\"region\"\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledModalFooterSummary {...props} ref={ref}>\n      {children}\n    </StyledModalFooterSummary>\n  )\n})\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement> & 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\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      ['aria-modal']: ariaModal,\n      children,\n      compact = false,\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 defaultLabelId = useId()\n    const labelledbyId = ariaLabel ? id : ariaLabelledby ?? defaultLabelId\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        const fadeTimer = setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n        return () => clearTimeout(fadeTimer)\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': labelledbyId,\n      'aria-label': ariaLabel,\n      'aria-modal': ariaModal,\n      id,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps =\n      onClose && (role === 'dialog' || role === 'alertdialog')\n        ? dialogProps_\n        : {}\n\n    function onClickScrim(e: React.MouseEvent<HTMLDivElement>) {\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              <OverridableFocusScope\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                  data-id=\"modal\"\n                >\n                  <StyledModalScrim\n                    data-qa=\"core-modal-scrim\"\n                    onClick={onClickScrim}\n                  />\n\n                  <ModalContainer\n                    {...props}\n                    compact={compact}\n                    placement={placement}\n                  >\n                    <StyledModalContent $compact={compact}>\n                      <ModalBodyScrollObserver ariaLabelledBy={labelledbyId}>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </OverridableFocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\ninterface ModalBodyScrollObserverProps {\n  ariaLabelledBy?: string\n}\n\nconst ModalBodyScrollObserver = ({\n  ariaLabelledBy,\n  children,\n}: React.PropsWithChildren<ModalBodyScrollObserverProps>) => {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ ariaLabelledBy, isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, howToClose = [], onClose, ...props }, ref) => {\n    const isDialog = props.role === 'dialog' || props.role === 'alertdialog'\n\n    // When role=\"dialog\", pass onClose to Modal for focus management and Escape key.\n    // The header X button is handled via ModalCloseContext when howToClose includes 'x'.\n    const configuredModalProps =\n      isDialog && onClose\n        ? {\n            onClose: onClose as ModalOnClose,\n            howToClose: ['x', ...howToClose] as ModalOptionalCloseStartegy[],\n          }\n        : undefined\n    const headerOnClose =\n      !isDialog && onClose\n        ? (onClose as (event: React.MouseEvent<HTMLButtonElement>) => void)\n        : undefined\n\n    return (\n      <Modal {...props} {...configuredModalProps} ref={ref}>\n        <ModalClosableHeader onClose={headerOnClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          <ModalHeading>{headline}</ModalHeading>\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\n/**\n * Applies proper semantics regardless of where in the Modal.\n * @a11y The primary heading that is auto linked to the dialog and scroll region with\n * aria-labelledby, when inside the Modal.Header.\n */\nconst ModalHeading = (\n  props: React.PropsWithChildren<HeadingProps & { level?: number }>\n) => {\n  const { ariaLabelledBy } = React.useContext(ModalBodyScrollContext)\n  const { inModalHeader } = React.useContext(ModalPrimaryHeadingCheckContext)\n\n  return <Heading id={inModalHeader ? ariaLabelledBy : undefined} {...props} />\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\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://stories.core.procore.com/?path=/story/core-react_demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    /**\n     * @a11y The primary heading inside the `Modal.Header` that is auto linked\n     * to the dialog and scroll region with aria-labelledby.\n     */\n    Heading: ModalHeading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["Clear","useId","React","useEffect","Button","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","OverridableFocusScope","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalPrimaryHeadingCheckContext","inModalHeader","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ariaLabelledBy","ModalClosableHeader","forwardRef","_ref","ref","children","_ref$compact","compact","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$compact","$isBodyScrolled","Provider","value","t","closeButton","icon","onClick","size","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","_ref3$compact","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$compact","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","$isOverflowingY","$noSideSpacing","tabIndex","role","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","ariaModal","_ref7$compact","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","_excluded7","defaultLabelId","labelledbyId","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","fadeTimer","setTimeout","clearTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_ref9$howToClose","_excluded8","isDialog","configuredModalProps","concat","_toConsumableArray","headerOnClose","Modal","ModalHeading","_React$useContext6","_React$useContext7","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 { useId } from '@react-aria/utils'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport type { HeadingProps } from '../Semantic/Semantic.types'\nimport type { TypographyProps } from '../Typography'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport type { RenderProps } from '../_hooks/Visibility'\nimport { Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport { mergeRefs } from '../_utils/mergeRefs'\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 type {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalOnClose,\n  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\nconst ModalPrimaryHeadingCheckContext = React.createContext({\n  inModalHeader: false,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n  ariaLabelledBy?: string\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n  ariaLabelledBy: undefined,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(\n  (\n    { children, compact = false, onClose: externalOnClose, qa, ...props },\n    ref\n  ) => {\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        $compact={compact}\n        $isBodyScrolled={isBodyScrolled}\n        {...props}\n        ref={mergeRefs(ref, modalClosableHeaderRef)}\n        data-id=\"modal-header\"\n      >\n        <ModalPrimaryHeadingCheckContext.Provider\n          value={{ inModalHeader: true }}\n        >\n          <StyledModalHeading $compact={compact}>{children}</StyledModalHeading>\n          {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n            <StyledModalCancel>\n              <Button\n                aria-label={I18n.t('core.modal.a11y.close')}\n                data-internal=\"close-button\"\n                data-qa={qa?.closeButton}\n                icon={<Clear />}\n                onClick={onClickButton}\n                size={compact ? 'sm' : 'md'}\n                variant=\"tertiary\"\n              />\n            </StyledModalCancel>\n          ) : null}\n        </ModalPrimaryHeadingCheckContext.Provider>\n      </StyledModalHeader>\n    )\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  ({ compact = false, 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        $compact={compact}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, compact = false, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { ariaLabelledBy, setIsBodyScrolled } = React.useContext(\n      ModalBodyScrollContext\n    )\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            $compact={compact}\n            $isOverflowingY={isOverflowingY}\n            $noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n            role=\"region\"\n            aria-labelledby={ariaLabelledBy}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ children, ...props }, ref) => {\n  return (\n    <StyledModalFooterSummary {...props} ref={ref}>\n      {children}\n    </StyledModalFooterSummary>\n  )\n})\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement> & 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\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      ['aria-modal']: ariaModal,\n      children,\n      compact = false,\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 defaultLabelId = useId()\n    const labelledbyId = ariaLabel ? id : ariaLabelledby ?? defaultLabelId\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        const fadeTimer = setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n        return () => clearTimeout(fadeTimer)\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': labelledbyId,\n      'aria-label': ariaLabel,\n      'aria-modal': ariaModal,\n      id,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps =\n      onClose && (role === 'dialog' || role === 'alertdialog')\n        ? dialogProps_\n        : {}\n\n    function onClickScrim(e: React.MouseEvent<HTMLDivElement>) {\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              <OverridableFocusScope\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                  data-id=\"modal\"\n                >\n                  <StyledModalScrim\n                    data-qa=\"core-modal-scrim\"\n                    onClick={onClickScrim}\n                  />\n\n                  <ModalContainer\n                    {...props}\n                    compact={compact}\n                    placement={placement}\n                  >\n                    <StyledModalContent $compact={compact}>\n                      <ModalBodyScrollObserver ariaLabelledBy={labelledbyId}>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </OverridableFocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\ninterface ModalBodyScrollObserverProps {\n  ariaLabelledBy?: string\n}\n\nconst ModalBodyScrollObserver = ({\n  ariaLabelledBy,\n  children,\n}: React.PropsWithChildren<ModalBodyScrollObserverProps>) => {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ ariaLabelledBy, isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, howToClose = [], onClose, ...props }, ref) => {\n    const isDialog = props.role === 'dialog' || props.role === 'alertdialog'\n\n    // When role=\"dialog\", pass onClose to Modal for focus management and Escape key.\n    // The header X button is handled via ModalCloseContext when howToClose includes 'x'.\n    const configuredModalProps =\n      isDialog && onClose\n        ? {\n            onClose: onClose as ModalOnClose,\n            howToClose: ['x', ...howToClose] as ModalOptionalCloseStartegy[],\n          }\n        : undefined\n    const headerOnClose =\n      !isDialog && onClose\n        ? (onClose as (event: React.MouseEvent<HTMLButtonElement>) => void)\n        : undefined\n\n    return (\n      <Modal {...props} {...configuredModalProps} ref={ref}>\n        <ModalClosableHeader onClose={headerOnClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          <ModalHeading>{headline}</ModalHeading>\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\n/**\n * Applies proper semantics regardless of where in the Modal.\n * @a11y The primary heading that is auto linked to the dialog and scroll region with\n * aria-labelledby, when inside the Modal.Header.\n */\nconst ModalHeading = (\n  props: React.PropsWithChildren<HeadingProps & { level?: number }>\n) => {\n  const { ariaLabelledBy } = React.useContext(ModalBodyScrollContext)\n  const { inModalHeader } = React.useContext(ModalPrimaryHeadingCheckContext)\n\n  return <Heading id={inModalHeader ? ariaLabelledBy : undefined} {...props} />\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\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://stories.core.procore.com/?path=/story/core-react_demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    /**\n     * @a11y The primary heading inside the `Modal.Header` that is auto linked\n     * to the dialog and scroll region with aria-labelledby.\n     */\n    Heading: ModalHeading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAChD,SAASC,KAAK,QAAQ,mBAAmB;AACzC,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,MAAM,QAAQ,WAAW;AAClC,SACEC,OAAO,EACPC,YAAY,EACZC,OAAO,EACPC,eAAe,QACV,oBAAoB;AAG3B,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,aAAa,QAAQ,sBAAsB;AAEpD,SAASC,UAAU,QAAQ,sBAAsB;AACjD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,uBAAuB,EACvBC,0BAA0B,EAC1BC,wBAAwB,QACnB,4BAA4B;AACnC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SACEC,qBAAqB,EACrBC,6BAA6B,QACxB,yBAAyB;AAChC,SACEC,eAAe,EACfC,gBAAgB,EAChBC,WAAW,EACXC,eAAe,EACfC,kBAAkB,EAClBC,iBAAiB,EACjBC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,EACjBC,yBAAyB,EACzBC,wBAAwB,EACxBC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,EAChBC,sBAAsB,QACjB,gBAAgB;AAWvB,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE,SAASC,IAAIA,CAAA,EAAG,CAAC;AACjB,IAAMC,iBAAiB,GAAG,CAAC;AAC3B,IAAMC,gBAAgB,GAAG,CAAC;AAE1B,IAAMC,iBAAiB,gBAAG1C,KAAK,CAAC2C,aAAa,CAAuB;EAClEC,UAAU,EAAE,EAAE;EACdC,OAAO,EAAEC;AACX,CAAC,CAAC;AAEF,IAAMC,+BAA+B,gBAAG/C,KAAK,CAAC2C,aAAa,CAAC;EAC1DK,aAAa,EAAE;AACjB,CAAC,CAAC;AAQF,IAAMC,sBAAsB,gBAAGjD,KAAK,CAAC2C,aAAa,CAA4B;EAC5EO,cAAc,EAAE,KAAK;EACrBC,iBAAiB,EAAEZ,IAAI;EACvBa,cAAc,EAAEN;AAClB,CAAC,CAAC;AAEF,IAAMO,mBAAmB,gBAAGrD,KAAK,CAACsD,UAAU,CAI1C,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAWE,eAAe,GAAAL,IAAA,CAAxBV,OAAO;IAAmBgB,EAAE,GAAAN,IAAA,CAAFM,EAAE;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGnE,IAAAC,iBAAA,GAA2BjE,KAAK,CAACkE,UAAU,CAACjB,sBAAsB,CAAC;IAA3DC,cAAc,GAAAe,iBAAA,CAAdf,cAAc;EACtB,IAAAiB,kBAAA,GAAgCnE,KAAK,CAACkE,UAAU,CAACxB,iBAAiB,CAAC;IAA3DE,UAAU,GAAAuB,kBAAA,CAAVvB,UAAU;IAAEC,OAAO,GAAAsB,kBAAA,CAAPtB,OAAO;EAC3B,IAAMuB,IAAI,GAAGxD,cAAc,CAAC,CAAC;EAC7B,IAAMyD,sBAAsB,GAAGrE,KAAK,CAACsE,MAAM,CAAC,IAAI,CAAC;EAEjD,IAAAC,qBAAA,GAA6BrD,0BAA0B,CAAC,CAAC;IAAjDsD,gBAAgB,GAAAD,qBAAA,CAAhBC,gBAAgB;EACxB,IAAMC,gBAAgB,GAAGnD,6BAA6B,CAAC,CAAC;EAExDrB,SAAS,CAAC,YAAM;IACdwE,gBAAgB,CAAC;MAAEC,KAAK,EAAE,QAAQ;MAAElB,GAAG,EAAEa;IAAuB,CAAC,CAAC;EACpE,CAAC,EAAE,EAAE,CAAC;EAEN,SAASM,aAAaA,CAACC,CAAsC,EAAE;IAC7D,IAAI/B,OAAO,IAAID,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEiC,QAAQ,CAAC,GAAG,CAAC,EAAE;MACxCL,gBAAgB,CAAC3B,OAAO,CAAC,CAAC+B,CAAC,EAAE,GAAG,CAAC;MACjC;IACF;IACAJ,gBAAgB,CAACZ,eAAgB,CAAC,CAACgB,CAAC,CAAC;EACvC;EAEA,oBACE5E,KAAA,CAAA8E,aAAA,CAAC5C,iBAAiB,EAAA6C,QAAA;IAChBC,QAAQ,EAAErB,OAAQ;IAClBsB,eAAe,EAAE/B;EAAe,GAC5BY,KAAK;IACTN,GAAG,EAAEpC,SAAS,CAACoC,GAAG,EAAEa,sBAAsB,CAAE;IAC5C,WAAQ;EAAc,iBAEtBrE,KAAA,CAAA8E,aAAA,CAAC/B,+BAA+B,CAACmC,QAAQ;IACvCC,KAAK,EAAE;MAAEnC,aAAa,EAAE;IAAK;EAAE,gBAE/BhD,KAAA,CAAA8E,aAAA,CAAC3C,kBAAkB;IAAC6C,QAAQ,EAAErB;EAAQ,GAAEF,QAA6B,CAAC,EACpEZ,OAAO,IAAID,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEiC,QAAQ,CAAC,GAAG,CAAC,IAAKjB,eAAe,gBACxD5D,KAAA,CAAA8E,aAAA,CAAClD,iBAAiB,qBAChB5B,KAAA,CAAA8E,aAAA,CAAC5E,MAAM;IACL,cAAYkE,IAAI,CAACgB,CAAC,CAAC,uBAAuB,CAAE;IAC5C,iBAAc,cAAc;IAC5B,WAASvB,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEwB,WAAY;IACzBC,IAAI,eAAEtF,KAAA,CAAA8E,aAAA,CAAChF,KAAK,MAAE,CAAE;IAChByF,OAAO,EAAEZ,aAAc;IACvBa,IAAI,EAAE7B,OAAO,GAAG,IAAI,GAAG,IAAK;IAC5B8B,OAAO,EAAC;EAAU,CACnB,CACgB,CAAC,GAClB,IACoC,CACzB,CAAC;AAExB,CACF,CAAC;AAED,IAAMC,0BAA0B,gBAAG1F,KAAK,CAACsD,UAAU,CAGjD,UAAAqC,KAAA,EAAyBnC,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAkC,KAAA,CAARlC,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAA4B,KAAA,EAAAC,UAAA;EACrB,IAAAC,kBAAA,GAAgC7F,KAAK,CAACkE,UAAU,CAACxB,iBAAiB,CAAC;IAA3DE,UAAU,GAAAiD,kBAAA,CAAVjD,UAAU;IAAEC,OAAO,GAAAgD,kBAAA,CAAPhD,OAAO;EAC3B,IAAMuB,IAAI,GAAGxD,cAAc,CAAC,CAAC;EAC7B,IAAAkF,sBAAA,GAA6B5E,0BAA0B,CAAC,CAAC;IAAjDsD,gBAAgB,GAAAsB,sBAAA,CAAhBtB,gBAAgB;EACxB,IAAMuB,6BAA6B,GAAG/F,KAAK,CAACsE,MAAM,CAAC,IAAI,CAAC;EAExD,IAAMG,gBAAgB,GAAGnD,6BAA6B,CAAC,CAAC;EAExDrB,SAAS,CAAC,YAAM;IACdwE,gBAAgB,CAAC;MACfC,KAAK,EAAE,kBAAkB;MACzBlB,GAAG,EAAEuC;IACP,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,SAASpB,aAAaA,CAACC,CAAsC,EAAE;IAC7DJ,gBAAgB,CAAC3B,OAAQ,CAAC,CAAC+B,CAAC,EAAE,eAAe,CAAC;EAChD;EAEA,oBACE5E,KAAA,CAAA8E,aAAA,CAACnD,kBAAkB,EAAAoD,QAAA,KACbjB,KAAK;IACTN,GAAG,EAAEpC,SAAS,CAACoC,GAAG,EAAEuC,6BAA6B;EAAE,IAElD,CAAAnD,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEiC,QAAQ,CAAC,eAAe,CAAC,kBACpC7E,KAAA,CAAA8E,aAAA,CAAC5E,MAAM;IAACqF,OAAO,EAAEZ,aAAc;IAACc,OAAO,EAAC;EAAU,GAC/CrB,IAAI,CAACgB,CAAC,CAAC,mBAAmB,CACrB,CACT,EACA3B,QACiB,CAAC;AAEzB,CAAC,CAAC;AAEF,IAAMuC,cAAc,gBAAGhG,KAAK,CAACsD,UAAU,CACrC,UAAA2C,KAAA,EAAkDzC,GAAG,EAAK;EAAA,IAAA0C,aAAA,GAAAD,KAAA,CAAvDtC,OAAO;IAAPA,OAAO,GAAAuC,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;IAAKtC,KAAK,GAAAC,wBAAA,CAAAkC,KAAA,EAAAI,UAAA;EAC5C,IAAAC,kBAAA,GAAoBtG,KAAK,CAACkE,UAAU,CAACxB,iBAAiB,CAAC;IAA/CG,OAAO,GAAAyD,kBAAA,CAAPzD,OAAO;EACf,IAAM0D,iBAAiB,GAAGvG,KAAK,CAACsE,MAAM,CAAiB,IAAI,CAAC;EAC5DhC,uBAAuB,CAAC;IAAEiE,iBAAiB,EAAjBA,iBAAiB;IAAEC,UAAU,EAAE,CAAC,CAAC3D;EAAQ,CAAC,CAAC;EAErE,oBACE7C,KAAA,CAAA8E,aAAA,CAACjD,oBAAoB,EAAAkD,QAAA,KACfjB,KAAK;IACT2C,cAAc,EAAE,CAAE;IAClBzB,QAAQ,EAAErB,OAAQ;IAClB+C,UAAU,EAAEP,SAAU;IACtBQ,MAAM,EAAEP,KAAM;IACd5C,GAAG,EAAEpC,SAAS,CAACoC,GAAG,EAAE+C,iBAAiB;EAAE,EACxC,CAAC;AAEN,CACF,CAAC;AAED,IAAMK,SAAS,gBAAG5G,KAAK,CAACsD,UAAU,CAChC,UAAAuD,KAAA,EAAiErD,GAAG,EAAK;EAAA,IAAtEC,QAAQ,GAAAoD,KAAA,CAARpD,QAAQ;IAAAqD,aAAA,GAAAD,KAAA,CAAElD,OAAO;IAAPA,OAAO,GAAAmD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAC,mBAAA,GAAAF,KAAA,CAAEG,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAKjD,KAAK,GAAAC,wBAAA,CAAA8C,KAAA,EAAAI,UAAA;EAC3D,IAAAC,oBAAA,GAA6CrG,mBAAmB,CAAC,CAAC;IAA1DsG,cAAc,GAAAD,oBAAA,CAAdC,cAAc;IAAOC,WAAW,GAAAF,oBAAA,CAAhB1D,GAAG;EAC3B,IAAM6D,SAAS,GAAGrH,KAAK,CAACsE,MAAM,CAAC,IAAI,CAAC;EACpC,IAAMgD,YAAY,GAAGtH,KAAK,CAACsE,MAAM,CAAC,IAAI,CAAC;EACvC,IAAAiD,kBAAA,GAA8CvH,KAAK,CAACkE,UAAU,CAC5DjB,sBACF,CAAC;IAFOG,cAAc,GAAAmE,kBAAA,CAAdnE,cAAc;IAAED,iBAAiB,GAAAoE,kBAAA,CAAjBpE,iBAAiB;EAGzC,IAAMsB,gBAAgB,GAAGnD,6BAA6B,CAAC,CAAC;EAExDrB,SAAS,CAAC,YAAM;IACdwE,gBAAgB,CAAC;MAAEC,KAAK,EAAE,MAAM;MAAElB,GAAG,EAAE8D;IAAa,CAAC,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN5G,sBAAsB,CAAC;IACrB8G,KAAK,EAAE,QAAQ;IACfC,OAAO,EAAE,SAATA,OAAOA,CAAG7C,CAA6B,EAAK;MAC1CzB,iBAAiB,CAACyB,CAAC,CAAC8C,aAAa,CAACC,SAAS,GAAG,CAAC,CAAC;IAClD,CAAC;IACDC,KAAK,EAAEP;EACT,CAAC,CAAC;EAEF,oBACErH,KAAA,CAAA8E,aAAA,CAACtE,eAAe,qBACdR,KAAA,CAAA8E,aAAA,CAACxE,YAAY,CAAC4E,QAAQ;IAACC,KAAK,EAAE1C;EAAiB,gBAC7CzC,KAAA,CAAA8E,aAAA,CAACpD,eAAe,EAAAqD,QAAA,KACVjB,KAAK;IACTkB,QAAQ,EAAErB,OAAQ;IAClBkE,eAAe,EAAEV,cAAe;IAChCW,cAAc,EAAEd,aAAc;IAC9BxD,GAAG,EAAEpC,SAAS,CAACgG,WAAW,EAAEC,SAAS,EAAE7D,GAAG,EAAE8D,YAAY,CAAE;IAC1DS,QAAQ,EAAE,CAAE;IACZC,IAAI,EAAC,QAAQ;IACb,mBAAiB5E;EAAe,IAE/BK,QACc,CACI,CACR,CAAC;AAEtB,CACF,CAAC;AAED,IAAMwE,kBAAkB,gBAAGjI,KAAK,CAACsD,UAAU,CAGzC,UAAA4E,KAAA,EAAyB1E,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAyE,KAAA,CAARzE,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAAmE,KAAA,EAAAC,UAAA;EACrB,oBACEnI,KAAA,CAAA8E,aAAA,CAAC7C,wBAAwB,EAAA8C,QAAA,KAAKjB,KAAK;IAAEN,GAAG,EAAEA;EAAI,IAC3CC,QACuB,CAAC;AAE/B,CAAC,CAAC;AAEF,IAAM2E,mBAAmB,gBAAGpI,KAAK,CAACsD,UAAU,CAG1C,UAAA+E,KAAA,EAAyB7E,GAAG;EAAA,IAAzBC,QAAQ,GAAA4E,KAAA,CAAR5E,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAAsE,KAAA,EAAAC,UAAA;EAAA,oBACrBtI,KAAA,CAAA8E,aAAA,CAAC9C,yBAAyB,EAAA+C,QAAA;IACxB,aAAU,QAAQ;IAClBwD,MAAM,EAAC,OAAO;IACdC,KAAK,EAAC,QAAQ;IACdC,MAAM;EAAA,GACF3E,KAAK;IACTN,GAAG,EAAEA;EAAI,IAERC,QACwB,CAAC;AAAA,CAC7B,CAAC;AAEF,IAAMiF,MAAM,gBAAG1I,KAAK,CAACsD,UAAU,CAC7B,UAAAqF,KAAA,EAkBEnF,GAAG,EACA;EAAA,IAjBqBoF,eAAe,GAAAD,KAAA,CAApC,kBAAkB;IACDE,WAAW,GAAAF,KAAA,CAA5B,cAAc;IACMG,cAAc,GAAAH,KAAA,CAAlC,iBAAiB;IACFI,SAAS,GAAAJ,KAAA,CAAxB,YAAY;IACGK,SAAS,GAAAL,KAAA,CAAxB,YAAY;IACblF,QAAQ,GAAAkF,KAAA,CAARlF,QAAQ;IAAAwF,aAAA,GAAAN,KAAA,CACRhF,OAAO;IAAPA,OAAO,GAAAsF,aAAA,cAAG,KAAK,GAAAA,aAAA;IACfrG,UAAU,GAAA+F,KAAA,CAAV/F,UAAU;IACVsG,EAAE,GAAAP,KAAA,CAAFO,EAAE;IAAAC,oBAAA,GAAAR,KAAA,CACFS,cAAc;IAAdA,cAAc,GAAAD,oBAAA,cAAG5G,IAAI,GAAA4G,oBAAA;IACrBtG,OAAO,GAAA8F,KAAA,CAAP9F,OAAO;IAAAwG,UAAA,GAAAV,KAAA,CACPW,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,eAAA,GAAAZ,KAAA,CACZxC,SAAS;IAATA,SAAS,GAAAoD,eAAA,cAAG,QAAQ,GAAAA,eAAA;IACpBvB,IAAI,GAAAW,KAAA,CAAJX,IAAI;IACDlE,KAAK,GAAAC,wBAAA,CAAA4E,KAAA,EAAAa,UAAA;EAIV1I,aAAa,CAACwI,IAAI,CAAC;EACnB,IAAMG,cAAc,GAAG1J,KAAK,CAAC,CAAC;EAC9B,IAAM2J,YAAY,GAAGX,SAAS,GAAGG,EAAE,GAAGJ,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAIW,cAAc;EACtE,IAAAE,eAAA,GAA8B3J,KAAK,CAAC4J,QAAQ,CAAUN,IAAI,CAAC;IAAAO,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAApDI,OAAO,GAAAF,gBAAA;IAAEG,UAAU,GAAAH,gBAAA;EAC1B,IAAAI,gBAAA,GAAgCjK,KAAK,CAAC4J,QAAQ,CAAS,EAAE,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAAnDE,QAAQ,GAAAD,gBAAA;IAAEE,WAAW,GAAAF,gBAAA;EAC5B,IAAMG,qBAAqB,GAAGlJ,wBAAwB,CAAC,CAAC;EACxD,IAAQqD,gBAAgB,GAAK6F,qBAAqB,CAA1C7F,gBAAgB;EAExBxE,KAAK,CAACC,SAAS,CAAC,YAAM;IACpB,IAAIqJ,IAAI,EAAE;MACRU,UAAU,CAAC,IAAI,CAAC;MAChB,IAAMM,SAAS,GAAGC,UAAU,CAAC,YAAM;QACjCH,WAAW,CAAC7I,eAAe,CAAC;MAC9B,CAAC,EAAE,CAAC,CAAC;MACL,OAAO;QAAA,OAAMiJ,YAAY,CAACF,SAAS,CAAC;MAAA;IACtC,CAAC,MAAM;MACLF,WAAW,CAAC5I,gBAAgB,CAAC;IAC/B;EACF,CAAC,EAAE,CAAC8H,IAAI,CAAC,CAAC;EAEV,IAAMmB,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAIN,QAAQ,KAAK3I,gBAAgB,EAAE;MACjCwI,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC;EAED,IAAMU,aAAa,GAAG,SAAhBA,aAAaA,CAAI9F,CAAsC,EAAK;IAChE,IAAI,CAAC/B,OAAO,EAAE;IACd,IAAI+B,CAAC,CAAC+F,GAAG,KAAK,QAAQ,EAAE;MACtB/F,CAAC,CAACgG,cAAc,CAAC,CAAC;MAClBhG,CAAC,CAACiG,eAAe,CAAC,CAAC;MACnBrG,gBAAgB,CAAC3B,OAAO,CAAC,CAAC+B,CAAC,EAAE,GAAG,CAAC;IACnC;EACF,CAAC;EAED,IAAAkG,mBAAA,GAAsC3K,kBAAkB,CAAC;MACvD,kBAAkB,EAAEyI,eAAe;MACnC,cAAc,EAAEC,WAAW;MAC3B,iBAAiB,EAAEa,YAAY;MAC/B,YAAY,EAAEX,SAAS;MACvB,YAAY,EAAEC,SAAS;MACvBE,EAAE,EAAFA,EAAE;MACF6B,MAAM,EAAEzB,IAAI;MACZtB,IAAI,EAAJA;IACF,CAAC,CAAC;IATmBgD,YAAY,GAAAF,mBAAA,CAAzBG,WAAW;EAWnB,IAAMA,WAAW,GACfpI,OAAO,KAAKmF,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,aAAa,CAAC,GACpDgD,YAAY,GACZ,CAAC,CAAC;EAER,SAASE,YAAYA,CAACtG,CAAmC,EAAE;IACzDwE,cAAc,CAACxE,CAAC,CAAC;IACjB,IAAI/B,OAAO,IAAID,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEiC,QAAQ,CAAC,OAAO,CAAC,EAAE;MAC5CL,gBAAgB,CAAC3B,OAAO,CAAC,CAAC+B,CAAC,EAAE,OAAO,CAAC;IACvC;EACF;EAEA,OAAOmF,OAAO,gBACZ/J,KAAA,CAAA8E,aAAA,CAAC1E,MAAM,qBACLJ,KAAA,CAAA8E,aAAA,CAACpC,iBAAiB,CAACwC,QAAQ;IAACC,KAAK,EAAE;MAAEtC,OAAO,EAAPA,OAAO;MAAED,UAAU,EAAVA;IAAW;EAAE,gBACzD5C,KAAA,CAAA8E,aAAA,CAACxE,YAAY,CAAC4E,QAAQ;IAACC,KAAK,EAAE3C;EAAkB,gBAC9CxC,KAAA,CAAA8E,aAAA,CAACzD,qBAAqB,qBACpBrB,KAAA,CAAA8E,aAAA,CAACnE;EACC;EAAA;IACAwK,SAAS,EAAE,CAAC,CAACtI,OAAQ;IACrBuI,OAAO,EAAE,CAAC,CAACvI,OAAQ;IACnBwI,YAAY,EAAE,CAAC,CAACxI;EAAQ,gBAExB7C,KAAA,CAAA8E,aAAA,CAACrD,WAAW,EAAAsD,QAAA;IACVuG,SAAS,EAAEnB,QAAS;IACpB3G,GAAG,EAAEA,GAAI;IACTiH,eAAe,EAAEA,eAAgB;IACjCc,SAAS,EAAEb;EAAc,GACrBO,WAAW;IACf,WAAQ;EAAO,iBAEfjL,KAAA,CAAA8E,aAAA,CAAC1C,gBAAgB;IACf,WAAQ,kBAAkB;IAC1BmD,OAAO,EAAE2F;EAAa,CACvB,CAAC,eAEFlL,KAAA,CAAA8E,aAAA,CAACkB,cAAc,EAAAjB,QAAA,KACTjB,KAAK;IACTH,OAAO,EAAEA,OAAQ;IACjBwC,SAAS,EAAEA;EAAU,iBAErBnG,KAAA,CAAA8E,aAAA,CAAChD,kBAAkB;IAACkD,QAAQ,EAAErB;EAAQ,gBACpC3D,KAAA,CAAA8E,aAAA,CAAC0G,uBAAuB;IAACpI,cAAc,EAAEsG;EAAa,gBACpD1J,KAAA,CAAA8E,aAAA,CAAC7D,uBAAuB,CAACiE,QAAQ;IAC/BC,KAAK,EAAEkF;EAAsB,GAE5B5G,QAC+B,CACX,CACP,CACN,CACL,CACQ,CACF,CACF,CACG,CACtB,CAAC,GACP,IAAI;AACV,CACF,CAAC;AAMD,IAAM+H,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,KAAA,EAGgC;EAAA,IAF3DrI,cAAc,GAAAqI,KAAA,CAAdrI,cAAc;IACdK,QAAQ,GAAAgI,KAAA,CAARhI,QAAQ;EAER,IAAAiI,gBAAA,GAA4C1L,KAAK,CAAC4J,QAAQ,CAAU,KAAK,CAAC;IAAA+B,gBAAA,GAAA7B,cAAA,CAAA4B,gBAAA;IAAnExI,cAAc,GAAAyI,gBAAA;IAAExI,iBAAiB,GAAAwI,gBAAA;EAExC,oBACE3L,KAAA,CAAA8E,aAAA,CAAC7B,sBAAsB,CAACiC,QAAQ;IAC9BC,KAAK,EAAE;MAAE/B,cAAc,EAAdA,cAAc;MAAEF,cAAc,EAAdA,cAAc;MAAEC,iBAAiB,EAAjBA;IAAkB;EAAE,GAE5DM,QAC8B,CAAC;AAEtC,CAAC;AAED,OAAO,IAAMmI,YAAY,gBAAG5L,KAAK,CAACsD,UAAU,CAC1C,UAAAuI,KAAA,EAA6DrI,GAAG,EAAK;EAAA,IAAlEC,QAAQ,GAAAoI,KAAA,CAARpI,QAAQ;IAAEqI,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAAC,gBAAA,GAAAF,KAAA,CAAEjJ,UAAU;IAAVA,UAAU,GAAAmJ,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAAElJ,OAAO,GAAAgJ,KAAA,CAAPhJ,OAAO;IAAKiB,KAAK,GAAAC,wBAAA,CAAA8H,KAAA,EAAAG,UAAA;EACvD,IAAMC,QAAQ,GAAGnI,KAAK,CAACkE,IAAI,KAAK,QAAQ,IAAIlE,KAAK,CAACkE,IAAI,KAAK,aAAa;;EAExE;EACA;EACA,IAAMkE,oBAAoB,GACxBD,QAAQ,IAAIpJ,OAAO,GACf;IACEA,OAAO,EAAEA,OAAuB;IAChCD,UAAU,GAAG,GAAG,EAAAuJ,MAAA,CAAAC,kBAAA,CAAKxJ,UAAU;EACjC,CAAC,GACDE,SAAS;EACf,IAAMuJ,aAAa,GACjB,CAACJ,QAAQ,IAAIpJ,OAAO,GACfA,OAAO,GACRC,SAAS;EAEf,oBACE9C,KAAA,CAAA8E,aAAA,CAACwH,KAAK,EAAAvH,QAAA,KAAKjB,KAAK,EAAMoI,oBAAoB;IAAE1I,GAAG,EAAEA;EAAI,iBACnDxD,KAAA,CAAA8E,aAAA,CAACzB,mBAAmB;IAACR,OAAO,EAAEwJ;EAAc,gBAC1CrM,KAAA,CAAA8E,aAAA,CAACzC,sBAAsB;IAACmD,IAAI,EAAC;EAAI,CAAE,CAAC,eACpCxF,KAAA,CAAA8E,aAAA,CAACyH,YAAY,QAAET,QAAuB,CACnB,CAAC,EACrBrI,QACI,CAAC;AAEZ,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,IAAM8I,YAAY,GAAG,SAAfA,YAAYA,CAChBzI,KAAiE,EAC9D;EACH,IAAA0I,kBAAA,GAA2BxM,KAAK,CAACkE,UAAU,CAACjB,sBAAsB,CAAC;IAA3DG,cAAc,GAAAoJ,kBAAA,CAAdpJ,cAAc;EACtB,IAAAqJ,kBAAA,GAA0BzM,KAAK,CAACkE,UAAU,CAACnB,+BAA+B,CAAC;IAAnEC,aAAa,GAAAyJ,kBAAA,CAAbzJ,aAAa;EAErB,oBAAOhD,KAAA,CAAA8E,aAAA,CAACzE,OAAO,EAAA0E,QAAA;IAACmE,EAAE,EAAElG,aAAa,GAAGI,cAAc,GAAGN;EAAU,GAAKgB,KAAK,CAAG,CAAC;AAC/E,CAAC;AAED,SAAS4I,UAAUA,CAAC5I,KAAkB,EAAE;EACtCrD,cAAc,CAAC;IAAEkM,QAAQ,EAAE;EAAc,CAAC,CAAC;EAC3C,oBAAO3M,KAAA,CAAA8E,aAAA,CAAC/D,UAAU,EAAK+C,KAAQ,CAAC;AAClC;AAEA4E,MAAM,CAACkE,WAAW,GAAG,OAAO;AAE5BhB,YAAY,CAACgB,WAAW,GAAG,cAAc;AAEzChG,SAAS,CAACgG,WAAW,GAAG,YAAY;AAEpCxE,mBAAmB,CAACwE,WAAW,GAAG,sBAAsB;AAExD3E,kBAAkB,CAAC2E,WAAW,GAAG,qBAAqB;AAEtD,IAAMC,IAAI,GAAGjG,SAAS;AACtB,IAAMkG,SAAS,GAAG9G,cAAc;AAChC,IAAM+G,OAAO,GAAGjL,kBAAkB;AAClC,IAAMkL,aAAa,GAAG/E,kBAAkB;AACxC,IAAMgF,MAAM,GAAGlL,iBAAiB;AAChC,IAAMmL,aAAa,GAAGxH,0BAA0B;AAChD,IAAMyH,cAAc,GAAG/E,mBAAmB;AAC1C,IAAMgF,MAAM,GAAG/J,mBAAmB;AAClC,IAAMgK,OAAO,GAAG5L,WAAW;AAC3B,IAAM6L,KAAK,GAAGlL,gBAAgB;AAC9B,IAAMmL,KAAK,GAAGb,UAAU;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMJ,KAAK,GAAGtL,gBAAgB,CACnC;EACE6L,IAAI,EAAJA,IAAI;EACJC,SAAS,EAATA,SAAS;EACTC,OAAO,EAAPA,OAAO;EACPE,MAAM,EAANA,MAAM;EACNC,aAAa,EAAbA,aAAa;EACbC,cAAc,EAAdA,cAAc;EACdH,aAAa,EAAbA,aAAa;EACbI,MAAM,EAANA,MAAM;EACN;AACJ;AACA;AACA;EACI/M,OAAO,EAAEkM,YAAY;EACrBc,OAAO,EAAPA,OAAO;EACPC,KAAK,EAALA,KAAK;EACLC,KAAK,EAALA,KAAK;EACLhN,OAAO,EAAPA;AACF,CAAC,EACDmI,MACF,CAAC","ignoreList":[]}

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_52_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_52_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_52_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_52_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_52_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_52_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_52_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_52_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_52_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_52_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_52_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_52_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_52_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;