@flipdish/portal-library 5.0.0 → 5.0.1
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.
- package/dist/components/PortalMock/index.cjs.js +4 -15
- package/dist/components/PortalMock/index.cjs.js.map +1 -1
- package/dist/components/PortalMock/index.js +4 -15
- package/dist/components/PortalMock/index.js.map +1 -1
- package/dist/stories/utilities/MockPageContent.cjs.js +1 -1
- package/dist/stories/utilities/MockPageContent.cjs.js.map +1 -1
- package/dist/stories/utilities/MockPageContent.d.ts +2 -2
- package/dist/stories/utilities/MockPageContent.js +1 -1
- package/dist/stories/utilities/MockPageContent.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,23 +1,12 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/AppBar"),r=require("@mui/material/Box"),
|
|
2
|
-
width: ${({theme:e})=>e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%"};
|
|
3
|
-
margin-left: ${({theme:e})=>e.breakpoints.up("tablet")?"198px":"0"};
|
|
4
|
-
box-shadow: none;
|
|
5
|
-
`,c=l.styled(i)`
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/AppBar"),r=require("@mui/material/Box"),i=require("@mui/material/CssBaseline"),a=require("@mui/material/Drawer"),l=require("@mui/material/styles"),n=require("@mui/material/Typography");const o=198,s=l.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}}))),d=l.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]}))),p=l.styled(t)((({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0}))),h=l.styled(a)`
|
|
6
2
|
display: ${({theme:e})=>e.breakpoints.up("tablet")?"block":"none"};
|
|
7
3
|
& .MuiDrawer-paper {
|
|
8
4
|
box-sizing: border-box;
|
|
9
|
-
width: ${
|
|
5
|
+
width: ${o}px;
|
|
10
6
|
border-color: ${({theme:e})=>e.palette.semantic.stroke["stroke-weak"]};
|
|
11
7
|
border-width: 2px;
|
|
12
8
|
}
|
|
13
|
-
`,
|
|
14
|
-
width: ${({theme:e})=>e.breakpoints.up("tablet")?"198px":"0"};
|
|
15
|
-
flex-shrink: ${({theme:e})=>e.breakpoints.up("tablet")?"0":"1"};
|
|
16
|
-
`,x=l.styled(r)`
|
|
17
|
-
flex-grow: 1;
|
|
18
|
-
width: ${({theme:e})=>e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%"};
|
|
19
|
-
margin-top: 65px;
|
|
20
|
-
`,u=l.styled(n)`
|
|
9
|
+
`,c=l.styled(r)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),x=l.styled(r)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",paddingTop:e.spacing(2),overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}}))),b=l.styled(r)((()=>({display:"flex",height:"100vh",overflow:"hidden"}))),m=l.styled(n)`
|
|
21
10
|
font-weight: bold;
|
|
22
|
-
`;module.exports=({children:t,loadedFromPortal:
|
|
11
|
+
`;module.exports=({children:t,loadedFromPortal:r})=>{if(r)return e.jsx(e.Fragment,{children:t});const a=e.jsx(d,{children:e.jsx(m,{children:"Sidebar"})});return e.jsxs(b,{children:[e.jsx(i,{}),e.jsx(p,{children:e.jsx(s,{id:"header",children:e.jsx(m,{children:"Header"})})}),e.jsx(c,{"aria-label":"mailbox folders",as:"nav",children:e.jsx(h,{open:!0,variant:"permanent",children:a})}),e.jsx(x,{as:"main",children:t})]})};
|
|
23
12
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n paddingTop: theme.spacing(2),\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","paddingTop","spacing","overflow","StylesBoxContainer","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,YAILI,EAAgBlB,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BQ,EAAenB,EAAAA,OAAOoB,EAAPpB,EAAe,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,MAGHC,EAAe1B,EAAAA,OAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAAA,OAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,YAIP6B,EAAgB/B,EAAAA,OAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,WAAYjC,EAAMkC,QAAQ,GAC1BC,SAAU,OACV3B,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,YAITI,EAAqBrC,EAAAA,OAAO6B,EAAP7B,EAAY,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACR2B,SAAU,aAGNE,EAAuBtC,EAAAA,OAAOuC,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAA,IAAAC,EAAAA,SAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAAAA,IAACxB,EAAa,CAAAsB,SACZE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEK,OAACR,EAAkB,CAAAG,SAAA,CACjBE,EAAAA,IAACI,EAAW,CAAA,GACZJ,EAAAA,IAACvB,EAAY,CAAAqB,SACXE,EAAAA,IAAC3C,GAAagD,GAAG,SAAQP,SACvBE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAAAA,IAACd,EAAY,CAAA,aAAY,kBAAkBoB,GAAG,MAAKR,SACjDE,EAAAA,IAAChB,EAAY,CAACuB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAAAA,IAACX,EAAa,CAACiB,GAAG,OAAMR,SAAEA"}
|
|
@@ -1,23 +1,12 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import
|
|
2
|
-
width: ${({theme:e})=>e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%"};
|
|
3
|
-
margin-left: ${({theme:e})=>e.breakpoints.up("tablet")?"198px":"0"};
|
|
4
|
-
box-shadow: none;
|
|
5
|
-
`,h=l(n)`
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"@mui/material/AppBar";import a from"@mui/material/Box";import o from"@mui/material/CssBaseline";import n from"@mui/material/Drawer";import{styled as l}from"@mui/material/styles";import p from"@mui/material/Typography";const d=198,m=l("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}}))),s=l("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]}))),h=l(i)((({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0}))),c=l(n)`
|
|
6
2
|
display: ${({theme:e})=>e.breakpoints.up("tablet")?"block":"none"};
|
|
7
3
|
& .MuiDrawer-paper {
|
|
8
4
|
box-sizing: border-box;
|
|
9
|
-
width: ${
|
|
5
|
+
width: ${d}px;
|
|
10
6
|
border-color: ${({theme:e})=>e.palette.semantic.stroke["stroke-weak"]};
|
|
11
7
|
border-width: 2px;
|
|
12
8
|
}
|
|
13
|
-
`,b=l(
|
|
14
|
-
width: ${({theme:e})=>e.breakpoints.up("tablet")?"198px":"0"};
|
|
15
|
-
flex-shrink: ${({theme:e})=>e.breakpoints.up("tablet")?"0":"1"};
|
|
16
|
-
`,u=l(i)`
|
|
17
|
-
flex-grow: 1;
|
|
18
|
-
width: ${({theme:e})=>e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%"};
|
|
19
|
-
margin-top: 65px;
|
|
20
|
-
`,x=l(m)`
|
|
9
|
+
`,b=l(a)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),k=l(a)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",paddingTop:e.spacing(2),overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}}))),x=l(a)((()=>({display:"flex",height:"100vh",overflow:"hidden"}))),u=l(p)`
|
|
21
10
|
font-weight: bold;
|
|
22
|
-
`,
|
|
11
|
+
`,w=({children:i,loadedFromPortal:a})=>{if(a)return e(t,{children:i});const n=e(s,{children:e(u,{children:"Sidebar"})});return r(x,{children:[e(o,{}),e(h,{children:e(m,{id:"header",children:e(u,{children:"Header"})})}),e(b,{"aria-label":"mailbox folders",as:"nav",children:e(c,{open:!0,variant:"permanent",children:n})}),e(k,{as:"main",children:i})]})};export{w as default};
|
|
23
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n paddingTop: theme.spacing(2),\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","paddingTop","spacing","overflow","StylesBoxContainer","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,YAILI,EAAgBlB,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BQ,EAAenB,EAAOoB,EAAPpB,EAAe,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,MAGHC,EAAe1B,EAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,YAIP6B,EAAgB/B,EAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,WAAYjC,EAAMkC,QAAQ,GAC1BC,SAAU,OACV3B,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,YAITI,EAAqBrC,EAAO6B,EAAP7B,EAAY,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACR2B,SAAU,aAGNE,EAAuBtC,EAAOuC,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACzB,EAAa,CAAAuB,SACZE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACT,EAAkB,CAAAI,SAAA,CACjBE,EAACI,EAAW,CAAA,GACZJ,EAACxB,EAAY,CAAAsB,SACXE,EAAC5C,GAAaiD,GAAG,SAAQP,SACvBE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACf,EAAY,CAAA,aAAY,kBAAkBqB,GAAG,MAAKR,SACjDE,EAACjB,EAAY,CAACwB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAACZ,EAAa,CAACkB,GAAG,OAAMR,SAAEA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Button"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Button"),t=require("@mui/material/Card"),a=require("@mui/material/CardActions"),i=require("@mui/material/CardContent"),n=require("@mui/material/CardMedia"),s=require("@mui/material/Typography");module.exports=()=>e.jsx(e.Fragment,{children:Array.from({length:10},((o,m)=>e.jsxs(t,{sx:{maxWidth:345,mb:3},children:[e.jsx(n,{alt:"green iguana",component:"img",height:"140",image:"https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"}),e.jsxs(i,{children:[e.jsxs(s,{gutterBottom:!0,component:"div",variant:"h5",children:["Cafe Shirley ",m+1]}),e.jsx(s,{sx:{color:"text.secondary"},variant:"body2",children:"Nestled in the heart of the city, Cafe Shirley offers a cozy retreat from the hustle and bustle. With its warm ambiance, aromatic coffee, and delectable pastries, it's the perfect spot to unwind."})]}),e.jsx(a,{children:e.jsx(r,{size:"small",variant:"contained",children:"Learn More"})})]},m)))});
|
|
2
2
|
//# sourceMappingURL=MockPageContent.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MockPageContent.cjs.js","sources":["../../../src/stories/utilities/MockPageContent.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Card from '@mui/material/Card';\nimport CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\nimport CardMedia from '@mui/material/CardMedia';\nimport Typography from '@mui/material/Typography';\n\nconst MockPageContent = () => {\n
|
|
1
|
+
{"version":3,"file":"MockPageContent.cjs.js","sources":["../../../src/stories/utilities/MockPageContent.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Card from '@mui/material/Card';\nimport CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\nimport CardMedia from '@mui/material/CardMedia';\nimport Typography from '@mui/material/Typography';\n\nimport type { FC } from 'react';\n\nconst MockPageContent: FC = () => {\n return (\n <>\n {Array.from({ length: 10 }, (_, index) => (\n <Card key={index} sx={{ maxWidth: 345, mb: 3 }}>\n <CardMedia\n alt=\"green iguana\"\n component=\"img\"\n height=\"140\"\n image=\"https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n />\n <CardContent>\n <Typography gutterBottom component=\"div\" variant=\"h5\">\n Cafe Shirley {index + 1}\n </Typography>\n <Typography sx={{ color: 'text.secondary' }} variant=\"body2\">\n Nestled in the heart of the city, Cafe Shirley offers a cozy retreat from the hustle and bustle.\n With its warm ambiance, aromatic coffee, and delectable pastries, it's the perfect spot to\n unwind.\n </Typography>\n </CardContent>\n <CardActions>\n <Button size=\"small\" variant=\"contained\">\n Learn More\n </Button>\n </CardActions>\n </Card>\n ))}\n </>\n );\n};\n\nexport default MockPageContent;\n"],"names":["_jsx","_Fragment","children","Array","from","length","_","index","_jsxs","Card","sx","maxWidth","mb","CardMedia","alt","component","height","image","CardContent","Typography","gutterBottom","variant","color","CardActions","Button","size"],"mappings":"0RAS4B,IAExBA,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACGC,MAAMC,KAAK,CAAEC,OAAQ,KAAM,CAACC,EAAGC,IAC9BC,EAAAA,KAACC,EAAI,CAAaC,GAAI,CAAEC,SAAU,IAAKC,GAAI,GAAGV,SAAA,CAC5CF,EAAAA,IAACa,EAAS,CACRC,IAAI,eACJC,UAAU,MACVC,OAAO,MACPC,MAAM,wKAERT,EAAAA,KAACU,aACCV,EAAAA,KAACW,EAAU,CAACC,cAAY,EAACL,UAAU,MAAMM,QAAQ,KAAInB,SAAA,CAAA,gBACrCK,EAAQ,KAExBP,EAAAA,IAACmB,EAAU,CAACT,GAAI,CAAEY,MAAO,kBAAoBD,QAAQ,QAAOnB,SAAA,2MAM9DF,EAAAA,IAACuB,EAAW,CAAArB,SACVF,MAACwB,EAAM,CAACC,KAAK,QAAQJ,QAAQ,YAAWnB,SAAA,mBAlBjCK"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as t,Fragment as r,jsxs as e}from"react/jsx-runtime";import a from"@mui/material/Button";import i from"@mui/material/Card";import o from"@mui/material/CardActions";import m from"@mui/material/CardContent";import n from"@mui/material/CardMedia";import l from"@mui/material/Typography";const d=()=>t(r,{children:Array.from({length:10},((r,d)=>e(i,{sx:{maxWidth:345,mb:3},children:[t(n,{alt:"green iguana",component:"img",height:"140",image:"https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"}),e(m,{children:[e(l,{gutterBottom:!0,component:"div",variant:"h5",children:["Cafe Shirley ",d+1]}),t(l,{sx:{color:"text.secondary"},variant:"body2",children:"Nestled in the heart of the city, Cafe Shirley offers a cozy retreat from the hustle and bustle. With its warm ambiance, aromatic coffee, and delectable pastries, it's the perfect spot to unwind."})]}),t(o,{children:t(a,{size:"small",variant:"contained",children:"Learn More"})})]},d)))});export{d as default};
|
|
2
2
|
//# sourceMappingURL=MockPageContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MockPageContent.js","sources":["../../../src/stories/utilities/MockPageContent.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Card from '@mui/material/Card';\nimport CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\nimport CardMedia from '@mui/material/CardMedia';\nimport Typography from '@mui/material/Typography';\n\nconst MockPageContent = () => {\n
|
|
1
|
+
{"version":3,"file":"MockPageContent.js","sources":["../../../src/stories/utilities/MockPageContent.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Card from '@mui/material/Card';\nimport CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\nimport CardMedia from '@mui/material/CardMedia';\nimport Typography from '@mui/material/Typography';\n\nimport type { FC } from 'react';\n\nconst MockPageContent: FC = () => {\n return (\n <>\n {Array.from({ length: 10 }, (_, index) => (\n <Card key={index} sx={{ maxWidth: 345, mb: 3 }}>\n <CardMedia\n alt=\"green iguana\"\n component=\"img\"\n height=\"140\"\n image=\"https://images.unsplash.com/photo-1551632436-cbf8dd35adfa?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n />\n <CardContent>\n <Typography gutterBottom component=\"div\" variant=\"h5\">\n Cafe Shirley {index + 1}\n </Typography>\n <Typography sx={{ color: 'text.secondary' }} variant=\"body2\">\n Nestled in the heart of the city, Cafe Shirley offers a cozy retreat from the hustle and bustle.\n With its warm ambiance, aromatic coffee, and delectable pastries, it's the perfect spot to\n unwind.\n </Typography>\n </CardContent>\n <CardActions>\n <Button size=\"small\" variant=\"contained\">\n Learn More\n </Button>\n </CardActions>\n </Card>\n ))}\n </>\n );\n};\n\nexport default MockPageContent;\n"],"names":["MockPageContent","_jsx","_Fragment","children","Array","from","length","_","index","_jsxs","Card","sx","maxWidth","mb","CardMedia","alt","component","height","image","CardContent","Typography","gutterBottom","variant","color","CardActions","Button","size"],"mappings":"uSASA,MAAMA,EAAsB,IAExBC,EAAAC,EAAA,CAAAC,SACGC,MAAMC,KAAK,CAAEC,OAAQ,KAAM,CAACC,EAAGC,IAC9BC,EAACC,EAAI,CAAaC,GAAI,CAAEC,SAAU,IAAKC,GAAI,GAAGV,SAAA,CAC5CF,EAACa,EAAS,CACRC,IAAI,eACJC,UAAU,MACVC,OAAO,MACPC,MAAM,wKAERT,EAACU,aACCV,EAACW,EAAU,CAACC,cAAY,EAACL,UAAU,MAAMM,QAAQ,KAAInB,SAAA,CAAA,gBACrCK,EAAQ,KAExBP,EAACmB,EAAU,CAACT,GAAI,CAAEY,MAAO,kBAAoBD,QAAQ,QAAOnB,SAAA,2MAM9DF,EAACuB,EAAW,CAAArB,SACVF,EAACwB,EAAM,CAACC,KAAK,QAAQJ,QAAQ,YAAWnB,SAAA,mBAlBjCK"}
|