@australiangreens/ag-internal-components 0.0.29 → 0.0.31

package/README.md

@@ -1,3 +1,27 @@
 # ag-internal-components
 
 Library of MUI react components used across various apps.
+
+## Themes
+
+If this library is imported, MUI styling modules will be augmented to support
+changes needed for AG Themes. For example, the `NavBar` component requires the
+custom `theme.navBar.backgroundColor` value to be in the theme context.
+
+Generally, all that will be needed is to use a theme provider with the
+`internalAgSystemsTheme` in the component hierarchy above any library
+components:
+
+```ts
+import {internalAgSystemsTheme} from '@australiagreens/ag-internal-components';
+
+<ThemeProvider theme={fed21Theme}>
+  <App />
+</ThemeProvider>
+```
+
+If an app needs to customise the theme further via `createTheme()`, either do a
+[deep merge
+with](https://mui.com/material-ui/customization/theming/#createtheme-options-args-theme)
+with `internalAgSystemsTheme` or just ensure all required properties in the
+`AgCustomTheme` interface are provided.

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var Ue=Object.defineProperty,Xe=Object.defineProperties;var Qe=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,xe=Object.prototype.propertyIsEnumerable;var ne=(e,t,r)=>t in e?Ue(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t)=>{for(var r in t||(t={}))he.call(t,r)&&ne(e,r,t[r]);if(U)for(var r of U(t))xe.call(t,r)&&ne(e,r,t[r]);return e},v=(e,t)=>Xe(e,Qe(t));var fe=(e,t)=>{var r={};for(var a in e)he.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&U)for(var a of U(e))t.indexOf(a)<0&&xe.call(e,a)&&(r[a]=e[a]);return r};var ve=(e,t,r)=>(ne(e,typeof t!="symbol"?t+"":t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material"),Ye=require("@mui/material/CssBaseline"),w=require("@mui/material/styles"),Ke=require("@mui/material/Drawer"),Je=require("@australiangreens/ag-error"),Se=require("souvlaki"),Ze=require("@mui/material/List"),Q=require("@mui/icons-material"),ae=e=>e&&e.__esModule?e:{default:e},Ie=ae(Ye),Oe=ae(Ke),ie=ae(Ze);function et({text:e}){const[t,r]=l.useState(0);return n.jsxs(n.Fragment,{children:[n.jsx(i.Typography,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),n.jsx(i.Typography,{variant:"caption",display:"block",children:n.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency. v0.0.11"})}),n.jsx(i.Button,{variant:"outlined",onClick:()=>r(a=>a+1),"aria-label":"Increment",children:"Hello I am a button"}),n.jsxs("p",{children:["This is some text: ",n.jsx("span",{children:e})]}),n.jsxs(i.Paper,{children:["This number will incremember when button pressed: ",t]})]})}const se=330,le=73,S="Navbar",$={root:`${S}-root`,menuButton:`${S}-menuButton`,hide:`${S}-hide`,content:`${S}-content`,userInfoHolder:`${S}-userInfoHolder`,settings:`${S}-settings`,pieChartIcon:`${S}-pieChartIcon`},tt=w.styled("div",{name:"NavBar"})(({theme:e})=>({[`&.${$.root}`]:{display:"flex"},[`& .${$.menuButton}`]:{marginRight:36},[`& .${$.hide}`]:{display:"none"},[`& .${$.content}`]:{flexGrow:1,padding:e.spacing(3)},[`& .${$.userInfoHolder}`]:{height:"148px",marginTop:"64px",marginBottom:"16px"}})),$e=()=>({position:"absolute",height:"100%",overflowX:"hidden",overflowY:"hidden",color:"white",backgroundColor:"black"}),nt=()=>o({width:se},$e()),rt=()=>o({width:le},$e()),ot=w.styled(Oe.default,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:t})=>o(o({width:t?se:le,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",zIndex:e.zIndex.drawer+100},t&&{"& .MuiDrawer-paper":nt()}),!t&&{"& .MuiDrawer-paper":rt()}));class H extends Je.AgError{}ve(H,"errorName","ContextError");const Le=l.createContext(null),at={},it={},Ae=({overrideState:e=at,overrideActions:t=it,children:r})=>{const[{open:a},s]=l.useState({open:!0}),h=l.useCallback(p=>{s({open:p})},[]),x=l.useCallback(()=>{s(p=>v(o({},p),{open:!p.open}))},[]),g=o(o({open:a,setOpen:h,toggleOpen:x},e),t);return n.jsx(Le.Provider,{value:g,children:r})},Ne=()=>{const e=l.useContext(Le);if(e===null)throw new H("Error: Tried to useNavBar outside of a <NavBarProvider>");return e},ke=(e={})=>o({open:!0},e),st=Se.createHelper((e=ke(),t={})=>({children:r})=>n.jsx(Ae,{overrideState:e,overrideActions:t,children:r})),we=7,lt=w.styled(ie.default)(({theme:e})=>({backgroundColor:"black",color:"white","& .MuiListItem-root":{padding:"unset"},"& .MuiListItemButton-root":{" .MuiListItemIcon-root":{color:"white",padding:`${we}px`},"&.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected":{borderLeftStyle:"solid",borderLeftWidth:"7px",borderLeftColor:e.palette.primary.main,paddingLeft:`calc(${e.spacing(2)} - ${we}px)`},"&:hover":{backgroundColor:e.palette.primary.dark},"&.Mui-selected.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected:hover":{backgroundColor:e.palette.primary.dark}}})),ye=7,dt=w.styled(ie.default)(({theme:e})=>({backgroundColor:"#e8e8e8",color:"inherit","& .MuiListItem-root":{padding:"unset"},"& .MuiListItemButton-root":{" .MuiListItemIcon-root":{color:"inherit",padding:`${ye}px`},"&.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected":{borderLeftStyle:"solid",borderLeftWidth:"7px",borderLeftColor:e.palette.primary.main,paddingLeft:`calc(${e.spacing(2)} - ${ye}px)`},"&:hover":{backgroundColor:e.palette.primary.dark},"&.Mui-selected.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected:hover":{backgroundColor:e.palette.primary.dark}}}));function ct({"data-testid":e,children:t}){const{open:r}=Ne();return n.jsxs(tt,{className:$.root,"data-testid":e,children:[n.jsx(Ie.default,{}),n.jsx(ot,{variant:"permanent",anchor:"left",transitionDuration:null,open:r,children:t})]})}const ut=24,pt=64,O="TopBar",B={topStripe:`${O}-topStripe`,titleBar:`${O}-titleBar`,titleSlider:`${O}-titleSlider`,titleText:`${O}-titleText`,leftPanelButton:`${O}-leftPanelButton`,rightPanelButton:`${O}-leftPanelButton`},gt=i.styled("div",{shouldForwardProp:e=>!["leftPanel","rightPanel"].includes(e),name:O})(({theme:e,leftPanel:t,rightPanel:r})=>{var a,s;return{width:"100%",[`& .${B.topStripe}`]:{width:"100%",height:`${ut}px`,backgroundColor:e.palette.primary.main},[`& .${B.titleBar}`]:{backgroundColor:e.palette.primary.light,height:`${pt}px`,padding:e.spacing(0,3),width:"100%"},[`& .${B.titleSlider}`]:o(o({height:"100%",display:"flex",alignItems:"center",color:"white",transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),[`& .${B.leftPanelButton}`]:{marginRight:e.spacing(2),flexGrow:0},[`& .${B.titleText}`]:{flexGrow:1},[`& .${B.rightPanelButton}`]:{flexGrow:0}},(t==null?void 0:t.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:`${(a=t==null?void 0:t.width)!=null?a:0}px`}),(r==null?void 0:r.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginRight:`${(s=r==null?void 0:r.width)!=null?s:0}px`})}});function ht({titleText:e="",leftPanel:t,rightPanel:r,"data-testid":a}){return n.jsxs(gt,{leftPanel:t,rightPanel:r,"data-testid":a,children:[n.jsx("div",{className:B.topStripe}),n.jsx("div",{className:B.titleBar,children:n.jsxs(i.Box,{className:B.titleSlider,children:[t!==void 0&&!t.open&&t.showOpenArrow&&n.jsxs(i.IconButton,{className:B.leftPanelButton,color:"inherit","aria-label":"Open left side panel",onClick:t==null?void 0:t.onOpen,edge:"start",size:"large",children:[" ",n.jsx(Q.ArrowForward,{})]}),n.jsx(i.Typography,{className:B.titleText,variant:"h6",noWrap:!0,children:e}),r!==void 0&&!r.open&&r.showOpenArrow&&n.jsxs(i.IconButton,{className:B.rightPanelButton,color:"inherit","aria-label":"Open right side panel",onClick:r==null?void 0:r.onOpen,edge:"end",size:"large",children:[" ",n.jsx(Q.ArrowBack,{})]})]})})]})}const Ee=400,xt=i.styled(i.Drawer,{shouldForwardProp:e=>!["width","debug","debugOpacity","navBarOpen","navBarWidthOpen","navBarWidthClosed"].includes(e),name:"SidePanelDrawer"})(({width:e,debugOpacity:t=!1,anchor:r,navBarOpen:a,navBarWidthOpen:s,navBarWidthClosed:h})=>({width:e,"& .MuiDrawer-paper":o(o({position:"absolute",width:e,boxSizing:"border-box",border:"unset",boxShadow:"0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"},t&&{opacity:"50%"}),r==="left"&&o({marginLeft:`${h}px`},a&&{marginLeft:`${s}px`}))})),ft=i.styled(i.Box,{shouldForwardProp:e=>!["anchor"].includes(e)})(({theme:e,anchor:t})=>v(o({display:"flex",alignItems:"center",padding:e.spacing(2)},e.mixins.toolbar),{justifyContent:t==="left"?"space-between":"flex-start",backgroundColor:e.palette.primary.light,height:"88px","&,*":{color:"white"}," .MuiTypography-root":{fontSize:"22px"}," .MuiButtonBase-root":{marginRight:t==="right"?e.spacing(2):0}}));function Be({children:e,anchor:t="left",open:r,onClose:a=()=>{},titleText:s="",width:h=Ee,showCloseArrow:x=!0,debugOpacity:g=!1,headerBoxProps:p={},onOpened:u,onClosed:f,"data-testid":T,navBarOpen:L=!1,navBarWidthOpen:y=0,navBarWidthClosed:A=0}){return n.jsxs(xt,{SlideProps:{onEntered:()=>u==null?void 0:u(),onExited:()=>f==null?void 0:f()},variant:"persistent",anchor:t,open:r,width:h,debugOpacity:g,"data-testid":T,navBarOpen:L,navBarWidthOpen:y,navBarWidthClosed:A,children:[n.jsx(ft,v(o({anchor:t},p),{children:t==="left"?n.jsxs(n.Fragment,{children:[n.jsx(i.Typography,{variant:"h6",color:"inherit",component:"div",children:s}),x&&n.jsxs(i.IconButton,{onClick:a,size:"large","aria-label":"Close left side panel",children:[n.jsx(Q.ArrowBack,{"data-testid":"arrowbackicon"})," "]})]}):n.jsxs(n.Fragment,{children:[x&&n.jsxs(i.IconButton,{onClick:a,size:"large","aria-label":"Close right side panel",children:[n.jsx(Q.ArrowForward,{})," "]}),n.jsx(i.Typography,{variant:"h6",color:"inherit",component:"div",children:s})]})})),e]})}const vt=i.styled("div",{shouldForwardProp:e=>!["leftPanel","rightPanel"].includes(e),name:"PanelAwareMargins"})(({theme:e,leftPanel:t,rightPanel:r})=>{var a,s;return o(o({transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen})},(t==null?void 0:t.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:`${(a=t==null?void 0:t.width)!=null?a:0}px`}),(r==null?void 0:r.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginRight:`${(s=r==null?void 0:r.width)!=null?s:0}px`})}),wt=i.styled(i.Container,{name:"PageContainer"})(({theme:e})=>({paddingTop:e.spacing(3),paddingBottom:e.spacing(3)})),re=!1,oe=!1,X={titleText:"",flavour:"push",width:Ee,arrowButtons:"both",startOpen:!1,open:void 0,onChangeOpen:void 0,content:n.jsx(n.Fragment,{}),onOpened:void 0,onClosed:void 0,dataTestId:void 0};function yt({children:e,titleText:t="",leftPanel:r,rightPanel:a,sidePanelsAreMutuallyExclusive:s=!0,debugOpacity:h=!1,pageContainerProps:x,pageContentDataTestId:g,topBarDataTestId:p,navBarOpen:u,navBarWidthOpen:f,navBarWidthClosed:T}){const[L,y]=l.useState(re),[A,N]=l.useState(oe),[Y,W]=l.useState(re),[K,P]=l.useState(oe),F=r!==void 0,j=a!==void 0,{titleText:C,content:z,flavour:G,open:D,onChangeOpen:_,width:d,arrowButtons:c,startOpen:k,onOpened:Me,onClosed:Re,dataTestId:He}=r?o(o({},X),r):o({},X),{titleText:We,content:ze,flavour:ce,open:J,onChangeOpen:ue,width:Z,arrowButtons:q,startOpen:V,onOpened:Ge,onClosed:qe,dataTestId:Ve}=a?o(o({},X),a):o({},X);l.useEffect(()=>{k!==re&&(y(k),W(k))},[k]),l.useEffect(()=>{V!==oe&&(N(V),P(V))},[V]);const ee=D===void 0?L:D,te=J===void 0?A:J,pe=b=>{D===void 0&&(y(b),s&&j&&(b?(N(!1),P(A)):N(K))),_&&_(b)},ge=b=>{J===void 0&&(N(b),s&&F&&(b?(y(!1),W(L)):y(Y))),ue&&ue(b)};return n.jsxs(i.Box,{children:[F&&n.jsx(Be,{"data-testid":He,anchor:"left",open:ee,onClose:()=>pe(!1),width:d,titleText:C,debugOpacity:h,showCloseArrow:c==="both"||c==="close",onOpened:Me,onClosed:Re,navBarOpen:u,navBarWidthOpen:f,navBarWidthClosed:T,children:z}),j&&n.jsx(Be,{"data-testid":Ve,anchor:"right",open:te,onClose:()=>ge(!1),width:Z,titleText:We,debugOpacity:h,showCloseArrow:q==="both"||q==="close",onOpened:Ge,onClosed:qe,navBarOpen:u,navBarWidthOpen:f,navBarWidthClosed:T,children:ze}),n.jsx(ht,o(o({titleText:t,"data-testid":p},F&&G==="push"?{leftPanel:{open:ee,width:d,onOpen:()=>pe(!0),showOpenArrow:c==="both"||c==="open"}}:{}),j&&ce==="push"?{rightPanel:{open:te,width:Z,onOpen:()=>ge(!0),showOpenArrow:q==="both"||q==="open"}}:{})),n.jsx(vt,v(o(o({},G==="push"?{leftPanel:{open:ee,width:d}}:{}),ce==="push"?{rightPanel:{open:te,width:Z}}:{}),{children:n.jsx(wt,v(o({"data-testid":g},x),{children:e}))}))]})}const R={content:n.jsx(n.Fragment,{}),widthOpen:330,widthClosed:73},Bt=24,Ct=64,M="TopBar",m={topStripe:`${M}-topStripe`,titleBar:`${M}-titleBar`,titleSlider:`${M}-titleSlider`,titleText:`${M}-titleText`},Tt=i.styled("div",{shouldForwardProp:e=>!["leftPanel","rightPanel"].includes(e),name:M})(({theme:e})=>({width:"100%",[`& .${m.topStripe}`]:{width:"100%",height:`${Bt}px`,backgroundColor:e.palette.primary.main},[`& .${m.titleBar}`]:{backgroundColor:e.palette.primary.light,height:`${Ct}px`,padding:e.spacing(0,3),width:"100%"},[`& .${m.titleSlider}`]:{height:"100%",display:"flex",alignItems:"center",color:"white",transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),[`& .${m.titleText}`]:{flexGrow:1}}}));function mt({titleText:e="","data-testid":t}){return n.jsxs(Tt,{"data-testid":t,children:[n.jsx("div",{className:m.topStripe}),n.jsx("div",{className:m.titleBar,children:n.jsx(i.Box,{className:m.titleSlider,children:n.jsx(i.Typography,{className:m.titleText,variant:"h6",noWrap:!0,children:e})})})]})}const bt=i.styled(i.Container,{name:"PageContainer"})(({theme:e})=>({paddingTop:e.spacing(3),paddingBottom:e.spacing(3)})),St={navBarOpen:!0,titleText:"",navBarWidthOpen:R.widthOpen,navBarWidthClosed:R.widthClosed};function It(e,t){switch(t.type){case"toggleNavBarOpen":return v(o({},e),{navBarOpen:!e.navBarOpen});case"setNavBarOpen":return v(o({},e),{navBarOpen:t.payload});case"setTitleText":return v(o({},e),{titleText:t.payload});default:throw new Error("Invalid action.type")}}const Pe=l.createContext(null),Ot={},$t={},Fe=({overrideState:e=Ot,overrideActions:t=$t,children:r})=>{const[{titleText:a,navBarOpen:s,navBarWidthOpen:h,navBarWidthClosed:x},g]=l.useReducer(It,St),p=l.useMemo(()=>({toggleNavBarOpen:()=>g({type:"toggleNavBarOpen"}),setNavBarOpen:f=>g({type:"setNavBarOpen",payload:f}),setTitleText:f=>g({type:"setTitleText",payload:f})}),[]),u=o(o(o({navBarOpen:s,titleText:a,navBarWidthOpen:h,navBarWidthClosed:x},p),e),t);return n.jsx(Pe.Provider,{value:u,children:r})},je=()=>{const e=l.useContext(Pe);if(e===null)throw new H("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");return e},I="Navbar",E={root:`${I}-root`,menuButton:`${I}-menuButton`,hide:`${I}-hide`,content:`${I}-content`,userInfoHolder:`${I}-userInfoHolder`,settings:`${I}-settings`,pieChartIcon:`${I}-pieChartIcon`},Lt=w.styled("div",{name:"NavBar"})(({theme:e})=>({[`&.${E.root}`]:{display:"flex"},[`& .${E.menuButton}`]:{marginRight:36},[`& .${E.hide}`]:{display:"none"},[`& .${E.content}`]:{flexGrow:1,padding:e.spacing(3)},[`& .${E.userInfoHolder}`]:{height:"148px",marginTop:"64px",marginBottom:"16px"}})),De=()=>({position:"absolute",height:"100%",overflowX:"hidden",overflowY:"hidden",color:"white",backgroundColor:"black"}),At=e=>o({width:e},De()),Nt=e=>o({width:e},De()),kt=w.styled(Oe.default,{shouldForwardProp:e=>!["open","widthOpen","widthClosed"].includes(e)})(({theme:e,open:t,widthOpen:r,widthClosed:a})=>o(o({width:t?r:a,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",zIndex:e.zIndex.drawer+100},t&&{"& .MuiDrawer-paper":At(r)}),!t&&{"& .MuiDrawer-paper":Nt(a)})),Ce=7;w.styled(ie.default)(({theme:e})=>({backgroundColor:"black",color:"white","& .MuiListItem-root":{padding:"unset"},"& .MuiListItemButton-root":{" .MuiListItemIcon-root":{color:"white",padding:`${Ce}px`},"&.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected":{borderLeftStyle:"solid",borderLeftWidth:"7px",borderLeftColor:e.palette.primary.main,paddingLeft:`calc(${e.spacing(2)} - ${Ce}px)`},"&:hover":{backgroundColor:e.palette.primary.dark},"&.Mui-selected.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected:hover":{backgroundColor:e.palette.primary.dark}}}));function Et({open:e,widthOpen:t,widthClosed:r,"data-testid":a,children:s}){return n.jsxs(Lt,{className:E.root,"data-testid":a,children:[n.jsx(Ie.default,{}),n.jsx(kt,{variant:"permanent",anchor:"left",transitionDuration:null,open:e,widthOpen:t,widthClosed:r,children:s})]})}function Pt({children:e,navBar:t=R,pageContainerProps:r,pageContentDataTestId:a,topBarDataTestId:s}){const{navBarOpen:h,titleText:x}=je(),{content:g,widthOpen:p,widthClosed:u}=t?o(o({},R),t):o({},R);return n.jsx(i.Box,{display:"flex",flexDirection:"column",height:"100vh",children:n.jsxs(i.Box,{display:"flex",position:"relative",flexGrow:1,overflow:"hidden",children:[n.jsx(Et,{open:h,widthOpen:p,widthClosed:u,children:g}),n.jsx(i.Box,{component:"main",id:"main-content",flexGrow:1,overflow:"auto",tabIndex:-1,children:n.jsxs(i.Box,{children:[n.jsx(mt,{titleText:x,"data-testid":s}),n.jsx(bt,v(o({"data-testid":a},r),{children:e}))]})})]})})}function Ft(e){return n.jsx(Fe,{children:n.jsx(Pt,o({},e))})}const jt=w.createTheme({palette:{primary:{main:"#007236",dark:"#005221",light:"#00A04E",contrastText:"#FFFFFF"},secondary:{main:"#662D91",dark:"#440E62",light:"#93268F",contrastText:"#FFFFFF"},error:{main:"#D32F2F",dark:"#C62828",light:"#EF5350"},info:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"},success:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"}},components:{MuiTextField:{defaultProps:{color:"secondary"}},MuiToggleButtonGroup:{defaultProps:{color:"secondary"}},MuiCheckbox:{defaultProps:{color:"secondary"}},MuiSelect:{defaultProps:{color:"secondary"}},MuiSwitch:{defaultProps:{color:"secondary"}},MuiFormControl:{defaultProps:{color:"secondary"}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({"&.Mui-selected":{backgroundColor:w.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:w.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity)},"&.Mui-focusVisible":{backgroundColor:w.alpha(e.palette.secondary.main,e.palette.action.focusOpacity)}}})}}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"},h3:{fontSize:"1rem",fontWeight:700}}}),Dt=w.createTheme({palette:{primary:{dark:"#00A651",light:"#A3D39C",main:"#007236",contrastText:"#FFF"},warning:{main:"#F5871F",light:"#FCC589",dark:"#A2590A",contrastText:"#FFF"},secondary:{main:"#662D91",light:"#BD8CBF",dark:"#440E62",contrastText:"#FFF"},error:{main:"#D43C95",light:"#8F2064",dark:"#F9CDE0",contrastText:"#FFF"},info:{main:"#00A88D",light:"#ADDCCF",dark:"#005243",contrastText:"#FFF"},success:{main:"#00A651",light:"#A3D39C",dark:"#007236",contrastText:"#FFF"}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"}}});function _t({name:e="internal",children:t}){const r=e==="internal"?jt:e==="fed21"?Dt:void 0;return n.jsx(w.ThemeProvider,{theme:r,children:t})}const Mt={autoHideDuration:6e3,anchorOrigin:{vertical:"top",horizontal:"center"},disableWindowBlurListener:!1},Rt={shouldClose:(e,t)=>t!=="clickaway"},Te={message:"",severity:"info",variant:"standard",progressIndicator:void 0},me=100,be=2e3,Ht=2e3,Wt=(()=>{let e=0;return()=>(e+=1,e)})(),zt={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},Gt={},qt={},de=l.createContext(null);function _e(h){var x=h,{overrideState:e=Gt,overrideActions:t=qt,shouldClose:r=Rt.shouldClose,children:a}=x,s=fe(x,["overrideState","overrideActions","shouldClose","children"]);var _;const[{open:g},p]=l.useState({open:!1}),u=l.useRef([]),f=l.useRef(Date.now()),T=l.useRef(0),L=l.useCallback(d=>{p({open:d})},[]),y=l.useCallback((d={})=>{T.current+=1,u.current.length>=me&&Date.now()-f.current>=be&&(f.current=Date.now(),console.error(`SaladBarProvider: MAX_QUEUE_LENGTH (${me}) hit ${T.current} times in last ${be}ms)`),T.current=0);const c=o(v(o({},Te),{key:Wt()}),d);return u.current.push(c),u.current.length===1&&p({open:!0}),c.key},[]),A=(d="",c={})=>y(o({message:d,severity:"success"},c)),N=(d="",c={})=>y(o({message:d,severity:"info"},c)),Y=(d="",c={})=>y(o({message:d,severity:"warning"},c)),W=(d="",c={})=>y(o({message:d,severity:"error"},c)),K=d=>{const c=u.current.findIndex(k=>k.key===d);if(c!==-1)return c===0?(p({open:!1}),u.current[0]):u.current.splice(c,1)},P=(d,c)=>{r(d,c)&&p({open:!1})},F=()=>{},j=()=>{u.current.shift(),u.current.length>0&&p({open:!0})},C=(_=u.current[0])!=null?_:o({},Te),z={};"autoHideDuration"in C&&(z.autoHideDuration=C.autoHideDuration);const G=o(o({},Mt),s),D=o(o({open:g,setOpen:L,enqueueNotification:y,enqueueSuccessNotification:A,enqueueInfoNotification:N,enqueueWarningNotification:Y,enqueueErrorNotification:W,removeNotification:K},e),t);return n.jsxs(de.Provider,{value:D,children:[a,n.jsx(i.Snackbar,v(o(o({},G),z),{open:g,onClose:P,TransitionProps:{onExited:j,onExit:F},sx:{zIndex:Ht},children:n.jsxs("div",{children:[n.jsx(i.Alert,{onClose:d=>P(d,"closeAlert"),severity:C.severity,variant:"filled",icon:C.progressIndicator==="circular"?n.jsx(i.CircularProgress,{size:"1em"}):void 0,style:C.progressIndicator==="linear"?zt:void 0,children:C.message}),C.progressIndicator==="linear"&&n.jsx(i.LinearProgress,{color:"primary"})]})}))]})}function Vt(){const e=l.useContext(de);if(e===null)throw new H("Error: Tried to useSaladBar outside of a <SaladBarProvider>");return e}const Ut=Se.createHelper((e={autoHideDuration:1},t={},r={})=>({children:a})=>n.jsx(_e,v(o({},e),{overrideState:t,overrideActions:r,children:a})));exports.AgThemeProvider=_t;exports.AppLayout=Ft;exports.AppLayoutProvider=Fe;exports.Context=de;exports.ContextError=H;exports.ExampleComponent=et;exports.NAVBAR_WIDTH_CLOSED=le;exports.NAVBAR_WIDTH_OPENED=se;exports.NavBar=ct;exports.NavBarDarkStyledList=lt;exports.NavBarLightStyledList=dt;exports.NavBarProvider=Ae;exports.PageLayout=yt;exports.SaladBarProvider=_e;exports.buildNavBarState=ke;exports.navBarClasses=$;exports.useAppLayout=je;exports.useNavBar=Ne;exports.useSaladBar=Vt;exports.withNavBarProvider=st;exports.withSaladBarProvider=Ut;
+"use strict";var Ye=Object.defineProperty,Ke=Object.defineProperties;var Je=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var xe=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var ee=(e,t,n)=>t in e?Ye(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,r=(e,t)=>{for(var n in t||(t={}))xe.call(t,n)&&ee(e,n,t[n]);if(G)for(var n of G(t))he.call(t,n)&&ee(e,n,t[n]);return e},v=(e,t)=>Ke(e,Je(t));var fe=(e,t)=>{var n={};for(var a in e)xe.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(e!=null&&G)for(var a of G(e))t.indexOf(a)<0&&he.call(e,a)&&(n[a]=e[a]);return n};var ve=(e,t,n)=>(ee(e,typeof t!="symbol"?t+"":t,n),n);var te=(e,t,n)=>new Promise((a,s)=>{var c=d=>{try{g(n.next(d))}catch(l){s(l)}},p=d=>{try{g(n.throw(d))}catch(l){s(l)}},g=d=>d.done?a(d.value):Promise.resolve(d.value).then(c,p);g((n=n.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),i=require("@mui/material"),Ze=require("@mui/material/CssBaseline"),D=require("@mui/material/styles"),et=require("@mui/material/Drawer"),tt=require("@australiangreens/ag-error"),Ae=require("souvlaki"),nt=require("@mui/material/List"),ot=require("@mui/material/Button"),rt=require("@mui/material/Dialog"),at=require("@mui/material/DialogActions"),it=require("@mui/material/DialogContent"),st=require("@mui/material/DialogTitle"),R=require("@mui/icons-material"),lt=require("src/components/AgDialog"),re=require("jotai"),Ne=require("jotai/utils"),S=e=>e&&e.__esModule?e:{default:e},dt=S(Ze),je=S(et),me=S(nt),Ce=S(ot),ct=S(rt),ut=S(at),pt=S(it),gt=S(st),xt=S(lt);function ht({text:e}){const[t,n]=u.useState(0);return o.jsxs(o.Fragment,{children:[o.jsx(i.Typography,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),o.jsx(i.Typography,{variant:"caption",display:"block",children:o.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency. v0.0.11"})}),o.jsx(i.Button,{variant:"outlined",onClick:()=>n(a=>a+1),"aria-label":"Increment",children:"Hello I am a button"}),o.jsxs("p",{children:["This is some text: ",o.jsx("span",{children:e})]}),o.jsxs(i.Paper,{children:["This number will incremember when button pressed: ",t]})]})}const ae=330,ie=73,A="Navbar",j={root:`${A}-root`,menuButton:`${A}-menuButton`,hide:`${A}-hide`,content:`${A}-content`,userInfoHolder:`${A}-userInfoHolder`,settings:`${A}-settings`,pieChartIcon:`${A}-pieChartIcon`},ft=D.styled("div",{name:"NavBar"})(({theme:e})=>({[`&.${j.root}`]:{display:"flex"},[`& .${j.menuButton}`]:{marginRight:36},[`& .${j.hide}`]:{display:"none"},[`& .${j.content}`]:{flexGrow:1,padding:e.spacing(3)},[`& .${j.userInfoHolder}`]:{height:"148px",marginTop:"64px",marginBottom:"16px"}})),De=()=>({position:"absolute",height:"100%",overflowX:"hidden",overflowY:"hidden",color:"white",backgroundColor:"black"}),vt=()=>r({width:ae},De()),Ct=()=>r({width:ie},De()),wt=D.styled(je.default,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:t})=>r(r({width:t?ae:ie,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",zIndex:e.zIndex.drawer+100},t&&{"& .MuiDrawer-paper":vt()}),!t&&{"& .MuiDrawer-paper":Ct()}));class H extends tt.AgError{}ve(H,"errorName","ContextError");const Le=u.createContext(null),Bt={},Tt={},Ee=({overrideState:e=Bt,overrideActions:t=Tt,children:n})=>{const[{open:a},s]=u.useState({open:!0}),c=u.useCallback(d=>{s({open:d})},[]),p=u.useCallback(()=>{s(d=>v(r({},d),{open:!d.open}))},[]),g=r(r({open:a,setOpen:c,toggleOpen:p},e),t);return o.jsx(Le.Provider,{value:g,children:n})},_e=()=>{const e=u.useContext(Le);if(e===null)throw new H("Error: Tried to useNavBar outside of a <NavBarProvider>");return e},$e=(e={})=>r({open:!0},e),Ot=Ae.createHelper((e=$e(),t={})=>({children:n})=>o.jsx(Ee,{overrideState:e,overrideActions:t,children:n})),we=7,St=D.styled(me.default)(({theme:e})=>({backgroundColor:"black",color:"white","& .MuiListItem-root":{padding:"unset"},"& .MuiListItemButton-root":{" .MuiListItemIcon-root":{color:"white",padding:`${we}px`},"&.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected":{borderLeftStyle:"solid",borderLeftWidth:"7px",borderLeftColor:e.palette.primary.main,paddingLeft:`calc(${e.spacing(2)} - ${we}px)`},"&:hover":{backgroundColor:e.palette.primary.dark},"&.Mui-selected.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected:hover":{backgroundColor:e.palette.primary.dark}}})),Be=7,bt=D.styled(me.default)(({theme:e})=>({backgroundColor:"#e8e8e8",color:"inherit","& .MuiListItem-root":{padding:"unset"},"& .MuiListItemButton-root":{" .MuiListItemIcon-root":{color:"inherit",padding:`${Be}px`},"&.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected":{borderLeftStyle:"solid",borderLeftWidth:"7px",borderLeftColor:e.palette.primary.main,paddingLeft:`calc(${e.spacing(2)} - ${Be}px)`},"&:hover":{backgroundColor:e.palette.primary.dark},"&.Mui-selected.Mui-focusVisible":{backgroundColor:e.palette.grey[700]},"&.Mui-selected:hover":{backgroundColor:e.palette.primary.dark}}}));function yt({"data-testid":e,children:t}){const{open:n}=_e();return o.jsxs(ft,{className:j.root,"data-testid":e,children:[o.jsx(dt.default,{}),o.jsx(wt,{variant:"permanent",anchor:"left",transitionDuration:null,open:n,children:t})]})}const It=({isOpen:e,dialogTitle:t,children:n,maxWidth:a,primaryButton:s,secondaryButton:c,onClose:p})=>{var l,C;const[g,d]=u.useState(!1);return o.jsxs(ct.default,{open:e,onClose:()=>{g||p()},fullWidth:!0,maxWidth:a!=null?a:"xs",children:[o.jsx(gt.default,{children:t}),o.jsx(pt.default,{sx:{"& > :last-child":{marginBottom:0}},children:n}),o.jsxs(ut.default,{children:[o.jsx(Ce.default,{onClick:(l=c==null?void 0:c.onClick)!=null?l:p,"data-testid":c==null?void 0:c.testId,disabled:(c==null?void 0:c.disabled)||g,children:(C=c==null?void 0:c.text)!=null?C:"Cancel"}),s&&o.jsx(Ce.default,{onClick:()=>te(exports,null,function*(){var w;d(!0),yield(w=s.onClick)==null?void 0:w.call(s),d(!1)}),"data-testid":s.testId,disabled:s.disabled||g,children:s.text})]})]})},At=24,Nt=64,N="TopBar",T={topStripe:`${N}-topStripe`,titleBar:`${N}-titleBar`,titleSlider:`${N}-titleSlider`,titleText:`${N}-titleText`,leftPanelButton:`${N}-leftPanelButton`,rightPanelButton:`${N}-leftPanelButton`},jt=i.styled("div",{shouldForwardProp:e=>!["leftPanel","rightPanel"].includes(e),name:N})(({theme:e,leftPanel:t,rightPanel:n})=>{var a,s;return{width:"100%",[`& .${T.topStripe}`]:{width:"100%",height:`${At}px`,backgroundColor:e.palette.primary.main},[`& .${T.titleBar}`]:{backgroundColor:e.palette.primary.light,height:`${Nt}px`,padding:e.spacing(0,3),width:"100%"},[`& .${T.titleSlider}`]:r(r({height:"100%",display:"flex",alignItems:"center",color:"white",transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),[`& .${T.leftPanelButton}`]:{marginRight:e.spacing(2),flexGrow:0},[`& .${T.titleText}`]:{flexGrow:1},[`& .${T.rightPanelButton}`]:{flexGrow:0}},(t==null?void 0:t.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:`${(a=t==null?void 0:t.width)!=null?a:0}px`}),(n==null?void 0:n.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginRight:`${(s=n==null?void 0:n.width)!=null?s:0}px`})}});function mt({titleText:e="",leftPanel:t,rightPanel:n,"data-testid":a}){return o.jsxs(jt,{leftPanel:t,rightPanel:n,"data-testid":a,children:[o.jsx("div",{className:T.topStripe}),o.jsx("div",{className:T.titleBar,children:o.jsxs(i.Box,{className:T.titleSlider,children:[t!==void 0&&!t.open&&t.showOpenArrow&&o.jsxs(i.IconButton,{className:T.leftPanelButton,color:"inherit","aria-label":"Open left side panel",onClick:t==null?void 0:t.onOpen,edge:"start",size:"large",children:[" ",o.jsx(R.ArrowForward,{})]}),o.jsx(i.Typography,{className:T.titleText,variant:"h6",noWrap:!0,children:e}),n!==void 0&&!n.open&&n.showOpenArrow&&o.jsxs(i.IconButton,{className:T.rightPanelButton,color:"inherit","aria-label":"Open right side panel",onClick:n==null?void 0:n.onOpen,edge:"end",size:"large",children:[" ",o.jsx(R.ArrowBack,{})]})]})})]})}const Pe=400,Dt=i.styled(i.Drawer,{shouldForwardProp:e=>!["width","debug","debugOpacity","navBarOpen","navBarWidthOpen","navBarWidthClosed"].includes(e),name:"SidePanelDrawer"})(({width:e,debugOpacity:t=!1,anchor:n,navBarOpen:a,navBarWidthOpen:s,navBarWidthClosed:c})=>({width:e,"& .MuiDrawer-paper":r(r({position:"absolute",width:e,boxSizing:"border-box",border:"unset",boxShadow:"0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"},t&&{opacity:"50%"}),n==="left"&&r({marginLeft:`${c}px`},a&&{marginLeft:`${s}px`}))})),Lt=i.styled(i.Box,{shouldForwardProp:e=>!["anchor"].includes(e)})(({theme:e,anchor:t})=>v(r({display:"flex",alignItems:"center",padding:e.spacing(2)},e.mixins.toolbar),{justifyContent:t==="left"?"space-between":"flex-start",backgroundColor:e.palette.primary.light,height:"88px","&,*":{color:"white"}," .MuiTypography-root":{fontSize:"22px"}," .MuiButtonBase-root":{marginRight:t==="right"?e.spacing(2):0}}));function Te({children:e,anchor:t="left",open:n,onClose:a=()=>{},titleText:s="",width:c=Pe,showCloseArrow:p=!0,debugOpacity:g=!1,headerBoxProps:d={},onOpened:l,onClosed:C,"data-testid":w,navBarOpen:x=!1,navBarWidthOpen:B=0,navBarWidthClosed:b=0}){return o.jsxs(Dt,{SlideProps:{onEntered:()=>l==null?void 0:l(),onExited:()=>C==null?void 0:C()},variant:"persistent",anchor:t,open:n,width:c,debugOpacity:g,"data-testid":w,navBarOpen:x,navBarWidthOpen:B,navBarWidthClosed:b,children:[o.jsx(Lt,v(r({anchor:t},d),{children:t==="left"?o.jsxs(o.Fragment,{children:[o.jsx(i.Typography,{variant:"h6",color:"inherit",component:"div",children:s}),p&&o.jsxs(i.IconButton,{onClick:a,size:"large","aria-label":"Close left side panel",children:[o.jsx(R.ArrowBack,{"data-testid":"arrowbackicon"})," "]})]}):o.jsxs(o.Fragment,{children:[p&&o.jsxs(i.IconButton,{onClick:a,size:"large","aria-label":"Close right side panel",children:[o.jsx(R.ArrowForward,{})," "]}),o.jsx(i.Typography,{variant:"h6",color:"inherit",component:"div",children:s})]})})),e]})}const Et=i.styled("div",{shouldForwardProp:e=>!["leftPanel","rightPanel"].includes(e),name:"PanelAwareMargins"})(({theme:e,leftPanel:t,rightPanel:n})=>{var a,s;return r(r({transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen})},(t==null?void 0:t.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:`${(a=t==null?void 0:t.width)!=null?a:0}px`}),(n==null?void 0:n.open)&&{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginRight:`${(s=n==null?void 0:n.width)!=null?s:0}px`})}),_t=i.styled(i.Container,{name:"PageContainer"})(({theme:e})=>({paddingTop:e.spacing(3),paddingBottom:e.spacing(3)})),ne=!1,oe=!1,V={titleText:"",flavour:"push",width:Pe,arrowButtons:"both",startOpen:!1,open:void 0,onChangeOpen:void 0,content:o.jsx(o.Fragment,{}),onOpened:void 0,onClosed:void 0,dataTestId:void 0};function $t({children:e,titleText:t="",leftPanel:n,rightPanel:a,sidePanelsAreMutuallyExclusive:s=!0,debugOpacity:c=!1,pageContainerProps:p,pageContentDataTestId:g,topBarDataTestId:d,navBarOpen:l,navBarWidthOpen:C,navBarWidthClosed:w}){const[x,B]=u.useState(ne),[b,y]=u.useState(oe),[X,M]=u.useState(ne),[Q,L]=u.useState(oe),E=n!==void 0,_=a!==void 0,{titleText:O,content:W,flavour:F,open:$,onChangeOpen:P,width:h,arrowButtons:f,startOpen:m,onOpened:Fe,onClosed:qe,dataTestId:ze}=n?r(r({},V),n):r({},V),{titleText:Ge,content:Ve,flavour:ce,open:Y,onChangeOpen:ue,width:K,arrowButtons:q,startOpen:z,onOpened:Ue,onClosed:Xe,dataTestId:Qe}=a?r(r({},V),a):r({},V);u.useEffect(()=>{m!==ne&&(B(m),M(m))},[m]),u.useEffect(()=>{z!==oe&&(y(z),L(z))},[z]);const J=$===void 0?x:$,Z=Y===void 0?b:Y,pe=I=>{$===void 0&&(B(I),s&&_&&(I?(y(!1),L(b)):y(Q))),P&&P(I)},ge=I=>{Y===void 0&&(y(I),s&&E&&(I?(B(!1),M(x)):B(X))),ue&&ue(I)};return o.jsxs(i.Box,{children:[E&&o.jsx(Te,{"data-testid":ze,anchor:"left",open:J,onClose:()=>pe(!1),width:h,titleText:O,debugOpacity:c,showCloseArrow:f==="both"||f==="close",onOpened:Fe,onClosed:qe,navBarOpen:l,navBarWidthOpen:C,navBarWidthClosed:w,children:W}),_&&o.jsx(Te,{"data-testid":Qe,anchor:"right",open:Z,onClose:()=>ge(!1),width:K,titleText:Ge,debugOpacity:c,showCloseArrow:q==="both"||q==="close",onOpened:Ue,onClosed:Xe,navBarOpen:l,navBarWidthOpen:C,navBarWidthClosed:w,children:Ve}),o.jsx(mt,r(r({titleText:t,"data-testid":d},E&&F==="push"?{leftPanel:{open:J,width:h,onOpen:()=>pe(!0),showOpenArrow:f==="both"||f==="open"}}:{}),_&&ce==="push"?{rightPanel:{open:Z,width:K,onOpen:()=>ge(!0),showOpenArrow:q==="both"||q==="open"}}:{})),o.jsx(Et,v(r(r({},F==="push"?{leftPanel:{open:J,width:h}}:{}),ce==="push"?{rightPanel:{open:Z,width:K}}:{}),{children:o.jsx(_t,v(r({"data-testid":g},p),{children:e}))}))]})}const Pt=64,kt=64,Rt=256,Ht={navBarOpen:!0,titleText:"",navBarWidthOpen:Rt,navBarWidthClosed:kt,topBarHeight:Pt,navBarTop:void 0};function Mt(e,t){switch(t.type){case"toggleNavBarOpen":return v(r({},e),{navBarOpen:!e.navBarOpen});case"setNavBarOpen":return v(r({},e),{navBarOpen:t.payload});case"setTitleText":return v(r({},e),{titleText:t.payload});case"setNavBarWidthOpen":return v(r({},e),{navBarWidthOpen:t.payload});case"setTopBarHeight":return v(r({},e),{topBarHeight:t.payload});case"setNavBarTop":return v(r({},e),{navBarTop:t.payload});default:throw new Error("Invalid action.type")}}const ke=u.createContext(null),Wt={},Ft={},Re=({overrideState:e=Wt,overrideActions:t=Ft,children:n})=>{const[{titleText:a,topBarHeight:s,navBarOpen:c,navBarWidthOpen:p,navBarWidthClosed:g,navBarTop:d},l]=u.useReducer(Mt,Ht),C=u.useMemo(()=>({toggleNavBarOpen:()=>l({type:"toggleNavBarOpen"}),setNavBarOpen:x=>l({type:"setNavBarOpen",payload:x}),setNavBarWidthOpen:x=>l({type:"setNavBarWidthOpen",payload:x}),setNavBarWidthClosed:x=>l({type:"setNavBarWidthClosed",payload:x}),setTitleText:x=>l({type:"setTitleText",payload:x}),setTopBarHeight:x=>l({type:"setTopBarHeight",payload:x}),setNavBarTop:x=>l({type:"setNavBarTop",payload:x}),clearNavBarTop:()=>l({type:"setNavBarTop",payload:void 0})}),[]),w=r(r(r({navBarOpen:c,navBarWidthOpen:p,navBarWidthClosed:g,titleText:a,topBarHeight:s,navBarTop:d},C),e),t);return o.jsx(ke.Provider,{value:w,children:n})},se=()=>{const e=u.useContext(ke);if(e===null)throw new H("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");return e},qt="TopBar",zt={titleText:`${qt}-titleText`};function Gt({titleText:e="",height:t,"data-testid":n}){const{toggleNavBarOpen:a}=se();return o.jsx("header",{"data-testid":n,children:o.jsxs(i.Paper,{square:!0,elevation:0,sx:{width:"100%",position:"sticky",color:"primary.contrastText",backgroundColor:"primary.main",display:"flex",alignItems:"center",gap:2,flexShrink:0,height:t},children:[o.jsx(i.IconButton,{size:"medium",color:"inherit",sx:{padding:1.5},onClick:a,children:o.jsx(R.ViewHeadline,{fontSize:"medium"})}),o.jsx(i.Typography,{className:zt.titleText,variant:"h6",children:e})]})})}const U="Navbar",k={root:`${U}-root`,menuButton:`${U}-menuButton`,hide:`${U}-hide`,content:`${U}-content`},Vt=D.styled("div",{name:"NavBar"})(({theme:e})=>({[`&.${k.root}`]:{display:"flex"},[`& .${k.menuButton}`]:{marginRight:36},[`& .${k.hide}`]:{display:"none"},[`& .${k.content}`]:{flexGrow:1,padding:e.spacing(3)}})),He=(e,t)=>{var n,a;return{height:`calc(100vh - ${t})`,top:t,overflowX:"hidden",overflowY:"hidden",color:"inherit",backgroundColor:(a=(n=e==null?void 0:e.navBar)==null?void 0:n.backgroundColor)!=null?a:"white"}},Oe=(e,t,n)=>r({width:t,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen})},He(e,n)),Se=(e,t,n)=>r({width:t,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden"},He(e,n)),Ut=D.styled(je.default,{shouldForwardProp:e=>!["open","widthOpen","widthClosed","offsetTop"].includes(e)})(({theme:e,open:t,widthOpen:n,widthClosed:a,offsetTop:s})=>r(r({flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box"},t&&v(r({},Oe(e,n,s)),{"& .MuiDrawer-paper":Oe(e,n,s)})),!t&&v(r({},Se(e,a,s)),{"& .MuiDrawer-paper":Se(e,a,s)})));function Xt({links:e}){return o.jsx("div",{children:"LinksMenu not implemented yet"})}function Qt({open:e,offsetTop:t=0,widthOpen:n,widthClosed:a,"data-testid":s,top:c,middle:p,bottom:g}){return o.jsx(Vt,{className:k.root,"data-testid":s,children:o.jsx(Ut,{variant:"permanent",anchor:"left",open:e,widthOpen:n,widthClosed:a,offsetTop:t,children:o.jsxs(i.Box,{component:"nav",sx:{},children:[c&&o.jsxs(i.Box,{sx:{flexGrow:1},children:[c,o.jsx(i.Divider,{variant:"middle"})]}),Array.isArray(p)?o.jsx(Xt,{links:p}):p,g&&o.jsxs(i.Box,{sx:{},children:[o.jsx(i.Divider,{variant:"middle"}),g]})]})})})}function Yt({children:e,topBarHeight:t}){return o.jsx(i.Box,{sx:{overflow:"auto",height:`calc(100vh - ${t}px)`,scrollbarGutter:"stable",flexGrow:1},children:o.jsx(i.Container,{component:"main",id:"main-content",sx:{paddingTop:3,paddingBottom:3,flexGrow:1},children:e})})}function Kt({children:e,initialTitleText:t,initialNavBarOpen:n,pageContainerProps:a,pageContentDataTestId:s,topBarDataTestId:c,navBarDataTestId:p,navBarMiddle:g}){const{navBarOpen:d,setNavBarOpen:l,titleText:C,setTitleText:w,topBarHeight:x,navBarWidthOpen:B,navBarWidthClosed:b,navBarTop:y}=se();return u.useEffect(()=>{t!==void 0&&w(t)},[t,w]),u.useEffect(()=>{console.log(n),n!==void 0&&l(n)},[n,l]),o.jsxs(i.Box,{children:[o.jsx(i.CssBaseline,{}),o.jsx(Gt,{titleText:C,"data-testid":c,height:x}),o.jsxs(i.Box,{sx:{display:"flex"},children:[o.jsx(Qt,{open:d,top:y,middle:g,bottom:o.jsx(i.Box,{sx:{padding:2},children:o.jsx(i.Paper,{sx:{padding:2,textWrap:"initial"},variant:"outlined",children:"Placeholder for standard user settings, domain selector etc. It should be at the very bottom, but WIP"})}),widthOpen:B,widthClosed:b,offsetTop:x,"data-testid":p}),o.jsx(Yt,v(r({"data-testid":s,topBarHeight:x},a),{children:e}))]})]})}function Jt(e){return o.jsx(Re,{children:o.jsx(Kt,r({},e))})}const Zt={autoHideDuration:6e3,anchorOrigin:{vertical:"top",horizontal:"center"},disableWindowBlurListener:!1},en={shouldClose:(e,t)=>t!=="clickaway"},be={message:"",severity:"info",variant:"standard",progressIndicator:void 0},ye=100,Ie=2e3,tn=2e3,nn=(()=>{let e=0;return()=>(e+=1,e)})(),on={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},rn={},an={},le=u.createContext(null);function Me(c){var p=c,{overrideState:e=rn,overrideActions:t=an,shouldClose:n=en.shouldClose,children:a}=p,s=fe(p,["overrideState","overrideActions","shouldClose","children"]);var P;const[{open:g},d]=u.useState({open:!1}),l=u.useRef([]),C=u.useRef(Date.now()),w=u.useRef(0),x=u.useCallback(h=>{d({open:h})},[]),B=u.useCallback((h={})=>{w.current+=1,l.current.length>=ye&&Date.now()-C.current>=Ie&&(C.current=Date.now(),console.error(`SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${w.current} times in last ${Ie}ms)`),w.current=0);const f=r(v(r({},be),{key:nn()}),h);return l.current.push(f),l.current.length===1&&d({open:!0}),f.key},[]),b=(h="",f={})=>B(r({message:h,severity:"success"},f)),y=(h="",f={})=>B(r({message:h,severity:"info"},f)),X=(h="",f={})=>B(r({message:h,severity:"warning"},f)),M=(h="",f={})=>B(r({message:h,severity:"error"},f)),Q=h=>{const f=l.current.findIndex(m=>m.key===h);if(f!==-1)return f===0?(d({open:!1}),l.current[0]):l.current.splice(f,1)},L=(h,f)=>{n(h,f)&&d({open:!1})},E=()=>{},_=()=>{l.current.shift(),l.current.length>0&&d({open:!0})},O=(P=l.current[0])!=null?P:r({},be),W={};"autoHideDuration"in O&&(W.autoHideDuration=O.autoHideDuration);const F=r(r({},Zt),s),$=r(r({open:g,setOpen:x,enqueueNotification:B,enqueueSuccessNotification:b,enqueueInfoNotification:y,enqueueWarningNotification:X,enqueueErrorNotification:M,removeNotification:Q},e),t);return o.jsxs(le.Provider,{value:$,children:[a,o.jsx(i.Snackbar,v(r(r({},F),W),{open:g,onClose:L,TransitionProps:{onExited:_,onExit:E},sx:{zIndex:tn},children:o.jsxs("div",{children:[o.jsx(i.Alert,{onClose:h=>L(h,"closeAlert"),severity:O.severity,variant:"filled",icon:O.progressIndicator==="circular"?o.jsx(i.CircularProgress,{size:"1em"}):void 0,style:O.progressIndicator==="linear"?on:void 0,children:O.message}),O.progressIndicator==="linear"&&o.jsx(i.LinearProgress,{color:"primary"})]})}))]})}function sn(){const e=u.useContext(le);if(e===null)throw new H("Error: Tried to useSaladBar outside of a <SaladBarProvider>");return e}const ln=Ae.createHelper((e={autoHideDuration:1},t={},n={})=>({children:a})=>o.jsx(Me,v(r({},e),{overrideState:t,overrideActions:n,children:a}))),de=Ne.atomWithStorage("domainCode","ag"),We=()=>{const[e,t]=re.useAtom(de);return[e,t,()=>t(Ne.RESET)]},dn=()=>re.useAtomValue(de),cn=()=>re.useSetAtom(de),un={act:"ACT",nsw:"NSW",nt:"NT",qld:"QLD",sa:"SA",tas:"TAS",vic:"VIC",wa:"WA",ag:"AG",fedmps:"Fedmps","":""},pn=e=>{var t;return e===null?"N/A":(t=un[e])!=null?t:""},gn=({isLoading:e,isOpen:t,onClose:n,domainOptions:a})=>{const[s,c]=We(),[p,g]=u.useState(s);return o.jsxs(xt.default,{isOpen:t,dialogTitle:"Select an organisation",primaryButton:{text:"Confirm",onClick:()=>te(exports,null,function*(){c(p),n()})},onClose:n,children:[o.jsx("p",{children:"Select the default organisation that you want to use with the List Manager."}),o.jsx(i.Autocomplete,{loading:e,multiple:!1,disableClearable:!1,value:p,onChange:(d,l)=>g(l!=null?l:""),getOptionLabel:pn,options:a,renderInput:d=>o.jsx(i.TextField,v(r({},d),{variant:"filled",label:"Select organisation",InputProps:v(r({},d.InputProps),{endAdornment:o.jsxs(o.Fragment,{children:[e?o.jsx(i.CircularProgress,{color:"inherit",size:20}):null,d.InputProps.endAdornment]})})}))})]})};exports.AgDialog=It;exports.AppLayout=Jt;exports.AppLayoutProvider=Re;exports.Context=le;exports.ContextError=H;exports.DomainCodeDialog=gn;exports.ExampleComponent=ht;exports.NAVBAR_WIDTH_CLOSED=ie;exports.NAVBAR_WIDTH_OPENED=ae;exports.NavBar=yt;exports.NavBarDarkStyledList=St;exports.NavBarLightStyledList=bt;exports.NavBarProvider=Ee;exports.PageLayout=$t;exports.SaladBarProvider=Me;exports.buildNavBarState=$e;exports.navBarClasses=j;exports.useAppLayout=se;exports.useDomainCode=We;exports.useDomainCodeValue=dn;exports.useNavBar=_e;exports.useSaladBar=sn;exports.useSetDomainCode=cn;exports.withNavBarProvider=Ot;exports.withSaladBarProvider=ln;
 //# sourceMappingURL=index.js.map