@yamada-ui/react/dist/cjs/components/loading/screen.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"screen.cjs","names":["variants: Variants","Screen: FC<ScreenProps>","useLoadingComponent","motion","Center","isValidElement","Text"],"sources":["../../../../src/components/loading/screen.tsx"],"sourcesContent":["import type { Variants } from \"motion/react\"\nimport type { FC } from \"react\"\nimport type { LoadingSharedProps } from \"./loading-provider\"\nimport { memo } from \"react\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { isValidElement } from \"../../utils\"\nimport { Center } from \"../center\"\nimport { motion } from \"../motion\"\nimport { Text } from \"../text\"\nimport { useLoadingComponent } from \"./use-loading-component\"\n\nconst variants: Variants = {\n  animate: {\n    opacity: 1,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 0.2, 1],\n    },\n  },\n  exit: {\n    opacity: 0,\n    transition: {\n      duration: 0.4,\n      ease: [0.4, 0, 1, 1],\n    },\n  },\n  initial: {\n    opacity: 0,\n  },\n}\n\nexport interface ScreenProps extends LoadingSharedProps {}\n\nexport const Screen: FC<ScreenProps> = memo(\n  ({ duration, initial, loadingScheme, message, onFinish }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    useTimeout(onFinish, duration)\n\n    return (\n      <motion.div\n        data-loading\n        alignItems=\"center\"\n        animate=\"animate\"\n        bg=\"bg\"\n        display=\"flex\"\n        exit=\"exit\"\n        h=\"100dvh\"\n        initial={initial}\n        inset={0}\n        justifyContent=\"center\"\n        p=\"md\"\n        position=\"fixed\"\n        variants={variants}\n        w=\"100vw\"\n        zIndex=\"beerus\"\n      >\n        <Center flexDirection=\"column\" gap=\"sm\" maxW=\"24rem\">\n          <Component fontSize=\"6xl\" />\n\n          {message ? (\n            isValidElement(message) ? (\n              message\n            ) : (\n              <Text lineClamp={3}>{message}</Text>\n            )\n          ) : null}\n        </Center>\n      </motion.div>\n    )\n  },\n)\n\nScreen.displayName = \"Screen\"\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,WAAqB;CACzB,SAAS;EACP,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAK;IAAE;GACvB;EACF;CACD,MAAM;EACJ,SAAS;EACT,YAAY;GACV,UAAU;GACV,MAAM;IAAC;IAAK;IAAG;IAAG;IAAE;GACrB;EACF;CACD,SAAS,EACP,SAAS,GACV;CACF;AAID,MAAaC,0BACV,EAAE,UAAU,SAAS,eAAe,SAAS,eAAe;CAC3D,MAAM,YAAYC,kDAAoB,cAAc;AAEpD,4CAAW,UAAU,SAAS;AAE9B,QACE,2CAACC,uBAAO;EACN;EACA,YAAW;EACX,SAAQ;EACR,IAAG;EACH,SAAQ;EACR,MAAK;EACL,GAAE;EACO;EACT,OAAO;EACP,gBAAe;EACf,GAAE;EACF,UAAS;EACC;EACV,GAAE;EACF,QAAO;YAEP,4CAACC;GAAO,eAAc;GAAS,KAAI;GAAK,MAAK;cAC3C,2CAAC,aAAU,UAAS,QAAQ,EAE3B,UACCC,gCAAe,QAAQ,GACrB,UAEA,2CAACC;IAAK,WAAW;cAAI;KAAe,GAEpC;IACG;GACE;EAGlB;AAED,OAAO,cAAc"}