UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 2.2 kB
{"version":3,"file":"ModalBaseOverlay.cjs","names":["useModalBaseContext","useModalTransition","Transition","Overlay"],"sources":["../../../src/components/ModalBase/ModalBaseOverlay.tsx"],"sourcesContent":["import { ElementProps } from '../../core';\nimport { Overlay, OverlayProps } from '../Overlay';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\nimport { useModalTransition } from './use-modal-transition';\n\nexport interface ModalBaseOverlayProps\n extends\n Omit<OverlayProps, 'styles' | 'classNames' | 'variant' | 'vars'>,\n ElementProps<'div', 'color'> {\n /** Props passed down to the `Transition` component */\n transitionProps?: TransitionOverride;\n\n /** Determines whether the overlay should be visible. By default, has the same value as `opened` state. */\n visible?: boolean;\n}\n\nexport function ModalBaseOverlay({\n onClick,\n transitionProps,\n style,\n visible,\n ...others\n}: ModalBaseOverlayProps) {\n const ctx = useModalBaseContext();\n const transition = useModalTransition(transitionProps);\n\n return (\n <Transition\n mounted={visible !== undefined ? visible : ctx.opened}\n {...transition}\n transition=\"fade\"\n >\n {(transitionStyles) => (\n <Overlay\n fixed\n style={[style, transitionStyles]}\n zIndex={ctx.zIndex}\n unstyled={ctx.unstyled}\n onClick={(event) => {\n onClick?.(event);\n ctx.closeOnClickOutside && ctx.onClose();\n }}\n {...others}\n />\n )}\n </Transition>\n );\n}\n\nModalBaseOverlay.displayName = '@mantine/core/ModalBaseOverlay';\n"],"mappings":";;;;;;;;AAiBA,SAAgB,iBAAiB,EAC/B,SACA,iBACA,OACA,SACA,GAAG,UACqB;CACxB,MAAM,MAAMA,0BAAAA,qBAAqB;CACjC,MAAM,aAAaC,6BAAAA,mBAAmB,gBAAgB;AAEtD,QACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EACE,SAAS,YAAY,KAAA,IAAY,UAAU,IAAI;EAC/C,GAAI;EACJ,YAAW;aAET,qBACA,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GACE,OAAA;GACA,OAAO,CAAC,OAAO,iBAAiB;GAChC,QAAQ,IAAI;GACZ,UAAU,IAAI;GACd,UAAU,UAAU;AAClB,cAAU,MAAM;AAChB,QAAI,uBAAuB,IAAI,SAAS;;GAE1C,GAAI;GACJ,CAAA;EAEO,CAAA;;AAIjB,iBAAiB,cAAc"}