{"version":3,"file":"Modal-710d998d.js","sources":["../../../app/packs/src/design-system/components/molecules/Modal/Modal.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\nimport cn from 'classnames'\nimport { Overlay } from '../../atoms/Overlay'\nimport styles from './Modal.module.scss'\nimport { fadeVariant } from '../../../utils/variants'\n\nexport type RootProps = {\n  /**\n   * An element used to open/close the modal\n   */\n  trigger?: React.ReactElement\n  /**\n   * A title of the content of the modal, to announce when it opens\n   */\n  title: string\n  /**\n   * Show or hide the overlay which covers the document content while the modal is open\n   * @defaultValue `true`\n   */\n  overlay?: boolean\n  /**\n   * Content of the modal\n   */\n  children: React.ReactNode\n  className?: string\n\n  /**\n   * Callback when the user interacts outside of the modal\n   * Return `false` to prevent the modal from closing\n   * @param isOverlay `true` if the user interacted with the overlay\n   */\n  onInteractOutside?: (onInteractOutsideProps: {\n    isOverlay: boolean\n  }) => boolean\n\n  ignoreOutsideClick?: boolean\n} & Omit<Dialog.DialogProps, 'title'>\n\nexport const Root = ({\n  children,\n  className,\n  defaultOpen = false,\n  onInteractOutside,\n  onOpenChange,\n  open,\n  overlay = true,\n  ignoreOutsideClick = false,\n  title,\n  trigger,\n  ...restProps\n}: RootProps) => {\n  const overlayRef = React.useRef<HTMLDivElement>(null)\n\n  return (\n    <Dialog.Root\n      defaultOpen={defaultOpen}\n      modal={overlay}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>\n      <Dialog.Portal>\n        {overlay && (\n          <Dialog.Overlay>\n            <Overlay ref={overlayRef} />\n          </Dialog.Overlay>\n        )}\n        <Dialog.Content\n          className={cn(styles.wrapper)}\n          onInteractOutside={(e) => {\n            if (!overlay) e.preventDefault()\n            if (ignoreOutsideClick) e.preventDefault()\n            if (!onInteractOutside || !overlayRef.current) return\n\n            const isOverlay = overlayRef.current.contains(e.target as Node)\n            const allowClick = onInteractOutside({ isOverlay })\n            if (!allowClick) e.preventDefault() // prevent the modal from closing\n          }}\n          {...restProps}\n        >\n          <motion.div\n            animate=\"active\"\n            className={cn(styles.content, className)}\n            exit=\"inactive\"\n            initial=\"inactive\"\n            transition={{ duration: 0.2, delay: 0.1 }}\n            variants={fadeVariant}\n          >\n            <Dialog.Title className=\"sr-only\">{title}</Dialog.Title>\n            {children}\n          </motion.div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  )\n}\n\nexport const CloseButton = Dialog.Close\nexport type CloseButtonProps = Dialog.DialogCloseProps\n"],"names":["Root","children","className","defaultOpen","onInteractOutside","onOpenChange","open","overlay","ignoreOutsideClick","title","trigger","restProps","overlayRef","React.useRef","jsxs","Dialog.Root","jsx","Dialog.Trigger","Dialog.Portal","Dialog.Overlay","Overlay","Dialog.Content","cn","styles","e","isOverlay","motion","fadeVariant","Dialog.Title","CloseButton","Dialog.Close"],"mappings":"uLAwCO,MAAMA,EAAO,CAAC,CACnB,SAAAC,EACA,UAAAC,EACA,YAAAC,EAAc,GACd,kBAAAC,EACA,aAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,mBAAAC,EAAqB,GACrB,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAiB,CACT,MAAAC,EAAaC,SAA6B,IAAI,EAGlD,OAAAC,EAACC,EAAA,CACC,YAAAZ,EACA,MAAOI,EACP,aAAAF,EACA,KAAAC,EAEA,SAAA,CAAAU,EAACC,EAAA,CAAe,QAAO,GAAE,SAAQP,EAAA,EACjCI,EAACI,EAAA,CACE,SAAA,CACCX,GAAAS,EAACG,EAAA,CACC,WAACC,EAAQ,CAAA,IAAKR,CAAY,CAAA,EAC5B,EAEFI,EAACK,EAAA,CACC,UAAWC,EAAGC,EAAO,OAAO,EAC5B,kBAAoBC,GAAM,CAGpB,GAFCjB,GAASiB,EAAE,eAAe,EAC3BhB,GAAoBgB,EAAE,eAAe,EACrC,CAACpB,GAAqB,CAACQ,EAAW,QAAS,OAE/C,MAAMa,EAAYb,EAAW,QAAQ,SAASY,EAAE,MAAc,EAC3CpB,EAAkB,CAAE,UAAAqB,CAAW,CAAA,GACjCD,EAAE,eAAe,CACpC,EACC,GAAGb,EAEJ,SAAAG,EAACY,EAAO,IAAP,CACC,QAAQ,SACR,UAAWJ,EAAGC,EAAO,QAASrB,CAAS,EACvC,KAAK,WACL,QAAQ,WACR,WAAY,CAAE,SAAU,GAAK,MAAO,EAAI,EACxC,SAAUyB,EAEV,SAAA,CAAAX,EAACY,EAAA,CAAa,UAAU,UAAW,SAAMnB,EAAA,EACxCR,CAAA,CAAA,CACH,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAAA,CAGN,EAEa4B,EAAcC"}