@australiangreens/ag-internal-components 0.0.35 → 0.0.36

package/dist/esm/index.js

@@ -1,105 +1,105 @@
 var lt = Object.defineProperty, dt = Object.defineProperties;
 var ct = Object.getOwnPropertyDescriptors;
-var Y = Object.getOwnPropertySymbols;
-var we = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
-var de = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
+var J = Object.getOwnPropertySymbols;
+var Ce = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable;
+var de = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
-    we.call(t, n) && de(e, n, t[n]);
-  if (Y)
-    for (var n of Y(t))
-      Te.call(t, n) && de(e, n, t[n]);
+    Ce.call(t, n) && de(e, n, t[n]);
+  if (J)
+    for (var n of J(t))
+      we.call(t, n) && de(e, n, t[n]);
   return e;
-}, m = (e, t) => dt(e, ct(t));
-var Be = (e, t) => {
+}, x = (e, t) => dt(e, ct(t));
+var be = (e, t) => {
   var n = {};
-  for (var i in e)
-    we.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && Y)
-    for (var i of Y(e))
-      t.indexOf(i) < 0 && Te.call(e, i) && (n[i] = e[i]);
+  for (var r in e)
+    Ce.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && J)
+    for (var r of J(e))
+      t.indexOf(r) < 0 && we.call(e, r) && (n[r] = e[r]);
   return n;
 };
