UNPKG

@chakra-ui/modal

Version:

An accessible dialog (modal) component for React & Chakra UI

1 lines 2.49 kB
{"version":3,"sources":["../src/modal-transition.tsx"],"sourcesContent":["import { chakra, ChakraProps } from \"@chakra-ui/system\"\nimport { scaleFadeConfig, slideFadeConfig } from \"@chakra-ui/transition\"\nimport { HTMLMotionProps, motion } from \"framer-motion\"\nimport { forwardRef } from \"react\"\n\nexport interface ModalTransitionProps\n extends Omit<HTMLMotionProps<\"section\">, \"color\" | \"transition\">,\n ChakraProps {\n preset?:\n | \"slideInBottom\"\n | \"slideInRight\"\n | \"slideInTop\"\n | \"slideInLeft\"\n | \"scale\"\n | \"none\"\n motionProps?: HTMLMotionProps<\"section\">\n}\n\nconst transitions = {\n slideInBottom: {\n ...slideFadeConfig,\n custom: { offsetY: 16, reverse: true },\n },\n slideInRight: {\n ...slideFadeConfig,\n custom: { offsetX: 16, reverse: true },\n },\n slideInTop: {\n ...slideFadeConfig,\n custom: { offsetY: -16, reverse: true },\n },\n slideInLeft: {\n ...slideFadeConfig,\n custom: { offsetX: -16, reverse: true },\n },\n scale: {\n ...scaleFadeConfig,\n custom: { initialScale: 0.95, reverse: true },\n },\n none: {},\n}\n\nconst MotionSection = chakra(motion.section)\n\nconst getMotionProps = (preset: ModalTransitionProps[\"preset\"]) => {\n return transitions[preset || \"none\"]\n}\n\nexport const ModalTransition = forwardRef(\n (props: ModalTransitionProps, ref: React.Ref<any>) => {\n const { preset, motionProps = getMotionProps(preset), ...rest } = props\n return (\n <MotionSection ref={ref} {...(motionProps as ChakraProps)} {...rest} />\n )\n },\n)\n\nModalTransition.displayName = \"ModalTransition\"\n"],"mappings":";;;AAAA,SAAS,cAA2B;AACpC,SAAS,iBAAiB,uBAAuB;AACjD,SAA0B,cAAc;AACxC,SAAS,kBAAkB;AAiDrB;AAlCN,IAAM,cAAc;AAAA,EAClB,eAAe;AAAA,IACb,GAAG;AAAA,IACH,QAAQ,EAAE,SAAS,IAAI,SAAS,KAAK;AAAA,EACvC;AAAA,EACA,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,QAAQ,EAAE,SAAS,IAAI,SAAS,KAAK;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,QAAQ,EAAE,SAAS,KAAK,SAAS,KAAK;AAAA,EACxC;AAAA,EACA,aAAa;AAAA,IACX,GAAG;AAAA,IACH,QAAQ,EAAE,SAAS,KAAK,SAAS,KAAK;AAAA,EACxC;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,cAAc,MAAM,SAAS,KAAK;AAAA,EAC9C;AAAA,EACA,MAAM,CAAC;AACT;AAEA,IAAM,gBAAgB,OAAO,OAAO,OAAO;AAE3C,IAAM,iBAAiB,CAAC,WAA2C;AACjE,SAAO,YAAY,UAAU,MAAM;AACrC;AAEO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,OAA6B,QAAwB;AACpD,UAAM,EAAE,QAAQ,cAAc,eAAe,MAAM,GAAG,GAAG,KAAK,IAAI;AAClE,WACE,oBAAC,iBAAc,KAAW,GAAI,aAA8B,GAAG,MAAM;AAAA,EAEzE;AACF;AAEA,gBAAgB,cAAc;","names":[]}