@zydon/common 2.8.60 → 2.8.62
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.
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { a } from '../../chunk-F65ZXAGV.js';
|
|
2
2
|
import { styled, useTheme } from '@mui/material/styles';
|
|
3
|
-
import
|
|
3
|
+
import I from '@mui/material/Stack';
|
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
5
|
+
import z from '@mui/material/Box';
|
|
6
|
+
import R from '@mui/material/Container';
|
|
7
|
+
import G from '@mui/material/Toolbar';
|
|
8
|
+
import D from '@mui/material/AppBar';
|
|
9
|
+
import J from '@mui/material/SvgIcon';
|
|
10
|
+
import q from '@mui/material/IconButton';
|
|
11
|
+
import j from '@mui/material/GlobalStyles';
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var L=({children:o,isNavHorizontal:t,sx:r,...e})=>jsx(I,{component:"main",flex:"1 1 auto",bgcolor:"grey.100",sx:{...t&&{"--layout-dashboard-content-pt":"40px"},...r},...e,children:o}),b=L;var s={root:"layout__root",main:"layout__main",header:"layout__header",content:"layout__main__content",hasSidebar:"layout__has__sidebar"};styled("span")(({theme:o})=>({width:1,height:10,flexShrink:0,display:"none",position:"relative",alignItems:"center",flexDirection:"column",marginLeft:o.spacing(2.5),marginRight:o.spacing(2.5),backgroundColor:"currentColor","&::before, &::after":{top:-5,width:3,height:3,content:'""',flexShrink:0,borderRadius:"50%",position:"absolute",backgroundColor:"currentColor"},"&::after":{bottom:-5,top:"auto"}}));var k=styled(D)(({theme:o})=>({zIndex:"var(--layout-header-zIndex)",backgroundColor:o.palette.background.paper,"&::before":{content:'""',position:"absolute",bottom:0,left:0,width:"100%",height:"1px",backgroundColor:o.palette.divider,zIndex:1}}));var V=({sx:o,slots:t,slotProps:r,layoutQuery:e="md",...i})=>{let a=useTheme(),n={default:{minHeight:"auto",height:"var(--layout-header-mobile-height)",backgroundColor:a.palette.background.paper,transition:a.transitions.create(["height","background-color"],{easing:a.transitions.easing.easeInOut,duration:a.transitions.duration.shorter}),[a.breakpoints.up("sm")]:{minHeight:"auto"},[a.breakpoints.up(e)]:{height:"var(--layout-header-desktop-height)"}}};return jsxs(k,{position:"sticky",sx:o,...i,children:[t?.topArea,(t?.leftArea||t?.centerArea||t?.rightArea)&&jsx(G,{disableGutters:!0,...r?.toolbar,sx:{...n.default,...r?.toolbar?.sx,maxHeight:64},children:jsxs(R,{...r?.container,sx:{height:1,display:"flex",alignItems:"center",...r?.container?.sx},children:[t?.leftArea,jsx(z,{sx:{display:"flex",flex:"1 1 auto",justifyContent:"center"},children:t?.centerArea}),t?.rightArea]})}),t?.bottomArea]})},B=V;var X=({sx:o,slots:t,slotProps:r,layoutQuery:e,...i})=>jsx(B,{sx:o,layoutQuery:e,slots:{...t},slotProps:r,...i}),w=X;var A=styled(q,{shouldForwardProp:o=>o!=="isNavMini"})(({theme:o,isNavMini:t})=>({padding:8,top:15,position:"fixed",color:o.palette.action.active,backgroundColor:o.palette.background.paper,transform:"translateX(-50%)",zIndex:"var(--layout-nav-zIndex)",left:t?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)",border:`1px solid ${o.palette.divider}`,transition:o.transitions.create(["left"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),"&:hover":{color:o.palette.text.primary,backgroundColor:o.palette.background.neutral}}));var K=({isNavMini:o,...t})=>jsx(A,{size:"small",isNavMini:o,...t,children:jsx(J,{sx:{width:16,height:16,...o&&{transform:"scaleX(-1)"}},children:jsx("path",{fill:"currentColor",d:"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64"})})}),P=K;styled(I)({padding:"12px 16px 24px",svg:{width:125}});styled(I)({padding:"12px 24px 24px",alignItems:"center",justifyContent:"center",svg:{width:32,height:32}});var _=styled(z,{shouldForwardProp:o=>o!=="isNavMini"&&o!=="layoutQuery"})(({theme:o,isNavMini:t,layoutQuery:r})=>({top:0,left:0,height:"100%",display:"none",position:"fixed",flexDirection:"column",backgroundColor:o.palette.background.paper,zIndex:"var(--layout-nav-zIndex)",width:t?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)",borderRight:`1px solid ${o.palette.divider}`,transition:o.transitions.create(["width"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),[o.breakpoints.up(r)]:{display:"flex"}}));var Z=({slots:o,isNavMini:t,layoutQuery:r,onToggleNav:e,children:i})=>{let a$1=useTheme(),n=jsxs(Fragment,{children:[o?.topArea,jsx(a,{fillContent:!0,sx:{p:2},children:i}),o?.bottomArea]}),m=jsxs(Fragment,{children:[o?.topArea,jsx(a,{fillContent:!0,sx:{p:2},children:i}),o?.bottomArea]});return jsxs(_,{isNavMini:t,layoutQuery:r,children:[jsx(P,{isNavMini:t,onClick:e,sx:{display:"none",[a$1.breakpoints.up(r)]:{display:"inline-flex"}}}),t?m:n]})},N=Z;var oo=({sx:o,cssVars:t,children:r,footerSection:e,headerSection:i,sidebarSection:a})=>jsxs(Fragment,{children:[jsx(j,{styles:{body:{"--layout-nav-zIndex":1101,"--layout-nav-mobile-width":"320px","--layout-header-blur":"8px","--layout-header-zIndex":1100,"--layout-header-mobile-height":"64px","--layout-header-desktop-height":"72px",...t}}}),jsx(z,{id:"root__layout",sx:o,children:a?jsxs(Fragment,{children:[a,jsxs(z,{display:"flex",flex:"1 1 auto",flexDirection:"column",className:s.hasSidebar,children:[i,r,e]})]}):jsxs(Fragment,{children:[i,r,e]})})]}),T=oo;var ro=({children:o,footerContent:t,headerProps:r,sidebarContent:e,sidebarProps:i,isNavMini:a,onToggleNavMini:n,mainProps:m})=>{let l=useTheme(),p="lg";return jsx(T,{headerSection:jsx(w,{layoutQuery:p,slotProps:{toolbar:{sx:{['& [data-area="right"]']:{gap:{xs:0,sm:.75}}}},container:{maxWidth:!1,sx:{px:{[p]:5}}}},slots:r?.slots}),sidebarSection:jsx(N,{isNavMini:a,layoutQuery:p,onToggleNav:n,slots:i?.slots,children:e}),footerSection:t,cssVars:{"--layout-transition-easing":"linear","--layout-transition-duration":"120ms","--layout-nav-mini-width":"88px","--layout-nav-vertical-width":"300px","--layout-nav-horizontal-height":"64px","--layout-dashboard-content-pt":l.spacing(1),"--layout-dashboard-content-pb":l.spacing(8),"--layout-dashboard-content-px":l.spacing(5)},sx:{[`& .${s.hasSidebar}`]:{[l.breakpoints.up(p)]:{transition:l.transitions.create(["padding-left"],{easing:"var(--layout-transition-easing)",duration:"var(--layout-transition-duration)"}),pl:a?"var(--layout-nav-mini-width)":"var(--layout-nav-vertical-width)"}}},children:jsx(b,{isNavHorizontal:!1,...m,children:o})})},jo=ro;
|
|
14
14
|
|
|
15
|
-
export {
|
|
15
|
+
export { jo as default };
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/layouts/Admin/index.tsx","../../../src/layouts/Admin/Wrapper/Main.tsx","../../../src/layouts/Admin/classes.ts","../../../src/layouts/Admin/Header/HeaderSection.tsx","../../../src/layouts/Admin/Header/styles.ts","../../../src/layouts/Admin/Header/index.tsx","../../../src/layouts/Admin/Sidebar/index.tsx","../../../src/layouts/Admin/NavToggleButton/index.tsx","../../../src/layouts/Admin/NavToggleButton/styles.ts","../../../src/layouts/Admin/Sidebar/styles.ts","../../../src/layouts/Admin/Wrapper/index.tsx"],"names":["useTheme","Stack","jsx","Main","children","isNavHorizontal","sx","other","Main_default","layoutClasses","Box","Container","Toolbar","MuiAppBar","styled","StyledDivider","theme","AppBar","jsxs","HeaderSection","slots","slotProps","layoutQuery","toolbarStyles","HeaderSection_default","Fragment","Header","Header_default","SvgIcon","IconButton","Button","prop","isNavMini","NavToggleButton","NavToggleButton_default","LogoFull","LogoMini","Sidebar","onToggleNav","renderNavVertical","Scrollbar_default","renderNavMini","Sidebar_default","GlobalStyles","Wrapper","cssVars","footerSection","headerSection","sidebarSection","Wrapper_default","Admin","footerContent","headerProps","sidebarContent","sidebarProps","onToggleNavMini","mainProps","Admin_default"],"mappings":"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","sourcesContent":["import { PropsWithChildren } from 'react';\nimport type { Breakpoint } from '@mui/material/styles';\nimport { useTheme } from '@mui/material/styles';\n\nimport Main from './Wrapper/Main';\nimport { layoutClasses } from './classes';\nimport Header from './Header';\nimport { AdminProps } from './props';\nimport Sidebar from './Sidebar';\nimport Wrapper from './Wrapper';\n\nconst Admin = ({\n children,\n footerContent,\n headerProps,\n sidebarContent,\n sidebarProps,\n isNavMini,\n onToggleNavMini,\n mainProps,\n}: PropsWithChildren<AdminProps>) => {\n const theme = useTheme();\n\n const layoutQuery: Breakpoint = 'lg';\n\n return (\n <Wrapper\n headerSection={\n <Header\n layoutQuery={layoutQuery}\n slotProps={{\n toolbar: {\n sx: {\n ['& [data-area=\"right\"]']: {\n gap: { xs: 0, sm: 0.75 },\n },\n },\n },\n container: {\n maxWidth: false,\n sx: {\n px: { [layoutQuery]: 5 },\n },\n },\n }}\n slots={headerProps?.slots}\n />\n }\n sidebarSection={\n <Sidebar\n isNavMini={isNavMini}\n layoutQuery={layoutQuery}\n onToggleNav={onToggleNavMini}\n slots={sidebarProps?.slots}\n >\n {sidebarContent}\n </Sidebar>\n }\n footerSection={footerContent}\n cssVars={{\n '--layout-transition-easing': 'linear',\n '--layout-transition-duration': '120ms',\n '--layout-nav-mini-width': '88px',\n '--layout-nav-vertical-width': '300px',\n '--layout-nav-horizontal-height': '64px',\n '--layout-dashboard-content-pt': theme.spacing(1),\n '--layout-dashboard-content-pb': theme.spacing(8),\n '--layout-dashboard-content-px': theme.spacing(5),\n }}\n sx={{\n [`& .${layoutClasses.hasSidebar}`]: {\n [theme.breakpoints.up(layoutQuery)]: {\n transition: theme.transitions.create(['padding-left'], {\n easing: 'var(--layout-transition-easing)',\n duration: 'var(--layout-transition-duration)',\n }),\n pl: isNavMini\n ? 'var(--layout-nav-mini-width)'\n : 'var(--layout-nav-vertical-width)',\n },\n },\n }}\n >\n <Main isNavHorizontal={false} {...mainProps}>\n {children}\n </Main>\n </Wrapper>\n );\n};\n\nexport default Admin;\n","import Stack from '@mui/material/Stack';\n\nimport { MainProps } from './props';\n\nconst Main = ({ children, isNavHorizontal, sx, ...other }: MainProps) => {\n return (\n <Stack\n component=\"main\"\n flex=\"1 1 auto\"\n bgcolor=\"grey.100\"\n sx={{\n ...(isNavHorizontal && {\n '--layout-dashboard-content-pt': '40px',\n }),\n ...sx,\n }}\n {...other}\n >\n {children}\n </Stack>\n );\n};\n\nexport default Main;\n","export const layoutClasses = {\n root: 'layout__root',\n main: 'layout__main',\n header: 'layout__header',\n content: 'layout__main__content',\n hasSidebar: 'layout__has__sidebar',\n};\n","import Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\nimport { useTheme } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { HeaderSectionProps } from './props';\nimport { AppBar } from './styles';\n\nconst HeaderSection = ({\n sx,\n slots,\n slotProps,\n layoutQuery = 'md',\n ...other\n}: HeaderSectionProps) => {\n const theme = useTheme();\n\n const toolbarStyles = {\n default: {\n minHeight: 'auto',\n height: 'var(--layout-header-mobile-height)',\n backgroundColor: theme.palette.background.paper,\n transition: theme.transitions.create(['height', 'background-color'], {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.shorter,\n }),\n [theme.breakpoints.up('sm')]: {\n minHeight: 'auto',\n },\n [theme.breakpoints.up(layoutQuery)]: {\n height: 'var(--layout-header-desktop-height)',\n },\n },\n };\n\n return (\n <AppBar position=\"sticky\" sx={sx} {...other}>\n {slots?.topArea}\n\n <Toolbar\n disableGutters\n {...slotProps?.toolbar}\n sx={{\n ...toolbarStyles.default,\n ...slotProps?.toolbar?.sx,\n maxHeight: 64,\n }}\n >\n <Container\n {...slotProps?.container}\n sx={{\n height: 1,\n display: 'flex',\n alignItems: 'center',\n ...slotProps?.container?.sx,\n }}\n >\n {slots?.leftArea}\n\n <Box\n sx={{ display: 'flex', flex: '1 1 auto', justifyContent: 'center' }}\n >\n {slots?.centerArea}\n </Box>\n\n {slots?.rightArea}\n </Container>\n </Toolbar>\n\n {slots?.bottomArea}\n </AppBar>\n );\n};\n\nexport default HeaderSection;\n","import MuiAppBar from '@mui/material/AppBar';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledDivider = styled('span')(({ theme }) => ({\n width: 1,\n height: 10,\n flexShrink: 0,\n display: 'none',\n position: 'relative',\n alignItems: 'center',\n flexDirection: 'column',\n marginLeft: theme.spacing(2.5),\n marginRight: theme.spacing(2.5),\n backgroundColor: 'currentColor',\n\n '&::before, &::after': {\n top: -5,\n width: 3,\n height: 3,\n content: '\"\"',\n flexShrink: 0,\n borderRadius: '50%',\n position: 'absolute',\n backgroundColor: 'currentColor',\n },\n '&::after': { bottom: -5, top: 'auto' },\n}));\n\nexport const AppBar = styled(MuiAppBar)(({ theme }) => ({\n zIndex: 'var(--layout-header-zIndex)',\n backgroundColor: theme.palette.background.paper,\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: '1px',\n backgroundColor: theme.palette.divider,\n zIndex: 1,\n },\n}));\n","import HeaderSection from './HeaderSection';\nimport { HeaderProps } from './props';\nimport { StyledDivider } from './styles';\n\nconst Header = ({\n sx,\n slots,\n slotProps,\n layoutQuery,\n ...other\n}: HeaderProps) => {\n return (\n <HeaderSection\n sx={sx}\n layoutQuery={layoutQuery}\n slots={{\n ...slots,\n leftAreaStart: slots?.leftAreaStart,\n leftArea: (\n <>\n {slots?.leftAreaStart}\n\n <StyledDivider data-slot=\"divider\" />\n\n {slots?.leftAreaEnd}\n </>\n ),\n rightArea: (\n <>\n {slots?.rightAreaStart}\n\n {slots?.rightAreaEnd}\n </>\n ),\n centerArea: slots?.centerArea,\n }}\n slotProps={slotProps}\n {...other}\n />\n );\n};\n\nexport default Header;\n","import { PropsWithChildren } from 'react';\nimport { useTheme } from '@mui/material/styles';\n\nimport Scrollbar from 'components/Scrollbar';\n\nimport NavToggleButton from '../NavToggleButton';\n\nimport { SidebarProps } from './props';\nimport { Container } from './styles';\n\nconst Sidebar = ({\n slots,\n isNavMini,\n layoutQuery,\n onToggleNav,\n children,\n}: PropsWithChildren<SidebarProps>) => {\n const theme = useTheme();\n\n const renderNavVertical = (\n <>\n {slots?.topArea}\n\n <Scrollbar fillContent sx={{ p: 2 }}>\n {children}\n </Scrollbar>\n\n {slots?.bottomArea}\n </>\n );\n\n const renderNavMini = (\n <>\n {slots?.topArea}\n\n <Scrollbar fillContent sx={{ p: 2 }}>\n {children}\n </Scrollbar>\n\n {slots?.bottomArea}\n </>\n );\n\n return (\n <Container isNavMini={isNavMini} layoutQuery={layoutQuery}>\n <NavToggleButton\n isNavMini={isNavMini}\n onClick={onToggleNav}\n sx={{\n display: 'none',\n [theme.breakpoints.up(layoutQuery)]: {\n display: 'inline-flex',\n },\n }}\n />\n {isNavMini ? renderNavMini : renderNavVertical}\n </Container>\n );\n};\n\nexport default Sidebar;\n","import SvgIcon from '@mui/material/SvgIcon';\n\nimport { NavToggleButtonProps } from './props';\nimport { Button } from './styles';\n\nconst NavToggleButton = ({ isNavMini, ...other }: NavToggleButtonProps) => {\n return (\n <Button size=\"small\" isNavMini={isNavMini} {...other}>\n <SvgIcon\n sx={{\n width: 16,\n height: 16,\n ...(isNavMini && {\n transform: 'scaleX(-1)',\n }),\n }}\n >\n <path\n fill=\"currentColor\"\n d=\"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64\"\n />\n </SvgIcon>\n </Button>\n );\n};\n\nexport default NavToggleButton;\n","import IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nexport const Button = styled(IconButton, {\n shouldForwardProp: prop => prop !== 'isNavMini',\n})<{ isNavMini: boolean }>(({ theme, isNavMini }) => ({\n padding: 8,\n top: 15,\n position: 'fixed',\n color: theme.palette.action.active,\n backgroundColor: theme.palette.background.paper,\n transform: 'translateX(-50%)',\n zIndex: 'var(--layout-nav-zIndex)',\n left: isNavMini\n ? 'var(--layout-nav-mini-width)'\n : 'var(--layout-nav-vertical-width)',\n border: `1px solid ${theme.palette.divider}`,\n transition: theme.transitions.create(['left'], {\n easing: 'var(--layout-transition-easing)',\n duration: 'var(--layout-transition-duration)',\n }),\n\n '&:hover': {\n color: theme.palette.text.primary,\n backgroundColor: theme.palette.background.neutral,\n },\n}));\n","import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { Breakpoint, styled } from '@mui/material/styles';\n\nexport const LogoFull = styled(Stack)({\n padding: '12px 16px 24px',\n\n svg: {\n width: 125,\n },\n});\n\nexport const LogoMini = styled(Stack)({\n padding: '12px 24px 24px',\n alignItems: 'center',\n justifyContent: 'center',\n\n svg: {\n width: 32,\n height: 32,\n },\n});\n\nexport const Container = styled(Box, {\n shouldForwardProp: prop => prop !== 'isNavMini' && prop !== 'layoutQuery',\n})<{\n isNavMini: boolean;\n layoutQuery: Breakpoint;\n}>(({ theme, isNavMini, layoutQuery }) => ({\n top: 0,\n left: 0,\n height: '100%',\n display: 'none',\n position: 'fixed',\n flexDirection: 'column',\n backgroundColor: theme.palette.background.paper,\n zIndex: 'var(--layout-nav-zIndex)',\n width: isNavMini\n ? 'var(--layout-nav-mini-width)'\n : 'var(--layout-nav-vertical-width)',\n borderRight: `1px solid ${theme.palette.divider}`,\n\n transition: theme.transitions.create(['width'], {\n easing: 'var(--layout-transition-easing)',\n duration: 'var(--layout-transition-duration)',\n }),\n\n [theme.breakpoints.up(layoutQuery)]: {\n display: 'flex',\n },\n}));\n","import Box from '@mui/material/Box';\nimport GlobalStyles from '@mui/material/GlobalStyles';\n\nimport { layoutClasses } from '../classes';\n\nimport { LayoutSectionProps } from './props';\n\nconst Wrapper = ({\n sx,\n cssVars,\n children,\n footerSection,\n headerSection,\n sidebarSection,\n}: LayoutSectionProps) => {\n return (\n <>\n <GlobalStyles\n styles={{\n body: {\n '--layout-nav-zIndex': 1101,\n '--layout-nav-mobile-width': '320px',\n '--layout-header-blur': '8px',\n '--layout-header-zIndex': 1100,\n '--layout-header-mobile-height': '64px',\n '--layout-header-desktop-height': '72px',\n ...cssVars,\n },\n }}\n />\n\n <Box id=\"root__layout\" sx={sx}>\n {sidebarSection ? (\n <>\n {sidebarSection}\n <Box\n display=\"flex\"\n flex=\"1 1 auto\"\n flexDirection=\"column\"\n className={layoutClasses.hasSidebar}\n >\n {headerSection}\n {children}\n {footerSection}\n </Box>\n </>\n ) : (\n <>\n {headerSection}\n {children}\n {footerSection}\n </>\n )}\n </Box>\n </>\n );\n};\n\nexport default Wrapper;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/layouts/Admin/index.tsx","../../../src/layouts/Admin/Wrapper/Main.tsx","../../../src/layouts/Admin/classes.ts","../../../src/layouts/Admin/Header/HeaderSection.tsx","../../../src/layouts/Admin/Header/styles.ts","../../../src/layouts/Admin/Header/index.tsx","../../../src/layouts/Admin/Sidebar/index.tsx","../../../src/layouts/Admin/NavToggleButton/index.tsx","../../../src/layouts/Admin/NavToggleButton/styles.ts","../../../src/layouts/Admin/Sidebar/styles.ts","../../../src/layouts/Admin/Wrapper/index.tsx"],"names":["useTheme","Stack","jsx","Main","children","isNavHorizontal","sx","other","Main_default","layoutClasses","Box","Container","Toolbar","MuiAppBar","styled","StyledDivider","theme","AppBar","jsxs","HeaderSection","slots","slotProps","layoutQuery","toolbarStyles","HeaderSection_default","Header","Header_default","SvgIcon","IconButton","Button","prop","isNavMini","NavToggleButton","NavToggleButton_default","LogoFull","LogoMini","Fragment","Sidebar","onToggleNav","renderNavVertical","Scrollbar_default","renderNavMini","Sidebar_default","GlobalStyles","Wrapper","cssVars","footerSection","headerSection","sidebarSection","Wrapper_default","Admin","footerContent","headerProps","sidebarContent","sidebarProps","onToggleNavMini","mainProps","Admin_default"],"mappings":"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","sourcesContent":["import { PropsWithChildren } from 'react';\nimport type { Breakpoint } from '@mui/material/styles';\nimport { useTheme } from '@mui/material/styles';\n\nimport Main from './Wrapper/Main';\nimport { layoutClasses } from './classes';\nimport Header from './Header';\nimport { AdminProps } from './props';\nimport Sidebar from './Sidebar';\nimport Wrapper from './Wrapper';\n\nconst Admin = ({\n children,\n footerContent,\n headerProps,\n sidebarContent,\n sidebarProps,\n isNavMini,\n onToggleNavMini,\n mainProps,\n}: PropsWithChildren<AdminProps>) => {\n const theme = useTheme();\n\n const layoutQuery: Breakpoint = 'lg';\n\n return (\n <Wrapper\n headerSection={\n <Header\n layoutQuery={layoutQuery}\n slotProps={{\n toolbar: {\n sx: {\n ['& [data-area=\"right\"]']: {\n gap: { xs: 0, sm: 0.75 },\n },\n },\n },\n container: {\n maxWidth: false,\n sx: {\n px: { [layoutQuery]: 5 },\n },\n },\n }}\n slots={headerProps?.slots}\n />\n }\n sidebarSection={\n <Sidebar\n isNavMini={isNavMini}\n layoutQuery={layoutQuery}\n onToggleNav={onToggleNavMini}\n slots={sidebarProps?.slots}\n >\n {sidebarContent}\n </Sidebar>\n }\n footerSection={footerContent}\n cssVars={{\n '--layout-transition-easing': 'linear',\n '--layout-transition-duration': '120ms',\n '--layout-nav-mini-width': '88px',\n '--layout-nav-vertical-width': '300px',\n '--layout-nav-horizontal-height': '64px',\n '--layout-dashboard-content-pt': theme.spacing(1),\n '--layout-dashboard-content-pb': theme.spacing(8),\n '--layout-dashboard-content-px': theme.spacing(5),\n }}\n sx={{\n [`& .${layoutClasses.hasSidebar}`]: {\n [theme.breakpoints.up(layoutQuery)]: {\n transition: theme.transitions.create(['padding-left'], {\n easing: 'var(--layout-transition-easing)',\n duration: 'var(--layout-transition-duration)',\n }),\n pl: isNavMini\n ? 'var(--layout-nav-mini-width)'\n : 'var(--layout-nav-vertical-width)',\n },\n },\n }}\n >\n <Main isNavHorizontal={false} {...mainProps}>\n {children}\n </Main>\n </Wrapper>\n );\n};\n\nexport default Admin;\n","import Stack from '@mui/material/Stack';\n\nimport { MainProps } from './props';\n\nconst Main = ({ children, isNavHorizontal, sx, ...other }: MainProps) => {\n return (\n <Stack\n component=\"main\"\n flex=\"1 1 auto\"\n bgcolor=\"grey.100\"\n sx={{\n ...(isNavHorizontal && {\n '--layout-dashboard-content-pt': '40px',\n }),\n ...sx,\n }}\n {...other}\n >\n {children}\n </Stack>\n );\n};\n\nexport default Main;\n","export const layoutClasses = {\n root: 'layout__root',\n main: 'layout__main',\n header: 'layout__header',\n content: 'layout__main__content',\n hasSidebar: 'layout__has__sidebar',\n};\n","import Box from '@mui/material/Box';\nimport Container from '@mui/material/Container';\nimport { useTheme } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { HeaderSectionProps } from './props';\nimport { AppBar } from './styles';\n\nconst HeaderSection = ({\n sx,\n slots,\n slotProps,\n layoutQuery = 'md',\n ...other\n}: HeaderSectionProps) => {\n const theme = useTheme();\n\n const toolbarStyles = {\n default: {\n minHeight: 'auto',\n height: 'var(--layout-header-mobile-height)',\n backgroundColor: theme.palette.background.paper,\n transition: theme.transitions.create(['height', 'background-color'], {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.shorter,\n }),\n [theme.breakpoints.up('sm')]: {\n minHeight: 'auto',\n },\n [theme.breakpoints.up(layoutQuery)]: {\n height: 'var(--layout-header-desktop-height)',\n },\n },\n };\n\n return (\n <AppBar position=\"sticky\" sx={sx} {...other}>\n {slots?.topArea}\n\n {(slots?.leftArea || slots?.centerArea || slots?.rightArea) && (\n <Toolbar\n disableGutters\n {...slotProps?.toolbar}\n sx={{\n ...toolbarStyles.default,\n ...slotProps?.toolbar?.sx,\n maxHeight: 64,\n }}\n >\n <Container\n {...slotProps?.container}\n sx={{\n height: 1,\n display: 'flex',\n alignItems: 'center',\n ...slotProps?.container?.sx,\n }}\n >\n {slots?.leftArea}\n\n <Box\n sx={{\n display: 'flex',\n flex: '1 1 auto',\n justifyContent: 'center',\n }}\n >\n {slots?.centerArea}\n </Box>\n\n {slots?.rightArea}\n </Container>\n </Toolbar>\n )}\n\n {slots?.bottomArea}\n </AppBar>\n );\n};\n\nexport default HeaderSection;\n","import MuiAppBar from '@mui/material/AppBar';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledDivider = styled('span')(({ theme }) => ({\n width: 1,\n height: 10,\n flexShrink: 0,\n display: 'none',\n position: 'relative',\n alignItems: 'center',\n flexDirection: 'column',\n marginLeft: theme.spacing(2.5),\n marginRight: theme.spacing(2.5),\n backgroundColor: 'currentColor',\n\n '&::before, &::after': {\n top: -5,\n width: 3,\n height: 3,\n content: '\"\"',\n flexShrink: 0,\n borderRadius: '50%',\n position: 'absolute',\n backgroundColor: 'currentColor',\n },\n '&::after': { bottom: -5, top: 'auto' },\n}));\n\nexport const AppBar = styled(MuiAppBar)(({ theme }) => ({\n zIndex: 'var(--layout-header-zIndex)',\n backgroundColor: theme.palette.background.paper,\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: '1px',\n backgroundColor: theme.palette.divider,\n zIndex: 1,\n },\n}));\n","import HeaderSection from './HeaderSection';\nimport { HeaderProps } from './props';\n\nconst Header = ({\n sx,\n slots,\n slotProps,\n layoutQuery,\n ...other\n}: HeaderProps) => {\n return (\n <HeaderSection\n sx={sx}\n layoutQuery={layoutQuery}\n slots={{\n ...slots,\n }}\n slotProps={slotProps}\n {...other}\n />\n );\n};\n\nexport default Header;\n","import { PropsWithChildren } from 'react';\nimport { useTheme } from '@mui/material/styles';\n\nimport Scrollbar from 'components/Scrollbar';\n\nimport NavToggleButton from '../NavToggleButton';\n\nimport { SidebarProps } from './props';\nimport { Container } from './styles';\n\nconst Sidebar = ({\n slots,\n isNavMini,\n layoutQuery,\n onToggleNav,\n children,\n}: PropsWithChildren<SidebarProps>) => {\n const theme = useTheme();\n\n const renderNavVertical = (\n <>\n {slots?.topArea}\n\n <Scrollbar fillContent sx={{ p: 2 }}>\n {children}\n </Scrollbar>\n\n {slots?.bottomArea}\n </>\n );\n\n const renderNavMini = (\n <>\n {slots?.topArea}\n\n <Scrollbar fillContent sx={{ p: 2 }}>\n {children}\n </Scrollbar>\n\n {slots?.bottomArea}\n </>\n );\n\n return (\n <Container isNavMini={isNavMini} layoutQuery={layoutQuery}>\n <NavToggleButton\n isNavMini={isNavMini}\n onClick={onToggleNav}\n sx={{\n display: 'none',\n [theme.breakpoints.up(layoutQuery)]: {\n display: 'inline-flex',\n },\n }}\n />\n {isNavMini ? renderNavMini : renderNavVertical}\n </Container>\n );\n};\n\nexport default Sidebar;\n","import SvgIcon from '@mui/material/SvgIcon';\n\nimport { NavToggleButtonProps } from './props';\nimport { Button } from './styles';\n\nconst NavToggleButton = ({ isNavMini, ...other }: NavToggleButtonProps) => {\n return (\n <Button size=\"small\" isNavMini={isNavMini} {...other}>\n <SvgIcon\n sx={{\n width: 16,\n height: 16,\n ...(isNavMini && {\n transform: 'scaleX(-1)',\n }),\n }}\n >\n <path\n fill=\"currentColor\"\n d=\"M13.83 19a1 1 0 0 1-.78-.37l-4.83-6a1 1 0 0 1 0-1.27l5-6a1 1 0 0 1 1.54 1.28L10.29 12l4.32 5.36a1 1 0 0 1-.78 1.64\"\n />\n </SvgIcon>\n </Button>\n );\n};\n\nexport default NavToggleButton;\n","import IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nexport const Button = styled(IconButton, {\n shouldForwardProp: prop => prop !== 'isNavMini',\n})<{ isNavMini: boolean }>(({ theme, isNavMini }) => ({\n padding: 8,\n top: 15,\n position: 'fixed',\n color: theme.palette.action.active,\n backgroundColor: theme.palette.background.paper,\n transform: 'translateX(-50%)',\n zIndex: 'var(--layout-nav-zIndex)',\n left: isNavMini\n ? 'var(--layout-nav-mini-width)'\n : 'var(--layout-nav-vertical-width)',\n border: `1px solid ${theme.palette.divider}`,\n transition: theme.transitions.create(['left'], {\n easing: 'var(--layout-transition-easing)',\n duration: 'var(--layout-transition-duration)',\n }),\n\n '&:hover': {\n color: theme.palette.text.primary,\n backgroundColor: theme.palette.background.neutral,\n },\n}));\n","import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport { Breakpoint, styled } from '@mui/material/styles';\n\nexport const LogoFull = styled(Stack)({\n padding: '12px 16px 24px',\n\n svg: {\n width: 125,\n },\n});\n\nexport const LogoMini = styled(Stack)({\n padding: '12px 24px 24px',\n alignItems: 'center',\n justifyContent: 'center',\n\n svg: {\n width: 32,\n height: 32,\n },\n});\n\nexport const Container = styled(Box, {\n shouldForwardProp: prop => prop !== 'isNavMini' && prop !== 'layoutQuery',\n})<{\n isNavMini: boolean;\n layoutQuery: Breakpoint;\n}>(({ theme, isNavMini, layoutQuery }) => ({\n top: 0,\n left: 0,\n height: '100%',\n display: 'none',\n position: 'fixed',\n flexDirection: 'column',\n backgroundColor: theme.palette.background.paper,\n zIndex: 'var(--layout-nav-zIndex)',\n width: isNavMini\n ? 'var(--layout-nav-mini-width)'\n : 'var(--layout-nav-vertical-width)',\n borderRight: `1px solid ${theme.palette.divider}`,\n\n transition: theme.transitions.create(['width'], {\n easing: 'var(--layout-transition-easing)',\n duration: 'var(--layout-transition-duration)',\n }),\n\n [theme.breakpoints.up(layoutQuery)]: {\n display: 'flex',\n },\n}));\n","import Box from '@mui/material/Box';\nimport GlobalStyles from '@mui/material/GlobalStyles';\n\nimport { layoutClasses } from '../classes';\n\nimport { LayoutSectionProps } from './props';\n\nconst Wrapper = ({\n sx,\n cssVars,\n children,\n footerSection,\n headerSection,\n sidebarSection,\n}: LayoutSectionProps) => {\n return (\n <>\n <GlobalStyles\n styles={{\n body: {\n '--layout-nav-zIndex': 1101,\n '--layout-nav-mobile-width': '320px',\n '--layout-header-blur': '8px',\n '--layout-header-zIndex': 1100,\n '--layout-header-mobile-height': '64px',\n '--layout-header-desktop-height': '72px',\n ...cssVars,\n },\n }}\n />\n\n <Box id=\"root__layout\" sx={sx}>\n {sidebarSection ? (\n <>\n {sidebarSection}\n <Box\n display=\"flex\"\n flex=\"1 1 auto\"\n flexDirection=\"column\"\n className={layoutClasses.hasSidebar}\n >\n {headerSection}\n {children}\n {footerSection}\n </Box>\n </>\n ) : (\n <>\n {headerSection}\n {children}\n {footerSection}\n </>\n )}\n </Box>\n </>\n );\n};\n\nexport default Wrapper;\n"]}
|