@pautena/react-design-system 0.4.4 → 0.4.5
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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/data-display/header/header.types.d.ts +19 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/data-display/header/header.types.d.ts +19 -0
- package/dist/index.d.ts +20 -1
- package/package.json +1 -1
- package/src/components/data-display/header/header.stories.tsx +14 -0
- package/src/components/data-display/header/header.test.tsx +36 -11
- package/src/components/data-display/header/header.tsx +13 -0
- package/src/components/data-display/header/header.types.ts +20 -0
package/dist/cjs/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/icons-material/Check"),n=require("@mui/icons-material/Close"),a=require("date-fns"),o=require("@mui/material/styles"),l=require("@mui/material/AppBar"),i=require("@mui/material/Box"),u=require("@mui/material/Toolbar"),c=require("@mui/material/IconButton"),s=require("@mui/material/Typography"),d=require("@mui/material/InputBase"),f=require("@mui/material/MenuItem"),m=require("@mui/material/Menu"),p=require("@mui/icons-material/Menu"),y=require("@mui/icons-material/Search"),v=require("@mui/icons-material/AccountCircle"),h=require("react-router-dom"),b=require("@mui/icons-material/ChevronLeft"),g=require("@mui/icons-material/ExpandLess"),x=require("@mui/icons-material/ExpandMore"),E=require("@mui/lab"),S=require("lorem-ipsum"),w=require("@mui/x-date-pickers"),C=require("@mui/icons-material/MoreVert");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var k=T(t),O=I(t),P=T(r),$=T(n),R=T(l),j=T(i),B=T(u),M=T(c),D=T(s),N=T(d),q=T(f),F=T(m),L=T(p),A=T(y),_=T(v),V=T(b),z=T(g),W=T(x),G=T(C),H=function(e){return"label-".concat(e.replace(/ /g,"-"))},U=function(t){var r=t.label,n=t.tooltip,a=t.tooltipEnterDelay,o=void 0===a?2e3:a,l=t.children,i=H(r);return k.default.createElement(e.Box,{width:1},k.default.createElement(e.Typography,{variant:"subtitle2",role:"label",id:i},r),n?k.default.createElement(e.Tooltip,{title:n,placement:"top",enterDelay:o},l):l)},Y=function(t){var r=t.label,n=t.value,a=t.placeholder,o=void 0===a?"-":a,l=H(r),i=n||o;return k.default.createElement(U,{label:r,tooltip:i},k.default.createElement(e.Typography,{variant:"h5",noWrap:!0,"aria-labelledby":l},i))},J=function(t){var r=t.children;return k.default.createElement(e.Paper,{sx:{p:2}},r)},X=function(t){var r=t.label,n=t.value,a=t.placeholder,o=void 0===a?"-":a,l={fontSize:e.useTheme().typography.h5.fontSize};return k.default.createElement(U,{label:r},void 0===n?k.default.createElement(e.Typography,{variant:"h5"},o):n?k.default.createElement(P.default,{color:"success",sx:l}):k.default.createElement($.default,{color:"error",sx:l}))},Q=function(t){var r=t.label,n=t.value,o=t.format,l=t.placeholder,i=void 0===l?"-":l,u=H(r),c=n&&a.format(n,o)||i;return k.default.createElement(U,{label:r,tooltip:c},k.default.createElement(e.Typography,{variant:"h5",noWrap:!0,"aria-labelledby":u},c))},Z=function(){return Z=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Z.apply(this,arguments)};function K(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}function ee(e,t,r){if(r||2===arguments.length)for(var n,a=0,o=t.length;a<o;a++)!n&&a in t||(n||(n=Array.prototype.slice.call(t,0,a)),n[a]=t[a]);return e.concat(n||Array.prototype.slice.call(t))}var te=function(t){var r=void 0===t?{}:t,n=r.lightWeight,a=void 0===n?100:n,o=r.darkWeight,l=void 0===o?900:o,i=e.useTheme().palette;return"light"===i.mode?i.grey[a]:i.grey[l]},re={root:"RdsGroupValueItem-root"},ne=function(t){var r=t.children,n=t.bordered,a=void 0===n||n,o=K(t,["children","bordered"]),l=te({lightWeight:200,darkWeight:800});return k.default.createElement(e.Grid,Z({item:!0,className:re.root},o),k.default.createElement(e.Box,{px:1,sx:{borderLeft:a?"solid ".concat(l," 1px"):"none"}},r))},ae=function(t){var r=t.title,n=t.subtitle,a=t.centered,o=t.children,l=te({lightWeight:200,darkWeight:800});return k.default.createElement(e.Paper,{sx:{paddingBottom:1}},k.default.createElement(e.Box,{bgcolor:l,px:2,py:1},k.default.createElement(e.Typography,{variant:"h6",role:"heading","aria-level":1},r),n&&k.default.createElement(e.Typography,{variant:"body2",role:"heading","aria-level":2},n)),k.default.createElement(e.Grid,{container:!0,padding:1,rowSpacing:2,justifyContent:a?"center":"flex-start"},o))},oe=function(){return k.default.createElement(e.Box,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center"},k.default.createElement(e.CircularProgress,null))};var le=t.createContext(void 0),ie=new Error("DrawerContext.Provider is required and was undefined"),ue=function(){var e=t.useContext(le);if(void 0===e)throw ie;return e},ce=o.styled("div")((function(e){var t,r=e.theme;return(t={position:"relative",borderRadius:r.shape.borderRadius,backgroundColor:o.alpha(r.palette.common.white,.15),"&:hover":{backgroundColor:o.alpha(r.palette.common.white,.25)},marginRight:r.spacing(2),marginLeft:0,width:"100%"})[r.breakpoints.up("sm")]={marginLeft:r.spacing(3),width:"auto"},t})),se=o.styled("div")((function(e){return{padding:e.theme.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}})),de=o.styled(N.default)((function(e){var t,r=e.theme;return{color:"inherit","& .MuiInputBase-input":(t={padding:r.spacing(1,1,1,0),paddingLeft:"calc(1em + ".concat(r.spacing(4),")"),transition:r.transitions.create("width"),width:"100%"},t[r.breakpoints.up("md")]={width:"20ch"},t)}})),fe=function(e){return{width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}},me=function(e){var t;return(t={transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc(".concat(e.spacing(7)," + 1px)")})[e.breakpoints.up("sm")]={width:"calc(".concat(e.spacing(8)," + 1px)")},t},pe=o.styled((function(e){var t=e.search,r=void 0!==t&&t,n=e.title,a=e.menu,o=void 0!==a&&a,l=e.profile,i=e.onClickSignOut,u=K(e,["search","title","menu","profile","onClickSignOut"]),c=O.useState(null),s=c[0],d=c[1],f=ue(),m=f.isOpen,p=f.open;return O.createElement(R.default,Z({},u),O.createElement(B.default,null,o&&O.createElement(M.default,{color:"inherit","aria-label":"open drawer",onClick:p,edge:"start",sx:Z({marginRight:5},m&&{display:"none"})},O.createElement(L.default,null)),n&&O.createElement(D.default,{variant:"h6",component:"h1",role:"heading","aria-level":1,noWrap:!0,sx:{display:{xs:"none",sm:"block"}}},n),r&&O.createElement(ce,{role:"search"},O.createElement(se,null,O.createElement(A.default,null)),O.createElement(de,{placeholder:"Search…",inputProps:{"aria-label":"search"}})),O.createElement(j.default,{sx:{flexGrow:1}}),l&&O.createElement(j.default,{sx:{display:{xs:"none",md:"flex"}}},O.createElement(M.default,{size:"large","aria-controls":"menu-appbar","aria-haspopup":"true","aria-label":"menu button",role:"button","aria-expanded":Boolean(s),onClick:function(e){d(e.currentTarget)},color:"inherit"},O.createElement(_.default,null)),O.createElement(F.default,{id:"menu-appbar",anchorEl:s,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(s),onClose:function(){d(null)}},O.createElement(q.default,{onClick:i},"Sign out")))))}))((function(e){var t=e.theme,r=ue().isOpen;return Z({zIndex:t.zIndex.drawer+1,transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})},r&&{marginLeft:240,width:"calc(100% - ".concat(240,"px)"),transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen})})}));pe.defaultProps={position:"fixed",menu:!0};var ye={root:"RdsBullet-root"},ve=function(t){var r=t.variant,n=void 0===r?"primary":r;return k.default.createElement(e.Badge,{color:n,variant:"dot",className:ye.root,role:"bullet","aria-describedby":n})},he={root:"RdsLabel-root"},be=function(t){var r=t.text,n=t.variant,a=void 0===n?"default":n,o=e.useTheme().palette,l={default:"light"===o.mode?o.grey[100]:o.grey[900],primary:o.primary.main,secondary:o.secondary.main,info:o.info.main,warning:o.warning.main,error:o.error.main},i={default:o.getContrastText(l.default),primary:o.primary.contrastText,secondary:o.secondary.contrastText,info:o.info.contrastText,warning:o.warning.contrastText,error:o.error.contrastText};return k.default.createElement(e.Box,{px:1,sx:{backgroundColor:l[a]},borderRadius:1,color:i[a],className:he.root,role:"label","aria-describedby":a},k.default.createElement(e.Typography,{variant:"caption",fontWeight:700},r.toUpperCase()))},ge=t.forwardRef((function(e,t){var r=e.href,n=K(e,["href"]);return k.default.createElement(h.Link,Z({ref:t,to:r},n))})),xe=t.forwardRef((function(t,r){return k.default.createElement(e.Link,Z({},t,{component:ge}))})),Ee=function(e,t){return new Array(e).fill(t)},Se=new Error("NotificationCenterContext.Provider is required and was undefined"),we=k.default.createContext(void 0),Ce=function(){var e=k.default.useContext(we);if(void 0===e)throw Se;return e},Te=function(e,r,n){var a=n.from,o=n.to,l=t.useRef(),i=Ce().show;t.useEffect((function(){l.current===a&&r===o&&i(e),l.current=r}),[r])},Ie=t.createContext([0,function(){return null}]),ke=Ie.Provider,Oe=function(){return t.useContext(Ie)},Pe=function(e){var r=e.children,n=e.initialValue,a=void 0===n?0:n,o=t.useState(a);return k.default.createElement(ke,{value:o},r)},$e=function(t){var r=t.title,n=t.subtitle,a=t.preset,o=void 0===a?"default":a,l=t.actionsVariant,i=void 0===l?"outlined":l,u=t.breadcrumbs,c=t.actions,s=t.tabs,d=e.useTheme().palette,f=te(),m=Oe(),p=m[0],y=m[1],v={default:f,primary:d.primary.main,secondary:d.secondary.main,inherit:"inherit",transparent:"transparent"},h=v[o],b={default:d.getContrastText(v.default),primary:d.primary.contrastText,secondary:d.secondary.contrastText,inherit:"inherit",transparent:d.text.primary}[o];return k.default.createElement(e.Box,{bgcolor:h,color:b},k.default.createElement(e.Container,null,k.default.createElement(e.Box,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"}},k.default.createElement(e.Box,null,(null==u?void 0:u.length)&&k.default.createElement(e.Breadcrumbs,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1}},u.map((function(e){var t=e.id,r=e.link,n=e.text;return k.default.createElement(xe,{key:t,underline:"hover",color:"inherit",href:r,variant:"body2",role:"link"},n)}))),k.default.createElement(e.Typography,{variant:"h4",role:"heading","aria-level":1},r),n&&k.default.createElement(e.Typography,{variant:"body1",role:"heading","aria-level":2},n)),c&&k.default.createElement(e.Box,null,c.map((function(t,r){var n=t.disabled,a=t.id,o=t.href,l=t.onClick,u=t.text;return k.default.createElement(e.Button,{component:o?xe:"button",role:"button",color:"inherit",disabled:n,key:a,variant:i,size:"small",href:o,onClick:l,sx:{mr:r!=c.length-1?1:0}},u)})))),s&&k.default.createElement(e.Tabs,{value:p,textColor:"inherit",onChange:function(e,t){return y(t)}},s.map((function(t){var r=t.id,n=t.label,a=t.disabled;return k.default.createElement(e.Tab,{key:r,label:n,disabled:a})})))))},Re=function(t){var r=t.children;return k.default.createElement(e.Container,{component:"main",sx:{py:3,flexGrow:1}},r)};function je(t){var r=t.children,n=t.centerVertical,a=void 0===n||n,o=t.centerHorizontal,l=void 0===o||o,i=t.sx;return k.default.createElement(e.Box,{width:1,height:1,sx:Z(Z({},i),{display:"flex",flexDirection:"column",justifyContent:a?"center":"flex-start",alignItems:l?"center":"flex-start"})},r)}var Be=o.styled("div")((function(e){var t=e.theme;return Z({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:t.spacing(0,1)},t.mixins.toolbar)})),Me=function(t){var r=t.children,n=K(t,["children"]),a=ue(),o=a.isOpen,l=a.close;return k.default.createElement(e.Drawer,Z({open:o,role:"menu","aria-hidden":!o},n),k.default.createElement(Be,null,k.default.createElement(e.IconButton,{onClick:l},k.default.createElement(V.default,null))),k.default.createElement(e.Divider,null),r)},De=o.styled(Me)((function(t){var r,n=t.theme,a=ue().isOpen,o=!a&&{display:"none"};return Z(Z(((r={width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box"})["& .".concat(e.listItemIconClasses.root)]=Z({minWidth:0,justifyContent:"center"},a?{marginRight:n.spacing(3)}:{marginRight:"auto"}),r["& .".concat(e.listItemButtonClasses.root)]=Z({minHeight:48,paddingHorizontal:n.spacing(2.5)},a?{justifyContent:"initial"}:{justifyContent:"center"}),r["& .".concat(he.root)]=o,r["& .".concat(ye.root)]=o,r["& .".concat(e.listSubheaderClasses.root)]=o,r["& .".concat(e.listItemTextClasses.root)]={opacity:a?1:0},r),a&&Z(Z({},fe(n)),{"& .MuiDrawer-paper":fe(n)})),!a&&Z(Z({},me(n)),{"& .MuiDrawer-paper":me(n)}))}));De.defaultProps={variant:"permanent"};var Ne=function(e){var r=e.children,n=e.initialOpen,a=void 0!==n&&n,o=t.useState(a),l=o[0],i=o[1];return k.default.createElement(le.Provider,{value:{isOpen:l,close:function(){return i(!1)},open:function(){return i(!0)}}},r)},qe=e.styled(xe)((function(e){return{color:e.theme.palette.text.primary}})),Fe=function(t){var r=t.text,n=t.icon,a=t.avatar,o=t.label,l=t.bullet,i=t.href,u=t.selected,c=t.sx;return k.default.createElement(e.ListItem,{disablePadding:!0,sx:{display:"block"},component:qe,href:i},k.default.createElement(e.ListItemButton,{selected:u,sx:c},n&&k.default.createElement(e.ListItemIcon,null,n),a&&k.default.createElement(e.ListItemAvatar,null,k.default.createElement(e.Avatar,{alt:a.alt,src:a.src})),k.default.createElement(e.ListItemText,{primary:r}),o&&k.default.createElement(be,{text:o.text,variant:o.variant}),l&&k.default.createElement(ve,{variant:l.variant})))},Le=function(r){var n=r.text,a=r.icon,o=r.selected,l=r.selectedItem,i=r.items,u=t.useState(!1),c=u[0],s=u[1];return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.ListItem,{disablePadding:!0,sx:{display:"block"}},k.default.createElement(e.ListItemButton,{selected:o,onClick:function(){return s((function(e){return!e}))}},a&&k.default.createElement(e.ListItemIcon,null,a),k.default.createElement(e.ListItemText,{primary:n}),c?k.default.createElement(z.default,null):k.default.createElement(W.default,null))),k.default.createElement(e.Collapse,{in:c,timeout:"auto",unmountOnExit:!0},k.default.createElement(e.List,{component:"div",disablePadding:!0},i.map((function(e){var t=e.id,r=e.text,n=e.icon,a=e.avatar,o=e.label,i=e.bullet,u=e.href;return k.default.createElement(Fe,{key:t,selected:t===l,text:r,icon:n,avatar:a,label:o,bullet:i,href:u,sx:{pl:4}})})))))},Ae=function(t){var r=t.title,n=t.items,a=t.selectedItem;return k.default.createElement(k.default.Fragment,null,r&&k.default.createElement(e.ListSubheader,{role:"heading"},r),k.default.createElement(e.List,null,n.map((function(e){if("items"in e){var t=e.id,r=e.text,n=e.icon,o=e.items,l=o.some((function(e){return e.id===a}));return k.default.createElement(Le,{key:t,selectedItem:a,selected:t===a||l,text:r,icon:n,items:o})}t=e.id,r=e.text,n=e.icon;var i=e.avatar,u=e.label,c=e.bullet,s=e.href;return k.default.createElement(Fe,{key:t,selected:t===a,text:r,icon:n,avatar:i,label:u,bullet:c,href:s})}))))},_e={small:15,medium:20};var Ve=e.styled(e.Tabs)((function(t){var r,n=t.theme;return(r={})["&.".concat(e.tabsClasses.root)]={backgroundColor:n.palette.grey[100]},r}));function ze(e,t){return"production"===process.env.NODE_ENV?()=>null:function(...r){return e(...r)||t(...r)}}var We,Ge={exports:{}},He={exports:{}},Ue={};var Ye,Je,Xe,Qe,Ze,Ke,et,tt,rt,nt,at,ot,lt,it,ut={};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/icons-material/Check"),n=require("@mui/icons-material/Close"),a=require("date-fns"),o=require("@mui/material/styles"),l=require("@mui/material/AppBar"),i=require("@mui/material/Box"),u=require("@mui/material/Toolbar"),c=require("@mui/material/IconButton"),s=require("@mui/material/Typography"),d=require("@mui/material/InputBase"),f=require("@mui/material/MenuItem"),m=require("@mui/material/Menu"),p=require("@mui/icons-material/Menu"),y=require("@mui/icons-material/Search"),v=require("@mui/icons-material/AccountCircle"),h=require("react-router-dom"),b=require("@mui/icons-material/ChevronLeft"),g=require("@mui/icons-material/ExpandLess"),x=require("@mui/icons-material/ExpandMore"),E=require("@mui/lab"),S=require("lorem-ipsum"),w=require("@mui/x-date-pickers"),C=require("@mui/icons-material/MoreVert");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var k=T(t),O=I(t),P=T(r),$=T(n),R=T(l),j=T(i),B=T(u),M=T(c),D=T(s),N=T(d),q=T(f),F=T(m),L=T(p),A=T(y),_=T(v),V=T(b),z=T(g),W=T(x),G=T(C),H=function(e){return"label-".concat(e.replace(/ /g,"-"))},U=function(t){var r=t.label,n=t.tooltip,a=t.tooltipEnterDelay,o=void 0===a?2e3:a,l=t.children,i=H(r);return k.default.createElement(e.Box,{width:1},k.default.createElement(e.Typography,{variant:"subtitle2",role:"label",id:i},r),n?k.default.createElement(e.Tooltip,{title:n,placement:"top",enterDelay:o},l):l)},Y=function(t){var r=t.label,n=t.value,a=t.placeholder,o=void 0===a?"-":a,l=H(r),i=n||o;return k.default.createElement(U,{label:r,tooltip:i},k.default.createElement(e.Typography,{variant:"h5",noWrap:!0,"aria-labelledby":l},i))},J=function(t){var r=t.children;return k.default.createElement(e.Paper,{sx:{p:2}},r)},X=function(t){var r=t.label,n=t.value,a=t.placeholder,o=void 0===a?"-":a,l={fontSize:e.useTheme().typography.h5.fontSize};return k.default.createElement(U,{label:r},void 0===n?k.default.createElement(e.Typography,{variant:"h5"},o):n?k.default.createElement(P.default,{color:"success",sx:l}):k.default.createElement($.default,{color:"error",sx:l}))},Q=function(t){var r=t.label,n=t.value,o=t.format,l=t.placeholder,i=void 0===l?"-":l,u=H(r),c=n&&a.format(n,o)||i;return k.default.createElement(U,{label:r,tooltip:c},k.default.createElement(e.Typography,{variant:"h5",noWrap:!0,"aria-labelledby":u},c))},Z=function(){return Z=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},Z.apply(this,arguments)};function K(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}function ee(e,t,r){if(r||2===arguments.length)for(var n,a=0,o=t.length;a<o;a++)!n&&a in t||(n||(n=Array.prototype.slice.call(t,0,a)),n[a]=t[a]);return e.concat(n||Array.prototype.slice.call(t))}var te=function(t){var r=void 0===t?{}:t,n=r.lightWeight,a=void 0===n?100:n,o=r.darkWeight,l=void 0===o?900:o,i=e.useTheme().palette;return"light"===i.mode?i.grey[a]:i.grey[l]},re={root:"RdsGroupValueItem-root"},ne=function(t){var r=t.children,n=t.bordered,a=void 0===n||n,o=K(t,["children","bordered"]),l=te({lightWeight:200,darkWeight:800});return k.default.createElement(e.Grid,Z({item:!0,className:re.root},o),k.default.createElement(e.Box,{px:1,sx:{borderLeft:a?"solid ".concat(l," 1px"):"none"}},r))},ae=function(t){var r=t.title,n=t.subtitle,a=t.centered,o=t.children,l=te({lightWeight:200,darkWeight:800});return k.default.createElement(e.Paper,{sx:{paddingBottom:1}},k.default.createElement(e.Box,{bgcolor:l,px:2,py:1},k.default.createElement(e.Typography,{variant:"h6",role:"heading","aria-level":1},r),n&&k.default.createElement(e.Typography,{variant:"body2",role:"heading","aria-level":2},n)),k.default.createElement(e.Grid,{container:!0,padding:1,rowSpacing:2,justifyContent:a?"center":"flex-start"},o))},oe=function(){return k.default.createElement(e.Box,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center"},k.default.createElement(e.CircularProgress,null))};var le=t.createContext(void 0),ie=new Error("DrawerContext.Provider is required and was undefined"),ue=function(){var e=t.useContext(le);if(void 0===e)throw ie;return e},ce=o.styled("div")((function(e){var t,r=e.theme;return(t={position:"relative",borderRadius:r.shape.borderRadius,backgroundColor:o.alpha(r.palette.common.white,.15),"&:hover":{backgroundColor:o.alpha(r.palette.common.white,.25)},marginRight:r.spacing(2),marginLeft:0,width:"100%"})[r.breakpoints.up("sm")]={marginLeft:r.spacing(3),width:"auto"},t})),se=o.styled("div")((function(e){return{padding:e.theme.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}})),de=o.styled(N.default)((function(e){var t,r=e.theme;return{color:"inherit","& .MuiInputBase-input":(t={padding:r.spacing(1,1,1,0),paddingLeft:"calc(1em + ".concat(r.spacing(4),")"),transition:r.transitions.create("width"),width:"100%"},t[r.breakpoints.up("md")]={width:"20ch"},t)}})),fe=function(e){return{width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}},me=function(e){var t;return(t={transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc(".concat(e.spacing(7)," + 1px)")})[e.breakpoints.up("sm")]={width:"calc(".concat(e.spacing(8)," + 1px)")},t},pe=o.styled((function(e){var t=e.search,r=void 0!==t&&t,n=e.title,a=e.menu,o=void 0!==a&&a,l=e.profile,i=e.onClickSignOut,u=K(e,["search","title","menu","profile","onClickSignOut"]),c=O.useState(null),s=c[0],d=c[1],f=ue(),m=f.isOpen,p=f.open;return O.createElement(R.default,Z({},u),O.createElement(B.default,null,o&&O.createElement(M.default,{color:"inherit","aria-label":"open drawer",onClick:p,edge:"start",sx:Z({marginRight:5},m&&{display:"none"})},O.createElement(L.default,null)),n&&O.createElement(D.default,{variant:"h6",component:"h1",role:"heading","aria-level":1,noWrap:!0,sx:{display:{xs:"none",sm:"block"}}},n),r&&O.createElement(ce,{role:"search"},O.createElement(se,null,O.createElement(A.default,null)),O.createElement(de,{placeholder:"Search…",inputProps:{"aria-label":"search"}})),O.createElement(j.default,{sx:{flexGrow:1}}),l&&O.createElement(j.default,{sx:{display:{xs:"none",md:"flex"}}},O.createElement(M.default,{size:"large","aria-controls":"menu-appbar","aria-haspopup":"true","aria-label":"menu button",role:"button","aria-expanded":Boolean(s),onClick:function(e){d(e.currentTarget)},color:"inherit"},O.createElement(_.default,null)),O.createElement(F.default,{id:"menu-appbar",anchorEl:s,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(s),onClose:function(){d(null)}},O.createElement(q.default,{onClick:i},"Sign out")))))}))((function(e){var t=e.theme,r=ue().isOpen;return Z({zIndex:t.zIndex.drawer+1,transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})},r&&{marginLeft:240,width:"calc(100% - ".concat(240,"px)"),transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen})})}));pe.defaultProps={position:"fixed",menu:!0};var ye={root:"RdsBullet-root"},ve=function(t){var r=t.variant,n=void 0===r?"primary":r;return k.default.createElement(e.Badge,{color:n,variant:"dot",className:ye.root,role:"bullet","aria-describedby":n})},he={root:"RdsLabel-root"},be=function(t){var r=t.text,n=t.variant,a=void 0===n?"default":n,o=e.useTheme().palette,l={default:"light"===o.mode?o.grey[100]:o.grey[900],primary:o.primary.main,secondary:o.secondary.main,info:o.info.main,warning:o.warning.main,error:o.error.main},i={default:o.getContrastText(l.default),primary:o.primary.contrastText,secondary:o.secondary.contrastText,info:o.info.contrastText,warning:o.warning.contrastText,error:o.error.contrastText};return k.default.createElement(e.Box,{px:1,sx:{backgroundColor:l[a]},borderRadius:1,color:i[a],className:he.root,role:"label","aria-describedby":a},k.default.createElement(e.Typography,{variant:"caption",fontWeight:700},r.toUpperCase()))},ge=t.forwardRef((function(e,t){var r=e.href,n=K(e,["href"]);return k.default.createElement(h.Link,Z({ref:t,to:r},n))})),xe=t.forwardRef((function(t,r){return k.default.createElement(e.Link,Z({},t,{component:ge}))})),Ee=function(e,t){return new Array(e).fill(t)},Se=new Error("NotificationCenterContext.Provider is required and was undefined"),we=k.default.createContext(void 0),Ce=function(){var e=k.default.useContext(we);if(void 0===e)throw Se;return e},Te=function(e,r,n){var a=n.from,o=n.to,l=t.useRef(),i=Ce().show;t.useEffect((function(){l.current===a&&r===o&&i(e),l.current=r}),[r])},Ie=t.createContext([0,function(){return null}]),ke=Ie.Provider,Oe=function(){return t.useContext(Ie)},Pe=function(e){var r=e.children,n=e.initialValue,a=void 0===n?0:n,o=t.useState(a);return k.default.createElement(ke,{value:o},r)},$e=function(t){var r=t.title,n=t.subtitle,a=t.preset,o=void 0===a?"default":a,l=t.actionsVariant,i=void 0===l?"outlined":l,u=t.breadcrumbs,c=t.actions,s=t.tabs,d=t.navigationButton,f=e.useTheme().palette,m=te(),p=Oe(),y=p[0],v=p[1],h={default:m,primary:f.primary.main,secondary:f.secondary.main,inherit:"inherit",transparent:"transparent"},b=h[o],g={default:f.getContrastText(h.default),primary:f.primary.contrastText,secondary:f.secondary.contrastText,inherit:"inherit",transparent:f.text.primary}[o];return k.default.createElement(e.Box,{bgcolor:b,color:g},k.default.createElement(e.Container,null,k.default.createElement(e.Box,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"}},k.default.createElement(e.Box,null,d&&k.default.createElement(e.Button,{href:d.href,size:"small",color:"inherit",LinkComponent:xe,startIcon:d.icon,sx:{mb:1}},d.text),(null==u?void 0:u.length)&&k.default.createElement(e.Breadcrumbs,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1}},u.map((function(e){var t=e.id,r=e.link,n=e.text;return k.default.createElement(xe,{key:t,underline:"hover",color:"inherit",href:r,variant:"body2",role:"link"},n)}))),k.default.createElement(e.Typography,{variant:"h4",role:"heading","aria-level":1},r),n&&k.default.createElement(e.Typography,{variant:"body1",role:"heading","aria-level":2},n)),c&&k.default.createElement(e.Box,null,c.map((function(t,r){var n=t.disabled,a=t.id,o=t.href,l=t.onClick,u=t.text;return k.default.createElement(e.Button,{component:o?xe:"button",role:"button",color:"inherit",disabled:n,key:a,variant:i,size:"small",href:o,onClick:l,sx:{mr:r!=c.length-1?1:0}},u)})))),s&&k.default.createElement(e.Tabs,{value:y,textColor:"inherit",onChange:function(e,t){return v(t)}},s.map((function(t){var r=t.id,n=t.label,a=t.disabled;return k.default.createElement(e.Tab,{key:r,label:n,disabled:a})})))))},Re=function(t){var r=t.children;return k.default.createElement(e.Container,{component:"main",sx:{py:3,flexGrow:1}},r)};function je(t){var r=t.children,n=t.centerVertical,a=void 0===n||n,o=t.centerHorizontal,l=void 0===o||o,i=t.sx;return k.default.createElement(e.Box,{width:1,height:1,sx:Z(Z({},i),{display:"flex",flexDirection:"column",justifyContent:a?"center":"flex-start",alignItems:l?"center":"flex-start"})},r)}var Be=o.styled("div")((function(e){var t=e.theme;return Z({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:t.spacing(0,1)},t.mixins.toolbar)})),Me=function(t){var r=t.children,n=K(t,["children"]),a=ue(),o=a.isOpen,l=a.close;return k.default.createElement(e.Drawer,Z({open:o,role:"menu","aria-hidden":!o},n),k.default.createElement(Be,null,k.default.createElement(e.IconButton,{onClick:l},k.default.createElement(V.default,null))),k.default.createElement(e.Divider,null),r)},De=o.styled(Me)((function(t){var r,n=t.theme,a=ue().isOpen,o=!a&&{display:"none"};return Z(Z(((r={width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box"})["& .".concat(e.listItemIconClasses.root)]=Z({minWidth:0,justifyContent:"center"},a?{marginRight:n.spacing(3)}:{marginRight:"auto"}),r["& .".concat(e.listItemButtonClasses.root)]=Z({minHeight:48,paddingHorizontal:n.spacing(2.5)},a?{justifyContent:"initial"}:{justifyContent:"center"}),r["& .".concat(he.root)]=o,r["& .".concat(ye.root)]=o,r["& .".concat(e.listSubheaderClasses.root)]=o,r["& .".concat(e.listItemTextClasses.root)]={opacity:a?1:0},r),a&&Z(Z({},fe(n)),{"& .MuiDrawer-paper":fe(n)})),!a&&Z(Z({},me(n)),{"& .MuiDrawer-paper":me(n)}))}));De.defaultProps={variant:"permanent"};var Ne=function(e){var r=e.children,n=e.initialOpen,a=void 0!==n&&n,o=t.useState(a),l=o[0],i=o[1];return k.default.createElement(le.Provider,{value:{isOpen:l,close:function(){return i(!1)},open:function(){return i(!0)}}},r)},qe=e.styled(xe)((function(e){return{color:e.theme.palette.text.primary}})),Fe=function(t){var r=t.text,n=t.icon,a=t.avatar,o=t.label,l=t.bullet,i=t.href,u=t.selected,c=t.sx;return k.default.createElement(e.ListItem,{disablePadding:!0,sx:{display:"block"},component:qe,href:i},k.default.createElement(e.ListItemButton,{selected:u,sx:c},n&&k.default.createElement(e.ListItemIcon,null,n),a&&k.default.createElement(e.ListItemAvatar,null,k.default.createElement(e.Avatar,{alt:a.alt,src:a.src})),k.default.createElement(e.ListItemText,{primary:r}),o&&k.default.createElement(be,{text:o.text,variant:o.variant}),l&&k.default.createElement(ve,{variant:l.variant})))},Le=function(r){var n=r.text,a=r.icon,o=r.selected,l=r.selectedItem,i=r.items,u=t.useState(!1),c=u[0],s=u[1];return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.ListItem,{disablePadding:!0,sx:{display:"block"}},k.default.createElement(e.ListItemButton,{selected:o,onClick:function(){return s((function(e){return!e}))}},a&&k.default.createElement(e.ListItemIcon,null,a),k.default.createElement(e.ListItemText,{primary:n}),c?k.default.createElement(z.default,null):k.default.createElement(W.default,null))),k.default.createElement(e.Collapse,{in:c,timeout:"auto",unmountOnExit:!0},k.default.createElement(e.List,{component:"div",disablePadding:!0},i.map((function(e){var t=e.id,r=e.text,n=e.icon,a=e.avatar,o=e.label,i=e.bullet,u=e.href;return k.default.createElement(Fe,{key:t,selected:t===l,text:r,icon:n,avatar:a,label:o,bullet:i,href:u,sx:{pl:4}})})))))},Ae=function(t){var r=t.title,n=t.items,a=t.selectedItem;return k.default.createElement(k.default.Fragment,null,r&&k.default.createElement(e.ListSubheader,{role:"heading"},r),k.default.createElement(e.List,null,n.map((function(e){if("items"in e){var t=e.id,r=e.text,n=e.icon,o=e.items,l=o.some((function(e){return e.id===a}));return k.default.createElement(Le,{key:t,selectedItem:a,selected:t===a||l,text:r,icon:n,items:o})}t=e.id,r=e.text,n=e.icon;var i=e.avatar,u=e.label,c=e.bullet,s=e.href;return k.default.createElement(Fe,{key:t,selected:t===a,text:r,icon:n,avatar:i,label:u,bullet:c,href:s})}))))},_e={small:15,medium:20};var Ve=e.styled(e.Tabs)((function(t){var r,n=t.theme;return(r={})["&.".concat(e.tabsClasses.root)]={backgroundColor:n.palette.grey[100]},r}));function ze(e,t){return"production"===process.env.NODE_ENV?()=>null:function(...r){return e(...r)||t(...r)}}var We,Ge={exports:{}},He={exports:{}},Ue={};var Ye,Je,Xe,Qe,Ze,Ke,et,tt,rt,nt,at,ot,lt,it,ut={};
|
|
2
2
|
/** @license React v16.13.1
|
|
3
3
|
* react-is.development.js
|
|
4
4
|
*
|