koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
1 lines • 1.93 kB
Source Map (JSON)
{"version":3,"file":"TransitionDialog.cjs","sources":["../../../../src/lib/Dialog/TransitionDialog.tsx"],"sourcesContent":["import type {FC, ComponentProps} from 'react';\nimport classNames from 'classnames';\n\nimport {Transition} from '@/internal/Transitions';\nimport classes from '@/internal/Transitions/Transitions.module.css';\n\nimport {Animations} from './types.ts';\n\nexport type Props = Omit<\n ComponentProps<typeof Transition>,\n 'enterClassName' | 'exitClassName' | 'exitDoneClassName' | 'enterDoneClassName'\n> & {\n animation?: keyof typeof Animations;\n};\n\nexport const TransitionDialog: FC<Props> = ({children, animation, ...restProps}) => {\n return (\n <Transition\n {...restProps}\n exitClassName={classNames(\n {\n [classes.slideTopExit]: animation === Animations['slide-top'],\n [classes.scaleInExit]: animation === Animations['scale-in'],\n },\n classes.backdropFadeExit\n )}\n enterClassName={classNames(\n {\n [classes.slideTopEnter]: animation === Animations['slide-top'],\n [classes.scaleInEnter]: animation === Animations['scale-in'],\n },\n classes.backdropFadeEnter\n )}>\n {children}\n </Transition>\n );\n};\n"],"names":["TransitionDialog","children","animation","restProps","jsx","Transition","classNames","classes","Animations"],"mappings":"6SAeaA,EAA8B,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAE7DC,EAAA,IAACC,EAAA,WAAA,CACI,GAAGF,EACJ,cAAeG,EACX,CACI,CAACC,EAAQ,QAAA,YAAY,EAAGL,IAAcM,EAAAA,WAAW,WAAW,EAC5D,CAACD,UAAQ,WAAW,EAAGL,IAAcM,aAAW,UAAU,CAC9D,EACAD,UAAQ,gBACZ,EACA,eAAgBD,EACZ,CACI,CAACC,EAAQ,QAAA,aAAa,EAAGL,IAAcM,EAAAA,WAAW,WAAW,EAC7D,CAACD,UAAQ,YAAY,EAAGL,IAAcM,aAAW,UAAU,CAC/D,EACAD,UAAQ,iBACZ,EACC,SAAAN,CAAA,CACL"}