@zydon/common 2.8.9 → 2.8.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
interface NotFoundProps {
|
|
5
|
+
goBack?: () => void;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
declare const _default: react.MemoExoticComponent<({ goBack, loading }: NotFoundProps) => react_jsx_runtime.JSX.Element | null>;
|
|
10
|
+
|
|
11
|
+
export { NotFoundProps, _default as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { a } from '../../chunk-WTJVDUZV.js';
|
|
2
|
+
import '../../chunk-D3RORXXH.js';
|
|
3
|
+
import { memo } from 'react';
|
|
4
|
+
import N from '@mui/material/Stack';
|
|
5
|
+
import r from '@mui/material/Typography';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import v from '@mui/material/Button';
|
|
8
|
+
import { styled } from '@mui/material/styles';
|
|
9
|
+
|
|
10
|
+
var g=()=>jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 300 267",children:[jsx("path",{fill:"#989898",d:"M150.33 267.28C67.3 267.28 0 263.27 0 258.32s67.3-8.97 150.33-8.97c83.02 0 150.33 4.02 150.33 8.97s-67.3 8.96-150.33 8.96"}),jsx("path",{fill:"#cfcfcf",d:"M3.7 175.24V206c0 2.95 2.4 5.35 5.34 5.35h282.58c2.95 0 5.35-2.4 5.35-5.35v-30.76z"}),jsx("path",{fill:"#989898",d:"M296.97 5.35c0-2.95-2.4-5.35-5.35-5.35H9.04a5.36 5.36 0 0 0-5.35 5.35v169.9h293.28Z"}),jsx("path",{fill:"#fff",d:"M18.85 15.25h263.01v144.32h-263Z"}),jsx("path",{fill:"#e7e7e7",d:"M124.82 45.93a3.35 3.35 0 0 0-4.74 0L106.52 59.5a3.35 3.35 0 0 1-4.74 0L88.22 45.93a3.35 3.35 0 0 0-4.74 0l-2.58 2.58a3.35 3.35 0 0 0 0 4.74l13.56 13.57a3.35 3.35 0 0 1 0 4.74L80.9 85.12a3.35 3.35 0 0 0 0 4.74l2.58 2.58a3.35 3.35 0 0 0 4.74 0l13.56-13.56a3.35 3.35 0 0 1 4.74 0l13.56 13.56a3.35 3.35 0 0 0 4.74 0l2.58-2.58a3.35 3.35 0 0 0 0-4.74l-13.56-13.56a3.35 3.35 0 0 1 0-4.74l13.57-13.57a3.35 3.35 0 0 0 0-4.74zm94.94 7.32a3.35 3.35 0 0 0 0-4.74l-2.58-2.58a3.35 3.35 0 0 0-4.74 0L198.88 59.5a3.35 3.35 0 0 1-4.74 0l-13.57-13.57a3.35 3.35 0 0 0-4.74 0l-2.58 2.58a3.35 3.35 0 0 0 0 4.74l13.56 13.57a3.35 3.35 0 0 1 0 4.74l-13.56 13.56a3.35 3.35 0 0 0 0 4.74l2.58 2.58a3.35 3.35 0 0 0 4.74 0l13.57-13.56a3.35 3.35 0 0 1 4.74 0l13.56 13.56a3.35 3.35 0 0 0 4.74 0l2.58-2.58a3.35 3.35 0 0 0 0-4.74L206.2 71.56a3.35 3.35 0 0 1 0-4.74zm-27.68 82.59a4.7 4.7 0 0 1-6.3 1.25c-30.43-18.37-60.38-5.48-70.77.16a4.9 4.9 0 0 1-6.37-1.4 4.06 4.06 0 0 1 1.27-5.97c11.28-6.23 45.9-21.68 80.95-.16a4.3 4.3 0 0 1 1.22 6.12"})]}),e=g;var l=styled(N)(({theme:o})=>({padding:o.spacing(4),margin:"auto",maxWidth:600,width:"100%",aspectRatio:"1 / 1",textAlign:"center",[o.breakpoints.down("sm")]:{padding:o.spacing(2)}})),p=styled("div")({width:270,height:270,minWidth:270,overflow:"hidden",maxWidth:"100%",margin:"0 auto","& svg":{width:"100%",height:"100%",aspectRatio:1}}),d=styled(v)({maxWidth:"450px",margin:"0 auto",display:"flex",alignItems:"center"}),m=styled(a)(({theme:o})=>({transform:"rotate(180deg)",marginRight:o.spacing(1)}));var y=({goBack:o,loading:s})=>{let f=()=>o?.();return s?null:jsxs(l,{children:[jsx(p,{children:jsx(e,{})}),jsx(r,{component:"h1",variant:"h5",color:"text.secondary",mt:4,children:"OOPS! P\xC1GINA N\xC3O ENCONTRADA!"}),jsx(r,{color:"text.secondary",variant:"body1",mt:4,children:"Parece que voc\xEA se perdeu no caminho! A p\xE1gina que voc\xEA est\xE1 procurando n\xE3o existe ou foi movida para outro lugar."}),jsx(r,{color:"text.disabled",variant:"body2",mt:2,children:"Mas n\xE3o se preocupe, vamos te levar de volta ao lugar certo!"}),jsx(N,{mt:4,alignItems:"center",children:jsxs(d,{onClick:f,size:"large",variant:"contained",fullWidth:!0,children:[jsx(m,{icon:"ARROW_RIGHT"}),"Voltar para a p\xE1gina anterior"]})})]})},u=memo(y);var S=u;
|
|
11
|
+
|
|
12
|
+
export { S as default };
|
|
13
|
+
//# sourceMappingURL=out.js.map
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/NotFound/NotFound.tsx","../../../src/assets/illustrations/NotFoundIllustration.tsx","../../../src/components/NotFound/styles.ts","../../../src/components/NotFound/index.ts"],"names":["memo","Stack","Typography","jsx","jsxs","NotFoundIllustration","NotFoundIllustration_default","Button","styled","NotFoundContainer","theme","NotFoundIllustrationContainer","NotFoundButton","ButtonIcon","Icon_default","NotFound","goBack","loading","handleGoHome","NotFound_default"],"mappings":"4EAAA,OAAS,QAAAA,MAAY,QACrB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCDrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBADF,IAAMC,EAAuB,IAC3BD,EAAC,OAAI,MAAM,6BAA6B,KAAK,OAAO,QAAQ,cAC1D,UAAAD,EAAC,QACC,KAAK,UACL,EAAE,4HACJ,EACAA,EAAC,QACC,KAAK,UACL,EAAE,qFACJ,EACAA,EAAC,QACC,KAAK,UACL,EAAE,sFACJ,EACAA,EAAC,QAAK,KAAK,OAAO,EAAE,mCAAmC,EACvDA,EAAC,QACC,KAAK,UACL,EAAE,k/BACJ,GACF,EAGKG,EAAQD,ECtBf,OAAOE,MAAY,uBACnB,OAAON,MAAW,sBAClB,OAAS,UAAAO,MAAc,uBAIhB,IAAMC,EAAoBD,EAAOP,CAAK,EAAE,CAAC,CAAE,MAAAS,CAAM,KAAO,CAC7D,QAASA,EAAM,QAAQ,CAAC,EACxB,OAAQ,OACR,SAAU,IACV,MAAO,OACP,YAAa,QAEb,UAAW,SACX,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAASA,EAAM,QAAQ,CAAC,CAC1B,CACF,EAAE,EAEWC,EAAgCH,EAAO,KAAK,EAAE,CACzD,MAAO,IACP,OAAQ,IACR,SAAU,IACV,SAAU,SACV,SAAU,OACV,OAAQ,SAER,QAAS,CACP,MAAO,OACP,OAAQ,OACR,YAAa,CACf,CACF,CAAC,EAEYI,EAAiBJ,EAAOD,CAAM,EAAE,CAC3C,SAAU,QACV,OAAQ,SACR,QAAS,OACT,WAAY,QACd,CAAC,EAEYM,EAAaL,EAAOM,CAAI,EAAE,CAAC,CAAE,MAAAJ,CAAM,KAAO,CACrD,UAAW,iBACX,YAAaA,EAAM,QAAQ,CAAC,CAC9B,EAAE,EFtBM,cAAAP,EAaA,QAAAC,MAbA,oBARR,IAAMW,EAAW,CAAC,CAAE,OAAAC,EAAQ,QAAAC,CAAQ,IAAqB,CACvD,IAAMC,EAAe,IAAMF,IAAS,EACpC,OAAIC,EACK,KAGPb,EAACK,EAAA,CACC,UAAAN,EAACQ,EAAA,CACC,SAAAR,EAACG,EAAA,EAAqB,EACxB,EACAH,EAACD,EAAA,CAAW,UAAU,KAAK,QAAQ,KAAK,MAAM,iBAAiB,GAAI,EAAG,8CAEtE,EACAC,EAACD,EAAA,CAAW,MAAM,iBAAiB,QAAQ,QAAQ,GAAI,EAAG,6IAG1D,EACAC,EAACD,EAAA,CAAW,MAAM,gBAAgB,QAAQ,QAAQ,GAAI,EAAG,2EAEzD,EACAC,EAACF,EAAA,CAAM,GAAI,EAAG,WAAW,SACvB,SAAAG,EAACQ,EAAA,CACC,QAASM,EACT,KAAK,QACL,QAAQ,YACR,UAAS,GAET,UAAAf,EAACU,EAAA,CAAW,KAAK,cAAc,EAAE,oCAEnC,EACF,GACF,CAEJ,EAEOM,EAAQnB,EAAKe,CAAQ,EG/C5B,IAAOI,EAAQA","sourcesContent":["import { memo } from 'react';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport NotFoundIllustration from 'assets/illustrations/NotFoundIllustration';\n\nimport { NotFoundProps } from './props';\nimport {\n ButtonIcon,\n NotFoundButton,\n NotFoundContainer,\n NotFoundIllustrationContainer,\n} from './styles';\n\nconst NotFound = ({ goBack, loading }: NotFoundProps) => {\n const handleGoHome = () => goBack?.();\n if (loading) {\n return null;\n }\n return (\n <NotFoundContainer>\n <NotFoundIllustrationContainer>\n <NotFoundIllustration />\n </NotFoundIllustrationContainer>\n <Typography component=\"h1\" variant=\"h5\" color=\"text.secondary\" mt={4}>\n OOPS! PÁGINA NÃO ENCONTRADA!\n </Typography>\n <Typography color=\"text.secondary\" variant=\"body1\" mt={4}>\n Parece que você se perdeu no caminho! A página que você está procurando\n não existe ou foi movida para outro lugar.\n </Typography>\n <Typography color=\"text.disabled\" variant=\"body2\" mt={2}>\n Mas não se preocupe, vamos te levar de volta ao lugar certo!\n </Typography>\n <Stack mt={4} alignItems=\"center\">\n <NotFoundButton\n onClick={handleGoHome}\n size=\"large\"\n variant=\"contained\"\n fullWidth\n >\n <ButtonIcon icon=\"ARROW_RIGHT\" />\n Voltar para a página anterior\n </NotFoundButton>\n </Stack>\n </NotFoundContainer>\n );\n};\n\nexport default memo(NotFound);\n","const NotFoundIllustration = () => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 300 267\">\n <path\n fill=\"#989898\"\n d=\"M150.33 267.28C67.3 267.28 0 263.27 0 258.32s67.3-8.97 150.33-8.97c83.02 0 150.33 4.02 150.33 8.97s-67.3 8.96-150.33 8.96\"\n />\n <path\n fill=\"#cfcfcf\"\n d=\"M3.7 175.24V206c0 2.95 2.4 5.35 5.34 5.35h282.58c2.95 0 5.35-2.4 5.35-5.35v-30.76z\"\n />\n <path\n fill=\"#989898\"\n d=\"M296.97 5.35c0-2.95-2.4-5.35-5.35-5.35H9.04a5.36 5.36 0 0 0-5.35 5.35v169.9h293.28Z\"\n />\n <path fill=\"#fff\" d=\"M18.85 15.25h263.01v144.32h-263Z\" />\n <path\n fill=\"#e7e7e7\"\n d=\"M124.82 45.93a3.35 3.35 0 0 0-4.74 0L106.52 59.5a3.35 3.35 0 0 1-4.74 0L88.22 45.93a3.35 3.35 0 0 0-4.74 0l-2.58 2.58a3.35 3.35 0 0 0 0 4.74l13.56 13.57a3.35 3.35 0 0 1 0 4.74L80.9 85.12a3.35 3.35 0 0 0 0 4.74l2.58 2.58a3.35 3.35 0 0 0 4.74 0l13.56-13.56a3.35 3.35 0 0 1 4.74 0l13.56 13.56a3.35 3.35 0 0 0 4.74 0l2.58-2.58a3.35 3.35 0 0 0 0-4.74l-13.56-13.56a3.35 3.35 0 0 1 0-4.74l13.57-13.57a3.35 3.35 0 0 0 0-4.74zm94.94 7.32a3.35 3.35 0 0 0 0-4.74l-2.58-2.58a3.35 3.35 0 0 0-4.74 0L198.88 59.5a3.35 3.35 0 0 1-4.74 0l-13.57-13.57a3.35 3.35 0 0 0-4.74 0l-2.58 2.58a3.35 3.35 0 0 0 0 4.74l13.56 13.57a3.35 3.35 0 0 1 0 4.74l-13.56 13.56a3.35 3.35 0 0 0 0 4.74l2.58 2.58a3.35 3.35 0 0 0 4.74 0l13.57-13.56a3.35 3.35 0 0 1 4.74 0l13.56 13.56a3.35 3.35 0 0 0 4.74 0l2.58-2.58a3.35 3.35 0 0 0 0-4.74L206.2 71.56a3.35 3.35 0 0 1 0-4.74zm-27.68 82.59a4.7 4.7 0 0 1-6.3 1.25c-30.43-18.37-60.38-5.48-70.77.16a4.9 4.9 0 0 1-6.37-1.4 4.06 4.06 0 0 1 1.27-5.97c11.28-6.23 45.9-21.68 80.95-.16a4.3 4.3 0 0 1 1.22 6.12\"\n />\n </svg>\n);\n\nexport default NotFoundIllustration;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nimport Icon from 'components/Icon';\n\nexport const NotFoundContainer = styled(Stack)(({ theme }) => ({\n padding: theme.spacing(4),\n margin: 'auto',\n maxWidth: 600,\n width: '100%',\n aspectRatio: '1 / 1',\n\n textAlign: 'center',\n [theme.breakpoints.down('sm')]: {\n padding: theme.spacing(2),\n },\n}));\n\nexport const NotFoundIllustrationContainer = styled('div')({\n width: 270,\n height: 270,\n minWidth: 270,\n overflow: 'hidden',\n maxWidth: '100%',\n margin: '0 auto',\n\n '& svg': {\n width: '100%',\n height: '100%',\n aspectRatio: 1,\n },\n});\n\nexport const NotFoundButton = styled(Button)({\n maxWidth: '450px',\n margin: '0 auto',\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const ButtonIcon = styled(Icon)(({ theme }) => ({\n transform: 'rotate(180deg)',\n marginRight: theme.spacing(1),\n}));\n","import NotFound from './NotFound';\n\nexport default NotFound;\nexport type { NotFoundProps } from './props';\n"]}
|