@flipdish/portal-library 5.0.0 → 5.0.3
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/components/atoms/Button/index.cjs.js +1 -1
- package/dist/components/atoms/Button/index.cjs.js.map +1 -1
- package/dist/components/atoms/Button/index.d.ts +1 -3
- package/dist/components/atoms/Button/index.js +1 -1
- package/dist/components/atoms/Button/index.js.map +1 -1
- package/dist/components/atoms/Popover/index.cjs.js +2 -0
- package/dist/components/atoms/Popover/index.cjs.js.map +1 -0
- package/dist/components/atoms/Popover/index.d.ts +2 -0
- package/dist/components/atoms/Popover/index.js +2 -0
- package/dist/components/atoms/Popover/index.js.map +1 -0
- 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 +3 -3
|
@@ -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";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/Button"),r=require("@mui/material/styles"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/Button"),r=require("@mui/material/styles"),a=require("./getButtonStyles.cjs.js");const i=r.styled(t,{shouldForwardProp:e=>!["casingOverride","customVariant","tone"].includes(e)})((({theme:e,customVariant:t="primary",tone:r="brand",casingOverride:i="none",fullWidth:n=!1})=>{const o=a(e,t,r);return{...o.default,width:n?"100%":"fit-content",maxWidth:n?"100%":"fit-content",textTransform:i,transition:"all 0.2s ease-in-out",padding:"12px 24px","&:hover":{...o.hover},"&:focus":{outline:"none"},"&:focus-visible":{...o.focus},"&:active":{...o.press},"&:disabled":{...o.disabled,cursor:"not-allowed"}}})),n={primary:"contained",secondary:"outlined",tertiary:"text"},o=({children:t,className:r,disabled:a=!1,fdKey:o,form:s,fullWidth:d=!1,href:l,casingOverride:u="none",type:c="button",variant:f="primary",tone:m,target:p,startIcon:h,endIcon:v,onKeyDown:y,...x})=>e.jsx(i,{disableRipple:!0,casingOverride:u,className:r,customVariant:f,"data-fd":o,disabled:a,endIcon:v,form:s,fullWidth:d,href:l,startIcon:h,target:p,tone:m,type:c,variant:n[f],...x,children:t});exports.Button=o,exports.default=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n className?: string;\n children: React.ReactNode;\n disabled?: boolean;\n form?: string;\n fullWidth?: boolean;\n casingOverride?: CasingOverride;\n type?: 'button' | 'reset' | 'submit';\n fdKey: string;\n variant?: ButtonType;\n tone?: ButtonTone;\n target?: '_blank';\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n className?: string;\n children: React.ReactNode;\n disabled?: boolean;\n form?: string;\n fullWidth?: boolean;\n casingOverride?: CasingOverride;\n type?: 'button' | 'reset' | 'submit';\n fdKey: string;\n variant?: ButtonType;\n tone?: ButtonTone;\n target?: '_blank';\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n}\n\nconst StyledButton = styled(MuiButton, {\n shouldForwardProp: (prop) => !['casingOverride', 'customVariant', 'tone'].includes(prop as string),\n})<{ casingOverride?: CasingOverride; customVariant?: ButtonType; tone?: ButtonTone }>(({\n theme,\n customVariant = 'primary',\n tone = 'brand',\n casingOverride = 'none',\n fullWidth = false,\n}) => {\n const styles = getButtonStyles(theme, customVariant, tone);\n\n return {\n ...styles.default,\n width: fullWidth ? '100%' : 'fit-content',\n maxWidth: fullWidth ? '100%' : 'fit-content',\n textTransform: casingOverride,\n transition: 'all 0.2s ease-in-out',\n padding: '12px 24px',\n\n '&:hover': { ...styles.hover },\n '&:focus': {\n outline: 'none', // Removes the focus ring on click\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': { ...styles.press },\n '&:disabled': { ...styles.disabled, cursor: 'not-allowed' },\n };\n});\n\nconst MUI_VARIANT_MAP = {\n primary: 'contained',\n secondary: 'outlined',\n tertiary: 'text',\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n fdKey,\n form,\n fullWidth = false,\n href,\n casingOverride = 'none',\n type = 'button',\n variant = 'primary',\n tone,\n target,\n startIcon,\n endIcon,\n onKeyDown,\n ...rest\n}: ButtonProps): JSX.Element => {\n return (\n <StyledButton\n disableRipple\n casingOverride={casingOverride}\n className={className}\n customVariant={variant}\n data-fd={fdKey}\n disabled={disabled}\n endIcon={endIcon}\n form={form}\n fullWidth={fullWidth}\n href={href}\n startIcon={startIcon}\n // @ts-expect-error - target is not a valid prop for MuiButton\n target={target}\n tone={tone}\n type={type}\n variant={MUI_VARIANT_MAP[variant] as MuiButtonProps['variant']}\n {...rest}\n >\n {children}\n </StyledButton>\n );\n};\n\nexport default Button;\n"],"names":["StyledButton","styled","MuiButton","shouldForwardProp","prop","includes","theme","customVariant","tone","casingOverride","fullWidth","styles","getButtonStyles","default","width","maxWidth","textTransform","transition","padding","hover","outline","focus","press","disabled","cursor","MUI_VARIANT_MAP","primary","secondary","tertiary","Button","children","className","fdKey","form","href","type","variant","target","startIcon","endIcon","onKeyDown","rest","_jsx","disableRipple"],"mappings":"sOAyBA,MAAMA,EAAeC,EAAAA,OAAOC,EAAW,CACrCC,kBAAoBC,IAAU,CAAC,iBAAkB,gBAAiB,QAAQC,SAASD,IADhEH,EAEkE,EACrFK,QACAC,gBAAgB,UAChBC,OAAO,QACPC,iBAAiB,OACjBC,aAAY,MAEZ,MAAMC,EAASC,EAAgBN,EAAOC,EAAeC,GAErD,MAAO,IACFG,EAAOE,QACVC,MAAOJ,EAAY,OAAS,cAC5BK,SAAUL,EAAY,OAAS,cAC/BM,cAAeP,EACfQ,WAAY,uBACZC,QAAS,YAET,UAAW,IAAKP,EAAOQ,OACvB,UAAW,CACTC,QAAS,QAGX,kBAAmB,IAAKT,EAAOU,OAC/B,WAAY,IAAKV,EAAOW,OACxB,aAAc,IAAKX,EAAOY,SAAUC,OAAQ,mBAI1CC,EAAkB,CACtBC,QAAS,YACTC,UAAW,WACXC,SAAU,QAGCC,EAAS,EACpBC,WACAC,YACAR,YAAW,EACXS,QACAC,OACAvB,aAAY,EACZwB,OACAzB,iBAAiB,OACjB0B,OAAO,SACPC,UAAU,UACV5B,OACA6B,SACAC,YACAC,UACAC,eACGC,KAGDC,MAAC1C,GACC2C,eAAa,EACblC,eAAgBA,EAChBsB,UAAWA,EACXxB,cAAe6B,EAAO,UACbJ,EACTT,SAAUA,EACVgB,QAASA,EACTN,KAAMA,EACNvB,UAAWA,EACXwB,KAAMA,EACNI,UAAWA,EAEXD,OAAQA,EACR7B,KAAMA,EACN2B,KAAMA,EACNC,QAASX,EAAgBW,MACrBK,EAAIX,SAEPA"}
|
|
@@ -17,10 +17,8 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant'> {
|
|
|
17
17
|
target?: '_blank';
|
|
18
18
|
startIcon?: react__default.ReactNode;
|
|
19
19
|
endIcon?: react__default.ReactNode;
|
|
20
|
-
onClick?: () => void;
|
|
21
|
-
onKeyDown?: (e: react__default.KeyboardEvent) => void;
|
|
22
20
|
}
|
|
23
|
-
declare const Button: ({ children, className, disabled, fdKey, form, fullWidth, href, casingOverride, type, variant, tone, target, startIcon, endIcon,
|
|
21
|
+
declare const Button: ({ children, className, disabled, fdKey, form, fullWidth, href, casingOverride, type, variant, tone, target, startIcon, endIcon, onKeyDown, ...rest }: ButtonProps) => JSX.Element;
|
|
24
22
|
|
|
25
23
|
export { Button, Button as default };
|
|
26
24
|
export type { ButtonProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import"react";import e from"@mui/material/Button";import{styled as r}from"@mui/material/styles";import
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import"react";import e from"@mui/material/Button";import{styled as r}from"@mui/material/styles";import a from"./getButtonStyles.js";const i=r(e,{shouldForwardProp:t=>!["casingOverride","customVariant","tone"].includes(t)})((({theme:t,customVariant:e="primary",tone:r="brand",casingOverride:i="none",fullWidth:n=!1})=>{const o=a(t,e,r);return{...o.default,width:n?"100%":"fit-content",maxWidth:n?"100%":"fit-content",textTransform:i,transition:"all 0.2s ease-in-out",padding:"12px 24px","&:hover":{...o.hover},"&:focus":{outline:"none"},"&:focus-visible":{...o.focus},"&:active":{...o.press},"&:disabled":{...o.disabled,cursor:"not-allowed"}}})),n={primary:"contained",secondary:"outlined",tertiary:"text"},o=({children:e,className:r,disabled:a=!1,fdKey:o,form:s,fullWidth:d=!1,href:l,casingOverride:c="none",type:m="button",variant:u="primary",tone:f,target:p,startIcon:h,endIcon:y,onKeyDown:v,...b})=>t(i,{disableRipple:!0,casingOverride:c,className:r,customVariant:u,"data-fd":o,disabled:a,endIcon:y,form:s,fullWidth:d,href:l,startIcon:h,target:p,tone:f,type:m,variant:n[u],...b,children:e});export{o as Button,o as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n className?: string;\n children: React.ReactNode;\n disabled?: boolean;\n form?: string;\n fullWidth?: boolean;\n casingOverride?: CasingOverride;\n type?: 'button' | 'reset' | 'submit';\n fdKey: string;\n variant?: ButtonType;\n tone?: ButtonTone;\n target?: '_blank';\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n className?: string;\n children: React.ReactNode;\n disabled?: boolean;\n form?: string;\n fullWidth?: boolean;\n casingOverride?: CasingOverride;\n type?: 'button' | 'reset' | 'submit';\n fdKey: string;\n variant?: ButtonType;\n tone?: ButtonTone;\n target?: '_blank';\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n}\n\nconst StyledButton = styled(MuiButton, {\n shouldForwardProp: (prop) => !['casingOverride', 'customVariant', 'tone'].includes(prop as string),\n})<{ casingOverride?: CasingOverride; customVariant?: ButtonType; tone?: ButtonTone }>(({\n theme,\n customVariant = 'primary',\n tone = 'brand',\n casingOverride = 'none',\n fullWidth = false,\n}) => {\n const styles = getButtonStyles(theme, customVariant, tone);\n\n return {\n ...styles.default,\n width: fullWidth ? '100%' : 'fit-content',\n maxWidth: fullWidth ? '100%' : 'fit-content',\n textTransform: casingOverride,\n transition: 'all 0.2s ease-in-out',\n padding: '12px 24px',\n\n '&:hover': { ...styles.hover },\n '&:focus': {\n outline: 'none', // Removes the focus ring on click\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': { ...styles.press },\n '&:disabled': { ...styles.disabled, cursor: 'not-allowed' },\n };\n});\n\nconst MUI_VARIANT_MAP = {\n primary: 'contained',\n secondary: 'outlined',\n tertiary: 'text',\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n fdKey,\n form,\n fullWidth = false,\n href,\n casingOverride = 'none',\n type = 'button',\n variant = 'primary',\n tone,\n target,\n startIcon,\n endIcon,\n onKeyDown,\n ...rest\n}: ButtonProps): JSX.Element => {\n return (\n <StyledButton\n disableRipple\n casingOverride={casingOverride}\n className={className}\n customVariant={variant}\n data-fd={fdKey}\n disabled={disabled}\n endIcon={endIcon}\n form={form}\n fullWidth={fullWidth}\n href={href}\n startIcon={startIcon}\n // @ts-expect-error - target is not a valid prop for MuiButton\n target={target}\n tone={tone}\n type={type}\n variant={MUI_VARIANT_MAP[variant] as MuiButtonProps['variant']}\n {...rest}\n >\n {children}\n </StyledButton>\n );\n};\n\nexport default Button;\n"],"names":["StyledButton","styled","MuiButton","shouldForwardProp","prop","includes","theme","customVariant","tone","casingOverride","fullWidth","styles","getButtonStyles","default","width","maxWidth","textTransform","transition","padding","hover","outline","focus","press","disabled","cursor","MUI_VARIANT_MAP","primary","secondary","tertiary","Button","children","className","fdKey","form","href","type","variant","target","startIcon","endIcon","onKeyDown","rest","_jsx","disableRipple"],"mappings":"4KAyBA,MAAMA,EAAeC,EAAOC,EAAW,CACrCC,kBAAoBC,IAAU,CAAC,iBAAkB,gBAAiB,QAAQC,SAASD,IADhEH,EAEkE,EACrFK,QACAC,gBAAgB,UAChBC,OAAO,QACPC,iBAAiB,OACjBC,aAAY,MAEZ,MAAMC,EAASC,EAAgBN,EAAOC,EAAeC,GAErD,MAAO,IACFG,EAAOE,QACVC,MAAOJ,EAAY,OAAS,cAC5BK,SAAUL,EAAY,OAAS,cAC/BM,cAAeP,EACfQ,WAAY,uBACZC,QAAS,YAET,UAAW,IAAKP,EAAOQ,OACvB,UAAW,CACTC,QAAS,QAGX,kBAAmB,IAAKT,EAAOU,OAC/B,WAAY,IAAKV,EAAOW,OACxB,aAAc,IAAKX,EAAOY,SAAUC,OAAQ,mBAI1CC,EAAkB,CACtBC,QAAS,YACTC,UAAW,WACXC,SAAU,QAGCC,EAAS,EACpBC,WACAC,YACAR,YAAW,EACXS,QACAC,OACAvB,aAAY,EACZwB,OACAzB,iBAAiB,OACjB0B,OAAO,SACPC,UAAU,UACV5B,OACA6B,SACAC,YACAC,UACAC,eACGC,KAGDC,EAAC1C,GACC2C,eAAa,EACblC,eAAgBA,EAChBsB,UAAWA,EACXxB,cAAe6B,EAAO,UACbJ,EACTT,SAAUA,EACVgB,QAASA,EACTN,KAAMA,EACNvB,UAAWA,EACXwB,KAAMA,EACNI,UAAWA,EAEXD,OAAQA,EACR7B,KAAMA,EACN2B,KAAMA,EACNC,QAASX,EAAgBW,MACrBK,EAAIX,SAEPA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flipdish/portal-library",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.3",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -80,10 +80,10 @@
|
|
|
80
80
|
"@storybook/test": "^8.6.7",
|
|
81
81
|
"@svgr/rollup": "^8.1.0",
|
|
82
82
|
"@tanstack/react-query": "^5.62.0",
|
|
83
|
-
"@testing-library/jest-dom": "6.
|
|
83
|
+
"@testing-library/jest-dom": "6.8.0",
|
|
84
84
|
"@testing-library/react": "15.0.7",
|
|
85
85
|
"@types/lodash.debounce": "^4.0.9",
|
|
86
|
-
"@types/react": "18.3.
|
|
86
|
+
"@types/react": "18.3.24",
|
|
87
87
|
"@types/react-dom": "18.3.7",
|
|
88
88
|
"@types/react-imgix": "^9.5.4",
|
|
89
89
|
"@typescript-eslint/eslint-plugin": "7.18.0",
|