-var be = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
-var j = (e, t, n) => new Promise((i, a) => {
-  var d = (s) => {
+var Ae = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
+var K = (e, t, n) => new Promise((r, a) => {
+  var l = (s) => {
     try {
-      g(n.next(s));
-    } catch (l) {
-      a(l);
+      u(n.next(s));
+    } catch (d) {
+      a(d);
     }
   }, c = (s) => {
     try {
-      g(n.throw(s));
-    } catch (l) {
-      a(l);
+      u(n.throw(s));
+    } catch (d) {
+      a(d);
     }
-  }, g = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(d, c);
-  g((n = n.apply(e, t)).next());
+  }, u = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(l, c);
+  u((n = n.apply(e, t)).next());
 });
-import { jsxs as u, Fragment as L, jsx as o } from "react/jsx-runtime";
-import { useState as y, createContext as he, useCallback as J, useContext as fe, useEffect as Z, useReducer as pt, useMemo as ut, useRef as ce } from "react";
-import { Typography as $, Button as gt, Paper as ee, styled as G, Box as B, IconButton as z, Drawer as ht, Container as Fe, Divider as Oe, CssBaseline as ft, Snackbar as vt, Alert as mt, CircularProgress as _e, LinearProgress as xt, Autocomplete as Ct, TextField as wt, FormHelperText as Tt } from "@mui/material";
-import Bt from "@mui/material/CssBaseline";
-import { styled as P, createTheme as Me, alpha as pe } from "@mui/material/styles";
-import He from "@mui/material/Drawer";
+import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
+import { useState as O, createContext as Pe, useCallback as te, useContext as Le, useEffect as ne, useRef as ce } from "react";
+import { Typography as y, Button as pt, Paper as oe, styled as X, Box as A, IconButton as V, Drawer as ut, Container as _e, Divider as Se, CssBaseline as gt, Snackbar as ht, Alert as ft, CircularProgress as Me, LinearProgress as mt, Autocomplete as vt, TextField as xt, FormHelperText as Ct } from "@mui/material";
+import wt from "@mui/material/CssBaseline";
+import { styled as M, createTheme as He, alpha as pe } from "@mui/material/styles";
+import Re from "@mui/material/Drawer";
 import { AgError as bt } from "@australiangreens/ag-error";
-import { createHelper as te } from "souvlaki";
-import Re from "@mui/material/List";
-import ye from "@mui/material/Button";
-import Ot from "@mui/material/Dialog";
-import yt from "@mui/material/DialogActions";
-import At from "@mui/material/DialogContent";
-import It from "@mui/material/DialogTitle";
-import { ArrowForward as We, ArrowBack as ze, ViewHeadline as St } from "@mui/icons-material";
-import { atom as Ge, useAtom as Dt, useAtomValue as Nt, useSetAtom as $t, Provider as kt } from "jotai";
-import { useHydrateAtoms as Et } from "jotai/utils";
-function Yn({ text: e }) {
-  const [t, n] = y(0);
-  return /* @__PURE__ */ u(L, { children: [
-    /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o($, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+import { createHelper as re } from "souvlaki";
+import We from "@mui/material/List";
+import Ie from "@mui/material/Button";
+import At from "@mui/material/Dialog";
+import St from "@mui/material/DialogActions";
+import It from "@mui/material/DialogContent";
+import Tt from "@mui/material/DialogTitle";
+import { ArrowForward as ze, ArrowBack as Ge, ViewHeadline as Ot } from "@mui/icons-material";
+import { atom as B, useSetAtom as Dt, useAtom as E, Provider as Bt } from "jotai";
+import { useHydrateAtoms as $t } from "jotai/utils";
+function zn({ text: e }) {
+  const [t, n] = O(0);
+  return /* @__PURE__ */ p(_, { children: [
+    /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(y, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      gt,
+      pt,
       {
         variant: "outlined",
-        onClick: () => n((i) => i + 1),
+        onClick: () => n((r) => r + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ u("p", { children: [
+    /* @__PURE__ */ p("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ u(ee, { children: [
+    /* @__PURE__ */ p(oe, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const Ve = 330, Ue = 73, D = "Navbar", E = {
-  root: `${D}-root`,
-  menuButton: `${D}-menuButton`,
-  hide: `${D}-hide`,
-  content: `${D}-content`,
-  userInfoHolder: `${D}-userInfoHolder`,
-  settings: `${D}-settings`,
-  pieChartIcon: `${D}-pieChartIcon`
-}, Lt = P("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${E.root}`]: {
+const Ue = 330, Ve = 73, N = "Navbar", L = {
+  root: `${N}-root`,
+  menuButton: `${N}-menuButton`,
+  hide: `${N}-hide`,
+  content: `${N}-content`,
+  userInfoHolder: `${N}-userInfoHolder`,
+  settings: `${N}-settings`,
+  pieChartIcon: `${N}-pieChartIcon`
+}, kt = M("div", { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${L.root}`]: {
     display: "flex"
   },
-  [`& .${E.menuButton}`]: {
+  [`& .${L.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${E.hide}`]: {
+  [`& .${L.hide}`]: {
     display: "none"
   },
-  [`& .${E.content}`]: {
+  [`& .${L.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   },
-  [`& .${E.userInfoHolder}`]: {
+  [`& .${L.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
@@ -112,51 +112,51 @@ const Ve = 330, Ue = 73, D = "Navbar", E = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Pt = () => r({
-  width: Ve
-}, Xe()), Ft = () => r({
+}), Nt = () => i({
   width: Ue
-}, Xe()), _t = P(He, {
+}, Xe()), Et = () => i({
+  width: Ve
+}, Xe()), Ft = M(Re, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => r(r({
-  width: t ? Ve : Ue,
+})(({ theme: e, open: t }) => i(i({
+  width: t ? Ue : Ve,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": Pt()
+  "& .MuiDrawer-paper": Nt()
 }), !t && {
-  "& .MuiDrawer-paper": Ft()
+  "& .MuiDrawer-paper": Et()
 }));
-class ne extends bt {
+class he extends bt {
 }
-be(ne, "errorName", "ContextError");
-const qe = he(null), Mt = {}, Ht = {}, Rt = ({
-  overrideState: e = Mt,
-  overrideActions: t = Ht,
+Ae(he, "errorName", "ContextError");
+const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
+  overrideState: e = yt,
+  overrideActions: t = Pt,
   children: n
 }) => {
-  const [{ open: i }, a] = y({ open: !0 }), d = J((s) => {
+  const [{ open: r }, a] = O({ open: !0 }), l = te((s) => {
     a({ open: s });
-  }, []), c = J(() => {
-    a((s) => m(r({}, s), { open: !s.open }));
-  }, []), g = r(r({
-    open: i,
-    setOpen: d,
+  }, []), c = te(() => {
+    a((s) => x(i({}, s), { open: !s.open }));
+  }, []), u = i(i({
+    open: r,
+    setOpen: l,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(qe.Provider, { value: g, children: n });
-}, Wt = () => {
-  const e = fe(qe);
+  return /* @__PURE__ */ o(qe.Provider, { value: u, children: n });
+}, _t = () => {
+  const e = Le(qe);
   if (e === null)
-    throw new ne("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new he("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, zt = (e = {}) => r({
+}, Mt = (e = {}) => i({
   open: !0
-}, e), jn = te(
-  (e = zt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Rt, { overrideState: e, overrideActions: t, children: n })
-), Ae = 7, Qn = P(Re)(({ theme: e }) => ({
+}, e), Gn = re(
+  (e = Mt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Lt, { overrideState: e, overrideActions: t, children: n })
+), Te = 7, Un = M(We)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -165,7 +165,7 @@ const qe = he(null), Mt = {}, Ht = {}, Rt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Ae}px`
+      padding: `${Te}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -176,7 +176,7 @@ const qe = he(null), Mt = {}, Ht = {}, Rt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Te}px)`
     },
     // Hover state
     "&:hover": {
@@ -194,7 +194,7 @@ const qe = he(null), Mt = {}, Ht = {}, Rt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Ie = 7, Kn = P(Re)(({ theme: e }) => ({
+})), Oe = 7, Vn = M(We)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -203,7 +203,7 @@ const qe = he(null), Mt = {}, Ht = {}, Rt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Ie}px`
+      padding: `${Oe}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -214,7 +214,7 @@ const qe = he(null), Mt = {}, Ht = {}, Rt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Ie}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Oe}px)`
     },
     // Hover state
     "&:hover": {
@@ -233,15 +233,15 @@ const qe = he(null), Mt = {}, Ht = {}, Rt = ({
     // },
   }
 }));
-function Jn({
+function Xn({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = Wt();
-  return /* @__PURE__ */ u(Lt, { className: E.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Bt, {}),
+  const { open: n } = _t();
+  return /* @__PURE__ */ p(kt, { className: L.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(wt, {}),
     /* @__PURE__ */ o(
-      _t,
+      Ft,
       {
         variant: "permanent",
         anchor: "left",
@@ -252,48 +252,48 @@ function Jn({
     )
   ] });
 }
-const Gt = ({
+const Ht = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
-  maxWidth: i,
+  maxWidth: r,
   primaryButton: a,
-  secondaryButton: d,
+  secondaryButton: l,
   onClose: c
 }) => {
-  var l, x;
-  const [g, s] = y(!1);
-  return /* @__PURE__ */ u(
-    Ot,
+  var d, v;
+  const [u, s] = O(!1);
+  return /* @__PURE__ */ p(
+    At,
     {
       open: e,
       onClose: () => {
-        g || c();
+        u || c();
       },
       fullWidth: !0,
-      maxWidth: i != null ? i : "xs",
+      maxWidth: r != null ? r : "xs",
       children: [
-        /* @__PURE__ */ o(It, { children: t }),
-        /* @__PURE__ */ o(At, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ u(yt, { children: [
+        /* @__PURE__ */ o(Tt, { children: t }),
+        /* @__PURE__ */ o(It, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ p(St, { children: [
           /* @__PURE__ */ o(
-            ye,
+            Ie,
             {
-              onClick: (l = d == null ? void 0 : d.onClick) != null ? l : c,
-              "data-testid": d == null ? void 0 : d.testId,
-              disabled: (d == null ? void 0 : d.disabled) || g,
-              children: (x = d == null ? void 0 : d.text) != null ? x : "Cancel"
+              onClick: (d = l == null ? void 0 : l.onClick) != null ? d : c,
+              "data-testid": l == null ? void 0 : l.testId,
+              disabled: (l == null ? void 0 : l.disabled) || u,
+              children: (v = l == null ? void 0 : l.text) != null ? v : "Cancel"
             }
           ),
           a && /* @__PURE__ */ o(
-            ye,
+            Ie,
             {
-              onClick: () => j(void 0, null, function* () {
-                var h;
-                s(!0), yield (h = a.onClick) == null ? void 0 : h.call(a), s(!1);
+              onClick: () => K(void 0, null, function* () {
+                var f;
+                s(!0), yield (f = a.onClick) == null ? void 0 : f.call(a), s(!1);
               }),
               "data-testid": a.testId,
-              disabled: a.disabled || g,
+              disabled: a.disabled || u,
               children: a.text
             }
           )
@@ -301,32 +301,32 @@ const Gt = ({
       ]
     }
   );
-}, Vt = 24, Ut = 64, N = "TopBar", T = {
-  topStripe: `${N}-topStripe`,
-  titleBar: `${N}-titleBar`,
-  titleSlider: `${N}-titleSlider`,
-  titleText: `${N}-titleText`,
-  leftPanelButton: `${N}-leftPanelButton`,
-  rightPanelButton: `${N}-leftPanelButton`
-}, Xt = G("div", {
+}, Rt = 24, Wt = 64, F = "TopBar", b = {
+  topStripe: `${F}-topStripe`,
+  titleBar: `${F}-titleBar`,
+  titleSlider: `${F}-titleSlider`,
+  titleText: `${F}-titleText`,
+  leftPanelButton: `${F}-leftPanelButton`,
+  rightPanelButton: `${F}-leftPanelButton`
+}, zt = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: N
+  name: F
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var i, a;
+  var r, a;
   return {
     width: "100%",
-    [`& .${T.topStripe}`]: {
+    [`& .${b.topStripe}`]: {
       width: "100%",
-      height: `${Vt}px`,
+      height: `${Rt}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${T.titleBar}`]: {
+    [`& .${b.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Ut}px`,
+      height: `${Wt}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${T.titleSlider}`]: r(r({
+    [`& .${b.titleSlider}`]: i(i({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -335,14 +335,14 @@ const Gt = ({
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${T.leftPanelButton}`]: {
+      [`& .${b.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${T.titleText}`]: {
+      [`& .${b.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${T.rightPanelButton}`]: {
+      [`& .${b.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -350,7 +350,7 @@ const Gt = ({
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
+      marginLeft: `${(r = t == null ? void 0 : t.width) != null ? r : 0}px`
     }), (n == null ? void 0 : n.open) && {
       transition: e.transitions.create("margin", {
         easing: e.transitions.easing.easeOut,
@@ -360,19 +360,19 @@ const Gt = ({
     })
   };
 });
-function qt({
+function Gt({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
-  "data-testid": i
+  "data-testid": r
 }) {
-  return /* @__PURE__ */ u(Xt, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ u(B, { className: T.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
-        z,
+  return /* @__PURE__ */ p(zt, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+    /* @__PURE__ */ o("div", { className: b.topStripe }),
+    /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ p(A, { className: b.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
+        V,
         {
-          className: T.leftPanelButton,
+          className: b.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -380,15 +380,15 @@ function qt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(We, {})
+            /* @__PURE__ */ o(ze, {})
           ]
         }
       ),
-      /* @__PURE__ */ o($, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
-        z,
+      /* @__PURE__ */ o(y, { className: b.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
+        V,
         {
-          className: T.rightPanelButton,
+          className: b.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -396,14 +396,14 @@ function qt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(ze, {})
+            /* @__PURE__ */ o(Ge, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const Ye = 400, Yt = G(ht, {
+const je = 400, Ut = X(ut, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -417,9 +417,9 @@ const Ye = 400, Yt = G(ht, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: d }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
     width: e,
-    "& .MuiDrawer-paper": r(r({
+    "& .MuiDrawer-paper": i(i({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -427,15 +427,15 @@ const Ye = 400, Yt = G(ht, {
       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: `${d}px`
-    }, i && {
+    }), n === "left" && i({
+      marginLeft: `${l}px`
+    }, r && {
       marginLeft: `${a}px`
     }))
   })
-), jt = G(B, {
+), Vt = X(A, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => m(r({
+})(({ theme: e, anchor: t }) => x(i({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -453,65 +453,65 @@ const Ye = 400, Yt = G(ht, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Se({
+function De({
   children: e,
   anchor: t = "left",
   open: n,
-  onClose: i = () => {
+  onClose: r = () => {
   },
   titleText: a = "",
-  width: d = Ye,
+  width: l = je,
   showCloseArrow: c = !0,
-  debugOpacity: g = !1,
+  debugOpacity: u = !1,
   headerBoxProps: s = {},
-  onOpened: l,
-  onClosed: x,
-  "data-testid": h,
-  navBarOpen: p = !1,
-  navBarWidthOpen: C = 0,
-  navBarWidthClosed: b = 0
+  onOpened: d,
+  onClosed: v,
+  "data-testid": f,
+  navBarOpen: C = !1,
+  navBarWidthOpen: m = 0,
+  navBarWidthClosed: w = 0
 }) {
-  return /* @__PURE__ */ u(
-    Yt,
+  return /* @__PURE__ */ p(
+    Ut,
     {
       SlideProps: {
-        onEntered: () => l == null ? void 0 : l(),
-        onExited: () => x == null ? void 0 : x()
+        onEntered: () => d == null ? void 0 : d(),
+        onExited: () => v == null ? void 0 : v()
       },
       variant: "persistent",
       anchor: t,
       open: n,
-      width: d,
-      debugOpacity: g,
-      "data-testid": h,
-      navBarOpen: p,
-      navBarWidthOpen: C,
-      navBarWidthClosed: b,
+      width: l,
+      debugOpacity: u,
+      "data-testid": f,
+      navBarOpen: C,
+      navBarWidthOpen: m,
+      navBarWidthClosed: w,
       children: [
-        /* @__PURE__ */ o(jt, m(r({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ u(L, { children: [
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
-          c && /* @__PURE__ */ u(z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(ze, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(Vt, x(i({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
+          /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: a }),
+          c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(Ge, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ u(L, { children: [
-          c && /* @__PURE__ */ u(z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(We, {}),
+        ] }) : /* @__PURE__ */ p(_, { children: [
+          c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(ze, {}),
             " "
           ] }),
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const Qt = G("div", {
+const Xt = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var i, a;
-  return r(r({
+  var r, a;
+  return i(i({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -521,7 +521,7 @@ const Qt = G("div", {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
+    marginLeft: `${(r = t == null ? void 0 : t.width) != null ? r : 0}px`
   }), (n == null ? void 0 : n.open) && {
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.easeOut,
@@ -529,231 +529,159 @@ const Qt = G("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), Kt = G(Fe, {
+}), qt = X(_e, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
-})), ue = !1, ge = !1, Q = {
+})), ue = !1, ge = !1, Z = {
   titleText: "",
   flavour: "push",
-  width: Ye,
+  width: je,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(L, {}),
+  content: /* @__PURE__ */ o(_, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Zn({
+function qn({
   children: e,
   titleText: t = "",
   leftPanel: n,
-  rightPanel: i,
+  rightPanel: r,
   sidePanelsAreMutuallyExclusive: a = !0,
-  debugOpacity: d = !1,
+  debugOpacity: l = !1,
   pageContainerProps: c,
-  pageContentDataTestId: g,
+  pageContentDataTestId: u,
   topBarDataTestId: s,
-  navBarOpen: l,
-  navBarWidthOpen: x,
-  navBarWidthClosed: h
+  navBarOpen: d,
+  navBarWidthOpen: v,
+  navBarWidthClosed: f
 }) {
-  const [p, C] = y(ue), [b, w] = y(ge), [A, I] = y(ue), [re, F] = y(ge), _ = n !== void 0, M = i !== void 0, {
-    titleText: O,
-    content: V,
-    flavour: U,
-    open: H,
-    onChangeOpen: R,
-    width: f,
-    arrowButtons: v,
-    startOpen: k,
+  const [C, m] = O(ue), [w, S] = O(ge), [D, I] = O(ue), [$, H] = O(ge), R = n !== void 0, W = r !== void 0, {
+    titleText: T,
+    content: q,
+    flavour: j,
+    open: z,
+    onChangeOpen: G,
+    width: g,
+    arrowButtons: h,
+    startOpen: P,
     onOpened: et,
     onClosed: tt,
     dataTestId: nt
-  } = n ? r(r({}, Q), n) : r({}, Q), {
+  } = n ? i(i({}, Z), n) : i({}, Z), {
     titleText: ot,
     content: rt,
-    flavour: ve,
+    flavour: fe,
     open: ie,
     onChangeOpen: me,
     width: ae,
-    arrowButtons: X,
-    startOpen: q,
+    arrowButtons: Q,
+    startOpen: Y,
     onOpened: it,
     onClosed: at,
     dataTestId: st
-  } = i ? r(r({}, Q), i) : r({}, Q);
-  Z(() => {
-    k !== ue && (C(k), I(k));
-  }, [k]), Z(() => {
-    q !== ge && (w(q), F(q));
-  }, [q]);
-  const se = H === void 0 ? p : H, le = ie === void 0 ? b : ie, xe = (S) => {
-    H === void 0 && (C(S), a && M && (S ? (w(!1), F(b)) : w(re))), R && R(S);
-  }, Ce = (S) => {
-    ie === void 0 && (w(S), a && _ && (S ? (C(!1), I(p)) : C(A))), me && me(S);
+  } = r ? i(i({}, Z), r) : i({}, Z);
+  ne(() => {
+    P !== ue && (m(P), I(P));
+  }, [P]), ne(() => {
+    Y !== ge && (S(Y), H(Y));
+  }, [Y]);
+  const se = z === void 0 ? C : z, le = ie === void 0 ? w : ie, ve = (k) => {
+    z === void 0 && (m(k), a && W && (k ? (S(!1), H(w)) : S($))), G && G(k);
+  }, xe = (k) => {
+    ie === void 0 && (S(k), a && R && (k ? (m(!1), I(C)) : m(D))), me && me(k);
   };
-  return /* @__PURE__ */ u(B, { children: [
-    _ && /* @__PURE__ */ o(
-      Se,
+  return /* @__PURE__ */ p(A, { children: [
+    R && /* @__PURE__ */ o(
+      De,
       {
         "data-testid": nt,
         anchor: "left",
         open: se,
-        onClose: () => xe(!1),
-        width: f,
-        titleText: O,
-        debugOpacity: d,
-        showCloseArrow: v === "both" || v === "close",
+        onClose: () => ve(!1),
+        width: g,
+        titleText: T,
+        debugOpacity: l,
+        showCloseArrow: h === "both" || h === "close",
         onOpened: et,
         onClosed: tt,
-        navBarOpen: l,
-        navBarWidthOpen: x,
-        navBarWidthClosed: h,
-        children: V
+        navBarOpen: d,
+        navBarWidthOpen: v,
+        navBarWidthClosed: f,
+        children: q
       }
     ),
-    M && /* @__PURE__ */ o(
-      Se,
+    W && /* @__PURE__ */ o(
+      De,
       {
         "data-testid": st,
         anchor: "right",
         open: le,
-        onClose: () => Ce(!1),
+        onClose: () => xe(!1),
         width: ae,
         titleText: ot,
-        debugOpacity: d,
-        showCloseArrow: X === "both" || X === "close",
+        debugOpacity: l,
+        showCloseArrow: Q === "both" || Q === "close",
         onOpened: it,
         onClosed: at,
-        navBarOpen: l,
-        navBarWidthOpen: x,
-        navBarWidthClosed: h,
+        navBarOpen: d,
+        navBarWidthOpen: v,
+        navBarWidthClosed: f,
         children: rt
       }
     ),
     /* @__PURE__ */ o(
-      qt,
-      r(r({
+      Gt,
+      i(i({
         titleText: t,
         "data-testid": s
-      }, _ && U === "push" ? {
+      }, R && j === "push" ? {
         leftPanel: {
           open: se,
-          width: f,
-          onOpen: () => xe(!0),
-          showOpenArrow: v === "both" || v === "open"
+          width: g,
+          onOpen: () => ve(!0),
+          showOpenArrow: h === "both" || h === "open"
         }
-      } : {}), M && ve === "push" ? {
+      } : {}), W && fe === "push" ? {
         rightPanel: {
           open: le,
           width: ae,
-          onOpen: () => Ce(!0),
-          showOpenArrow: X === "both" || X === "open"
+          onOpen: () => xe(!0),
+          showOpenArrow: Q === "both" || Q === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      Qt,
-      m(r(r({}, U === "push" ? {
+      Xt,
+      x(i(i({}, j === "push" ? {
         leftPanel: {
           open: se,
-          width: f
+          width: g
         }
-      } : {}), ve === "push" ? {
+      } : {}), fe === "push" ? {
         rightPanel: {
           open: le,
           width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Kt, m(r({ "data-testid": g }, c), { children: e }))
+        children: /* @__PURE__ */ o(qt, x(i({ "data-testid": u }, c), { children: e }))
       })
     )
   ] });
 }
-const Jt = 64, Zt = 64, en = 256, tn = {
-  navBarOpen: !0,
-  titleText: "",
-  navBarWidthOpen: en,
-  navBarWidthClosed: Zt,
-  topBarHeight: Jt,
-  navBarTop: void 0
-};
-function nn(e, t) {
-  switch (t.type) {
-    case "toggleNavBarOpen":
-      return m(r({}, e), {
-        navBarOpen: !e.navBarOpen
-      });
-    case "setNavBarOpen":
-      return m(r({}, e), {
-        navBarOpen: t.payload
-      });
-    case "setTitleText":
-      return m(r({}, e), {
-        titleText: t.payload
-      });
-    case "setNavBarWidthOpen":
-      return m(r({}, e), {
-        navBarWidthOpen: t.payload
-      });
-    case "setTopBarHeight":
-      return m(r({}, e), {
-        topBarHeight: t.payload
-      });
-    case "setNavBarTop":
-      return m(r({}, e), {
-        navBarTop: t.payload
-      });
-    default:
-      throw new Error("Invalid action.type");
-  }
-}
-const je = he(null), on = {}, rn = {}, an = ({
-  overrideState: e = on,
-  overrideActions: t = rn,
-  children: n
-}) => {
-  const [
-    { titleText: i, topBarHeight: a, navBarOpen: d, navBarWidthOpen: c, navBarWidthClosed: g, navBarTop: s },
-    l
-  ] = pt(nn, tn), x = ut(
-    () => ({
-      toggleNavBarOpen: () => l({ type: "toggleNavBarOpen" }),
-      setNavBarOpen: (p) => l({ type: "setNavBarOpen", payload: p }),
-      setNavBarWidthOpen: (p) => l({ type: "setNavBarWidthOpen", payload: p }),
-      setNavBarWidthClosed: (p) => l({ type: "setNavBarWidthClosed", payload: p }),
-      setTitleText: (p) => l({ type: "setTitleText", payload: p }),
-      setTopBarHeight: (p) => l({ type: "setTopBarHeight", payload: p }),
-      setNavBarTop: (p) => l({ type: "setNavBarTop", payload: p }),
-      clearNavBarTop: () => l({ type: "setNavBarTop", payload: void 0 })
-    }),
-    []
-  ), h = r(r(r({
-    navBarOpen: d,
-    navBarWidthOpen: c,
-    navBarWidthClosed: g,
-    titleText: i,
-    topBarHeight: a,
-    navBarTop: s
-  }, x), e), t);
-  return /* @__PURE__ */ o(je.Provider, { value: h, children: n });
-}, Qe = () => {
-  const e = fe(je);
-  if (e === null)
-    throw new ne("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");
-  return e;
-}, sn = "TopBar", ln = {
-  titleText: `${sn}-titleText`
+const jt = 64, Qt = 64, Yt = 256, Qe = B(!0), Jt = B(Yt), Kt = B(Qt), Zt = B(""), en = B(jt), tn = B(void 0), nn = "TopBar", on = {
+  titleText: `${nn}-titleText`
 };
-function dn({ titleText: e = "", height: t, "data-testid": n }) {
-  const { toggleNavBarOpen: i } = Qe();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
-    ee,
+function rn({ titleText: e = "", height: t, "data-testid": n }) {
+  const r = Dt(Qe);
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
+    oe,
     {
       square: !0,
       elevation: 0,
@@ -769,31 +697,31 @@ function dn({ titleText: e = "", height: t, "data-testid": n }) {
         height: t
       },
       children: [
-        /* @__PURE__ */ o(z, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: i, children: /* @__PURE__ */ o(St, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o($, { className: ln.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(Ot, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(y, { className: on.titleText, variant: "h6", children: e })
       ]
     }
   ) });
 }
-const K = "Navbar", W = {
-  root: `${K}-root`,
-  menuButton: `${K}-menuButton`,
-  hide: `${K}-hide`,
-  content: `${K}-content`
+const ee = "Navbar", U = {
+  root: `${ee}-root`,
+  menuButton: `${ee}-menuButton`,
+  hide: `${ee}-hide`,
+  content: `${ee}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, cn = P("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${W.root}`]: {
+}, an = M("div", { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${U.root}`]: {
     display: "flex"
   },
-  [`& .${W.menuButton}`]: {
+  [`& .${U.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${W.hide}`]: {
+  [`& .${U.hide}`]: {
     display: "none"
   },
-  [`& .${W.content}`]: {
+  [`& .${U.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -802,80 +730,80 @@ const K = "Navbar", W = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), Ke = (e, t) => {
-  var n, i;
+})), Ye = (e, t) => {
+  var n, r;
   return {
     height: `calc(100vh - ${t})`,
     top: t,
     overflowX: "hidden",
     overflowY: "hidden",
     color: "inherit",
-    backgroundColor: (i = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
+    backgroundColor: (r = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? r : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, De = (e, t, n) => r({
+}, Be = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   })
-}, Ke(e, n)), Ne = (e, t, n) => r({
+}, Ye(e, n)), $e = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, Ke(e, n)), pn = P(He, {
+}, Ye(e, n)), sn = M(Re, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && m(r({}, De(e, n, a)), {
-  "& .MuiDrawer-paper": De(e, n, a)
-})), !t && m(r({}, Ne(e, i, a)), {
-  "& .MuiDrawer-paper": Ne(e, i, a)
+}, t && x(i({}, Be(e, n, a)), {
+  "& .MuiDrawer-paper": Be(e, n, a)
+})), !t && x(i({}, $e(e, r, a)), {
+  "& .MuiDrawer-paper": $e(e, r, a)
 })));
-function un({ links: e }) {
+function ln({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function gn({
+function dn({
   open: e,
   offsetTop: t = 0,
   widthOpen: n,
-  widthClosed: i,
+  widthClosed: r,
   "data-testid": a,
-  top: d,
+  top: l,
   middle: c,
-  bottom: g
+  bottom: u
 }) {
-  return /* @__PURE__ */ o(cn, { className: W.root, "data-testid": a, children: /* @__PURE__ */ o(
-    pn,
+  return /* @__PURE__ */ o(an, { className: U.root, "data-testid": a, children: /* @__PURE__ */ o(
+    sn,
     {
       variant: "permanent",
       anchor: "left",
       open: e,
       widthOpen: n,
-      widthClosed: i,
+      widthClosed: r,
       offsetTop: t,
-      children: /* @__PURE__ */ u(B, { component: "nav", sx: {}, children: [
-        d && /* @__PURE__ */ u(B, { sx: { flexGrow: 1 }, children: [
-          d,
-          /* @__PURE__ */ o(Oe, { variant: "middle" })
+      children: /* @__PURE__ */ p(A, { component: "nav", sx: {}, children: [
+        l && /* @__PURE__ */ p(A, { sx: { flexGrow: 1 }, children: [
+          l,
+          /* @__PURE__ */ o(Se, { variant: "middle" })
         ] }),
-        Array.isArray(c) ? /* @__PURE__ */ o(un, { links: c }) : c,
-        g && /* @__PURE__ */ u(B, { sx: {}, children: [
-          /* @__PURE__ */ o(Oe, { variant: "middle" }),
-          g
+        Array.isArray(c) ? /* @__PURE__ */ o(ln, { links: c }) : c,
+        u && /* @__PURE__ */ p(A, { sx: {}, children: [
+          /* @__PURE__ */ o(Se, { variant: "middle" }),
+          u
         ] })
       ] })
     }
   ) });
 }
-function hn({ children: e, topBarHeight: t }) {
+function cn({ children: e, topBarHeight: t }) {
   return /* @__PURE__ */ o(
-    B,
+    A,
     {
       sx: {
         overflow: "auto",
@@ -885,7 +813,7 @@ function hn({ children: e, topBarHeight: t }) {
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Fe,
+        _e,
         {
           component: "main",
           id: "main-content",
@@ -896,178 +824,163 @@ function hn({ children: e, topBarHeight: t }) {
     }
   );
 }
-function fn({
+function jn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
-  pageContainerProps: i,
+  pageContainerProps: r,
   pageContentDataTestId: a,
-  topBarDataTestId: d,
+  topBarDataTestId: l,
   navBarDataTestId: c,
-  navBarMiddle: g
+  navBarMiddle: u
 }) {
-  const {
-    navBarOpen: s,
-    setNavBarOpen: l,
-    titleText: x,
-    setTitleText: h,
-    topBarHeight: p,
-    navBarWidthOpen: C,
-    navBarWidthClosed: b,
-    navBarTop: w
-  } = Qe();
-  return Z(() => {
-    t !== void 0 && h(t);
-  }, [t, h]), Z(() => {
-    console.log(n), n !== void 0 && l(n);
-  }, [n, l]), /* @__PURE__ */ u(B, { children: [
-    /* @__PURE__ */ o(ft, {}),
-    /* @__PURE__ */ o(dn, { titleText: x, "data-testid": d, height: p }),
-    /* @__PURE__ */ u(B, { sx: { display: "flex" }, children: [
+  const [s, d] = E(Qe), [v] = E(Jt), [f] = E(Kt), [C, m] = E(Zt), [w] = E(en), [S] = E(tn);
+  return ne(() => {
+    t !== void 0 && m(t);
+  }, [t, m]), ne(() => {
+    n !== void 0 && d(n);
+  }, [n, d]), /* @__PURE__ */ p(A, { children: [
+    /* @__PURE__ */ o(gt, {}),
+    /* @__PURE__ */ o(rn, { titleText: C, "data-testid": l, height: w }),
+    /* @__PURE__ */ p(A, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        gn,
+        dn,
         {
           open: s,
-          top: w,
-          middle: g,
-          bottom: s ? /* @__PURE__ */ o(B, { sx: { padding: 2 }, children: /* @__PURE__ */ o(ee, { 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" }) }) : /* @__PURE__ */ o(B, { sx: { paddingTop: 2 }, children: /* @__PURE__ */ o(ee, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "WIP" }) }),
-          widthOpen: C,
-          widthClosed: b,
-          offsetTop: p,
+          top: S,
+          middle: u,
+          bottom: s ? /* @__PURE__ */ o(A, { sx: { padding: 2 }, children: /* @__PURE__ */ o(oe, { 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" }) }) : /* @__PURE__ */ o(A, { sx: { paddingTop: 2 }, children: /* @__PURE__ */ o(oe, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "WIP" }) }),
+          widthOpen: v,
+          widthClosed: f,
+          offsetTop: w,
           "data-testid": c
         }
       ),
       /* @__PURE__ */ o(
-        hn,
-        m(r({
+        cn,
+        x(i({
           "data-testid": a,
-          topBarHeight: p
-        }, i), {
+          topBarHeight: w
+        }, r), {
           children: e
         })
       )
     ] })
   ] });
 }
-function eo(e) {
-  return /* @__PURE__ */ o(an, { children: /* @__PURE__ */ o(fn, r({}, e)) });
-}
-const vn = {
+const pn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, mn = {
+}, un = {
   shouldClose: (e, t) => t !== "clickaway"
-}, $e = {
+}, ke = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, ke = 100, Ee = 2e3, xn = 2e3, Cn = (() => {
+}, Ne = 100, Ee = 2e3, gn = 2e3, hn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), wn = {
+})(), fn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Tn = {}, Bn = {}, Je = he(null);
-function bn(d) {
-  var c = d, {
-    overrideState: e = Tn,
-    overrideActions: t = Bn,
-    shouldClose: n = mn.shouldClose,
-    children: i
-  } = c, a = Be(c, [
+}, mn = {}, vn = {}, Je = Pe(null);
+function xn(l) {
+  var c = l, {
+    overrideState: e = mn,
+    overrideActions: t = vn,
+    shouldClose: n = un.shouldClose,
+    children: r
+  } = c, a = be(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var R;
-  const [{ open: g }, s] = y({ open: !1 }), l = ce([]), x = ce(Date.now()), h = ce(0), p = J((f) => {
-    s({ open: f });
-  }, []), C = J((f = {}) => {
-    h.current += 1, l.current.length >= ke && Date.now() - x.current >= Ee && (x.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${ke}) hit ${h.current} times in last ${Ee}ms)`
-    ), h.current = 0);
-    const v = r(m(r({}, $e), {
-      key: Cn()
-    }), f);
-    return l.current.push(v), l.current.length === 1 && s({ open: !0 }), v.key;
-  }, []), b = (f = "", v = {}) => C(r({ message: f, severity: "success" }, v)), w = (f = "", v = {}) => C(r({ message: f, severity: "info" }, v)), A = (f = "", v = {}) => C(r({ message: f, severity: "warning" }, v)), I = (f = "", v = {}) => C(r({ message: f, severity: "error" }, v)), re = (f) => {
-    const v = l.current.findIndex((k) => k.key === f);
-    if (v !== -1)
-      return v === 0 ? (s({ open: !1 }), l.current[0]) : l.current.splice(v, 1);
-  }, F = (f, v) => {
-    n(f, v) && s({ open: !1 });
-  }, _ = () => {
-  }, M = () => {
-    l.current.shift(), l.current.length > 0 && s({ open: !0 });
-  }, O = (R = l.current[0]) != null ? R : r({}, $e), V = {};
-  "autoHideDuration" in O && (V.autoHideDuration = O.autoHideDuration);
-  const U = r(r({}, vn), a), H = r(r({
-    open: g,
-    setOpen: p,
-    enqueueNotification: C,
-    enqueueSuccessNotification: b,
-    enqueueInfoNotification: w,
-    enqueueWarningNotification: A,
+  var G;
+  const [{ open: u }, s] = O({ open: !1 }), d = ce([]), v = ce(Date.now()), f = ce(0), C = te((g) => {
+    s({ open: g });
+  }, []), m = te((g = {}) => {
+    f.current += 1, d.current.length >= Ne && Date.now() - v.current >= Ee && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ne}) hit ${f.current} times in last ${Ee}ms)`
+    ), f.current = 0);
+    const h = i(x(i({}, ke), {
+      key: hn()
+    }), g);
+    return d.current.push(h), d.current.length === 1 && s({ open: !0 }), h.key;
+  }, []), w = (g = "", h = {}) => m(i({ message: g, severity: "success" }, h)), S = (g = "", h = {}) => m(i({ message: g, severity: "info" }, h)), D = (g = "", h = {}) => m(i({ message: g, severity: "warning" }, h)), I = (g = "", h = {}) => m(i({ message: g, severity: "error" }, h)), $ = (g) => {
+    const h = d.current.findIndex((P) => P.key === g);
+    if (h !== -1)
+      return h === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(h, 1);
+  }, H = (g, h) => {
+    n(g, h) && s({ open: !1 });
+  }, R = () => {
+  }, W = () => {
+    d.current.shift(), d.current.length > 0 && s({ open: !0 });
+  }, T = (G = d.current[0]) != null ? G : i({}, ke), q = {};
+  "autoHideDuration" in T && (q.autoHideDuration = T.autoHideDuration);
+  const j = i(i({}, pn), a), z = i(i({
+    open: u,
+    setOpen: C,
+    enqueueNotification: m,
+    enqueueSuccessNotification: w,
+    enqueueInfoNotification: S,
+    enqueueWarningNotification: D,
     enqueueErrorNotification: I,
-    removeNotification: re
+    removeNotification: $
   }, e), t);
-  return /* @__PURE__ */ u(Je.Provider, { value: H, children: [
-    i,
+  return /* @__PURE__ */ p(Je.Provider, { value: z, children: [
+    r,
     /* @__PURE__ */ o(
-      vt,
-      m(r(r({}, U), V), {
-        open: g,
-        onClose: F,
+      ht,
+      x(i(i({}, j), q), {
+        open: u,
+        onClose: H,
         TransitionProps: {
-          onExited: M,
-          onExit: _
+          onExited: W,
+          onExit: R
         },
-        sx: { zIndex: xn },
-        children: /* @__PURE__ */ u("div", { children: [
+        sx: { zIndex: gn },
+        children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
-            mt,
+            ft,
             {
-              onClose: (f) => F(f, "closeAlert"),
-              severity: O.severity,
+              onClose: (g) => H(g, "closeAlert"),
+              severity: T.severity,
               variant: "filled",
-              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(_e, { size: "1em" }) : void 0,
-              style: O.progressIndicator === "linear" ? wn : void 0,
-              children: O.message
+              icon: T.progressIndicator === "circular" ? /* @__PURE__ */ o(Me, { size: "1em" }) : void 0,
+              style: T.progressIndicator === "linear" ? fn : void 0,
+              children: T.message
             }
           ),
-          O.progressIndicator === "linear" && /* @__PURE__ */ o(xt, { color: "primary" })
+          T.progressIndicator === "linear" && /* @__PURE__ */ o(mt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function On() {
-  const e = fe(Je);
+function Cn() {
+  const e = Le(Je);
   if (e === null)
-    throw new ne("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new he("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const to = te(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(bn, m(r({}, e), { overrideState: t, overrideActions: n, children: i }))
-), Ze = "domainCode";
-var Pe;
-const Le = Ge(
-  (Pe = localStorage.getItem(Ze)) != null ? Pe : ""
-), oe = Ge(
-  (e) => e(Le),
+const Qn = re(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(xn, x(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+), Ke = "domainCode";
+var ye;
+const Fe = B(
+  JSON.parse((ye = localStorage.getItem(Ke)) != null ? ye : "{}").domainCode
+), Ze = B(
+  (e) => e(Fe),
   (e, t, n) => {
-    t(Le, n), localStorage.setItem(Ze, n);
+    t(Fe, n), localStorage.setItem(Ke, JSON.stringify({ domainCode: n }));
   }
-), yn = () => {
-  const [e, t] = Dt(oe);
-  return [e, t, () => t("")];
-}, no = () => Nt(oe), oo = () => $t(oe), An = {
+), wn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1079,74 +992,74 @@ const Le = Ge(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, In = (e) => {
+}, bn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = An[e]) != null ? t : "";
-}, ro = ({
+  return e === null ? "N/A" : (t = wn[e]) != null ? t : "";
+}, Yn = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
-  domainOptions: i,
+  domainOptions: r,
   applicationName: a,
-  handleLogout: d
+  handleLogout: l
 }) => {
-  const [c, g] = yn(), [s, l] = y(c), { enqueueSuccessNotification: x } = On(), h = i.length === 0, p = !!c && !i.includes(c) && !!s && !i.includes(s), C = () => j(void 0, null, function* () {
-    s ? (g(s), x(`Set domain to ${s}`), n()) : g("");
-  }), b = () => j(void 0, null, function* () {
-    c && !h && !p ? (l(c), n()) : (!c || h || p) && d();
+  const [c, u] = E(Ze), [s, d] = O(c), { enqueueSuccessNotification: v } = Cn(), f = r.length === 0, C = !!c && !r.includes(c) && !r.includes(s), m = !c || f || C, w = () => K(void 0, null, function* () {
+    s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
+  }), S = () => K(void 0, null, function* () {
+    c && !f && !C ? (d(c), n()) : m && l();
   });
-  let w;
-  return h ? w = "Unable to retrieve your active organisations. Try logging in again." : p && (w = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
-    Gt,
+  let D;
+  return f ? D = "Unable to retrieve your active organisations. Try logging in again." : C && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
+    Ht,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: C,
-        disabled: !s || h || p
+        onClick: w,
+        disabled: !s || f || C
       },
       secondaryButton: {
-        text: !s || h || p ? "Logout" : "Cancel",
-        onClick: b
+        text: m ? "Logout" : "Cancel",
+        onClick: S
       },
       onClose: n,
       children: [
-        /* @__PURE__ */ u($, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(y, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
         ] }),
         /* @__PURE__ */ o(
-          Ct,
+          vt,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: s,
-            onChange: (A, I) => l(I != null ? I : ""),
-            getOptionLabel: In,
-            options: [...i, ""],
-            renderInput: (A) => /* @__PURE__ */ o(
-              wt,
-              m(r({}, A), {
+            value: s != null ? s : null,
+            onChange: (I, $) => d($ != null ? $ : ""),
+            getOptionLabel: bn,
+            options: [...r],
+            renderInput: (I) => /* @__PURE__ */ o(
+              xt,
+              x(i({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: m(r({}, A.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(L, { children: [
-                    e ? /* @__PURE__ */ o(_e, { color: "inherit", size: 20 }) : null,
-                    A.InputProps.endAdornment
+                InputProps: x(i({}, I.InputProps), {
+                  endAdornment: /* @__PURE__ */ p(_, { children: [
+                    e ? /* @__PURE__ */ o(Me, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    I.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        w && /* @__PURE__ */ o(Tt, { error: !0, children: w })
+        D && /* @__PURE__ */ o(Ct, { error: !0, children: D })
       ]
     }
   );
-}, io = Me({
+}, Jn = He({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1197,7 +1110,7 @@ const Le = Ge(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), ao = Me({
+}), Kn = He({
   palette: {
     primary: {
       main: "#007236",
@@ -1288,54 +1201,57 @@ const Le = Ge(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Sn = {
-  domainCode: oe
-}, so = te(() => ({ children: e }) => /* @__PURE__ */ o(kt, { children: e })), Dn = ({
+}), An = {
+  domainCode: Ze
+}, Zn = re(() => ({ children: e }) => /* @__PURE__ */ o(Bt, { children: e })), Sn = ({
   initialValues: e,
   children: t
-}) => (Et(e), /* @__PURE__ */ o(L, { children: t })), lo = te((e) => ({ children: t }) => /* @__PURE__ */ o(
-  Dn,
-  {
-    initialValues: Object.entries(e).map(
-      ([n, i]) => [
-        Sn[n],
-        i
-      ]
-    ),
-    children: t
-  }
-));
+}) => ($t(e), /* @__PURE__ */ o(_, { children: t })), eo = re(
+  (e) => ({ children: t }) => /* @__PURE__ */ o(
+    Sn,
+    {
+      initialValues: Object.entries(e).map(
+        ([n, r]) => [
+          An[n],
+          r
+        ]
+      ),
+      children: t
+    }
+  )
+);
 export {
-  Gt as AgDialog,
-  eo as AppLayout,
-  an as AppLayoutProvider,
+  Ht as AgDialog,
+  jn as AppLayout,
   Je as Context,
-  ne as ContextError,
-  ro as DomainCodeDialog,
-  Yn as ExampleComponent,
-  Dn as HydrateAtoms,
-  Ue as NAVBAR_WIDTH_CLOSED,
-  Ve as NAVBAR_WIDTH_OPENED,
-  Jn as NavBar,
-  Qn as NavBarDarkStyledList,
-  Kn as NavBarLightStyledList,
-  Rt as NavBarProvider,
-  Zn as PageLayout,
-  bn as SaladBarProvider,
-  zt as buildNavBarState,
-  oe as domainCodeAtomWithPersistence,
-  io as fed21Theme,
-  ao as internalAgSystemsTheme,
-  E as navBarClasses,
-  Qe as useAppLayout,
-  yn as useDomainCode,
-  no as useDomainCodeValue,
-  Wt as useNavBar,
-  On as useSaladBar,
-  oo as useSetDomainCode,
-  so as withAtomProvider,
-  lo as withDefaultValue,
-  jn as withNavBarProvider,
-  to as withSaladBarProvider
+  he as ContextError,
+  Yn as DomainCodeDialog,
+  zn as ExampleComponent,
+  Sn as HydrateAtoms,
+  Ve as NAVBAR_WIDTH_CLOSED,
+  Ue as NAVBAR_WIDTH_OPENED,
+  Xn as NavBar,
+  Un as NavBarDarkStyledList,
+  Vn as NavBarLightStyledList,
+  Lt as NavBarProvider,
+  qn as PageLayout,
+  xn as SaladBarProvider,
+  Mt as buildNavBarState,
+  Ze as domainCodeAtom,
+  Jn as fed21Theme,
+  Kn as internalAgSystemsTheme,
+  L as navBarClasses,
+  Qe as navBarOpenAtom,
+  tn as navBarTopAtom,
+  Kt as navBarWidthClosedAtom,
+  Jt as navBarWidthOpenAtom,
+  Zt as titleTextAtom,
+  en as topBarHeightAtom,
+  _t as useNavBar,
+  Cn as useSaladBar,
+  Zn as withAtomProvider,
+  Gn as withNavBarProvider,
+  eo as withOverrideDefaults,
+  Qn as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map