All files / molecule/modal/src Modal.Portal.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
 
1x
78x
 
78x
39x
 
 
78x
 
 
1x
 
1x
 
 
 
 
 
 
 
 
import {useEffect} from 'react'
 
import PropTypes from 'prop-types'
 
import {Portal as RadixPortal} from '@radix-ui/react-dialog'
 
import {useModalContext} from './hooks/index.js'
 
/** When used, portals your overlay and content parts into the body. **/
const Portal = ({forceMount, container, ...props}) => {
  const {setForceMount} = useModalContext()
 
  useEffect(() => {
    setForceMount(forceMount)
  }, [forceMount])
 
  return <RadixPortal forceMount={forceMount} container={container} {...props} />
}
 
Portal.displayName = 'MoleculeModal.Portal'
 
Portal.propTypes = {
  /** Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries. If used on this part, it will be inherited by Dialog.Overlay and Dialog.Content. **/
  forceMount: PropTypes.bool,
  /** Specify a container element to portal the content into. **/
  container: PropTypes.any
}
 
export default Portal