umwd-components 0.1.321 → 0.1.322
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.
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
* @copyright Jelle Paulus
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
7
|
-
import{__read as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import i from"react";import n from"@mui/material/Box";import r from"@mui/material/Divider";import a from"@mui/material/Typography";import o from"@mui/material/Toolbar";import l from"@mui/material/IconButton";import s from"@mui/material/SpeedDial";import m from"@mui/material/SpeedDialAction";import c from"@mui/material/Drawer";import p from"@mui/material/AppBar";import d from"@mui/icons-material/Menu";import u from"@mui/icons-material/ChevronLeft";import f from"@mui/icons-material/ChevronRight";import x from"@mui/icons-material/AccountCircle";import{useTheme as h}from"@mui/material/styles";import{StyledLink as g}from"../StyledLink.js";function w(w){var E,b,
|
|
7
|
+
import{__read as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import i from"react";import n from"@mui/material/Box";import r from"@mui/material/Divider";import a from"@mui/material/Typography";import o from"@mui/material/Toolbar";import l from"@mui/material/IconButton";import s from"@mui/material/SpeedDial";import m from"@mui/material/SpeedDialAction";import c from"@mui/material/Drawer";import p from"@mui/material/AppBar";import d from"@mui/icons-material/Menu";import u from"@mui/icons-material/ChevronLeft";import f from"@mui/icons-material/ChevronRight";import x from"@mui/icons-material/AccountCircle";import{useTheme as h}from"@mui/material/styles";import{StyledLink as g}from"../StyledLink.js";function w(w){var E,b,v=w.children,y=w.data,S=y.sections,k=void 0===S?[]:S,C=y.actions,I=void 0===C?[]:C,D=y.sx,j=void 0===D?{}:D,z=y.title,L=y.drawerWidth,M=void 0===L?260:L,X=h(),A={zIndex:X.zIndex.drawer+1,marginLeft:M,width:"calc(100% - ".concat(M,"px)")},B={zIndex:X.zIndex.drawer+1,transition:X.transitions.create(["width","margin"],{easing:X.transitions.easing.sharp,duration:X.transitions.duration.leavingScreen})},T={width:M,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",transition:X.transitions.create("width",{easing:X.transitions.easing.sharp,duration:X.transitions.duration.enteringScreen}),overflowX:"hidden","& .MuiDrawer-paper":{width:M,transition:X.transitions.create("width",{easing:X.transitions.easing.sharp,duration:X.transitions.duration.enteringScreen}),overflowX:"hidden"}},_=((E={flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",transition:X.transitions.create("width",{easing:X.transitions.easing.sharp,duration:X.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc(".concat(X.spacing(7)," + 1px)")})[X.breakpoints.up("sm")]={width:"calc(".concat(X.spacing(8)," + 1px)")},E["& .MuiDrawer-paper"]=((b={transition:X.transitions.create("width",{easing:X.transitions.easing.sharp,duration:X.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc(".concat(X.spacing(7)," + 1px)")})[X.breakpoints.up("sm")]={width:"calc(".concat(X.spacing(8)," + 1px)")},b),E),G=e(i.useState(!0),2),R=G[0],F=G[1];return i.createElement(n,{sx:t({display:"flex"},j)},i.createElement(p,{position:"fixed",sx:[R&&A,!R&&B]},i.createElement(o,null,i.createElement(l,{color:"inherit","aria-label":"open drawer",onClick:function(){F(!0)},edge:"start",sx:t({marginRight:5},R&&{display:"none"})},i.createElement(d,null)),i.createElement(g,{href:"/dashboard"},null!=z?z:"Dashboard"),i.createElement(n,{sx:{position:"relative",height:"40px",flexGrow:1}},i.createElement(s,{ariaLabel:"...",icon:i.createElement(x,null),direction:"down",sx:{position:"absolute",top:0,right:0,width:40,"& .MuiFab-root":{width:40,height:40}}},I.map((function(e,t){return i.createElement(m,{key:t,icon:e.icon,"aria-label":e.name,tooltipTitle:e.name,onClick:function(){e.action()}})})))))),i.createElement(c,{variant:"permanent",open:R,sx:[R&&T,!R&&_]},i.createElement(n,{sx:t({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:X.spacing(0,1)},X.mixins.toolbar)},i.createElement(l,{onClick:function(){F(!1)}},"rtl"===X.direction?i.createElement(f,null):i.createElement(u,null))),i.createElement(r,null),k.map((function(e,t){return i.createElement(n,{key:t,sx:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},i.createElement(g,{href:e.link,target:"_self"},i.createElement(n,{sx:{display:"flex",alignItems:"center",justifyContent:"center",p:1,cursor:"pointer"}},e.icon,!R&&e.subSections&&i.createElement(a,null,"..."),R&&i.createElement(a,{sx:{pl:2}},e.title))),e.subSections&&R&&e.subSections.map((function(e,t){return i.createElement(g,{key:t,href:e.link,target:"_self"},i.createElement(n,{sx:{display:"flex",alignItems:"center",justifyContent:"center",p:1,cursor:"pointer"}},i.createElement(a,{variant:"body2",sx:{pl:4}},e.title)))})))}))),i.createElement(n,{component:"main",sx:{flexGrow:1,minHeight:"100vh"}},i.createElement(n,{sx:t({display:"flex",alignItems:"center",justifyContent:"flex-end"},X.mixins.toolbar)}),v))}export{w as default};
|