@australiangreens/ag-internal-components 0.0.34 → 0.0.36

package/dist/esm/index.js

@@ -1,104 +1,105 @@
 var lt = Object.defineProperty, dt = Object.defineProperties;
 var ct = Object.getOwnPropertyDescriptors;
-var Y = Object.getOwnPropertySymbols;
+var J = Object.getOwnPropertySymbols;
 var Ce = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable;
-var se = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t) => {
+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 = {}))
-    Ce.call(t, n) && se(e, n, t[n]);
-  if (Y)
-    for (var n of Y(t))
-      we.call(t, n) && se(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;
 }, x = (e, t) => dt(e, ct(t));
-var Te = (e, t) => {
+var be = (e, t) => {
   var n = {};
-  for (var a in e)
-    Ce.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
-  if (e != null && Y)
-    for (var a of Y(e))
-      t.indexOf(a) < 0 && we.call(e, a) && (n[a] = e[a]);
+  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) => (se(e, typeof t != "symbol" ? t + "" : t, n), n);
-var Q = (e, t, n) => new Promise((a, i) => {
-  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) {
-      i(l);
+      u(n.next(s));
+    } catch (d) {
+      a(d);
     }
   }, c = (s) => {
     try {
-      g(n.throw(s));
-    } catch (l) {
-      i(l);
+      u(n.throw(s));
+    } catch (d) {
+      a(d);
     }
-  }, g = (s) => s.done ? a(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 W, jsx as r } from "react/jsx-runtime";
-import { useState as y, createContext as ue, useCallback as J, useContext as ge, useEffect as Z, useReducer as pt, useMemo as ut, useRef as le } 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 be, CssBaseline as ft, Snackbar as vt, Alert as xt, CircularProgress as Pe, LinearProgress as mt, Autocomplete as Ct, TextField as wt, FormHelperText as Tt } from "@mui/material";
-import Bt from "@mui/material/CssBaseline";
-import { styled as L, createTheme as _e, alpha as de } from "@mui/material/styles";
-import Me 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 He } from "souvlaki";
-import Re from "@mui/material/List";
-import Oe 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 } from "jotai";
-function Gn({ text: e }) {
-  const [t, n] = y(0);
-  return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ r($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ r($, { variant: "caption", display: "block", children: /* @__PURE__ */ r("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
-    /* @__PURE__ */ r(
-      gt,
+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(
+      pt,
       {
         variant: "outlined",
-        onClick: () => n((a) => a + 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__ */ r("span", { children: e })
+      /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ u(ee, { children: [
+    /* @__PURE__ */ p(oe, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const Ue = 330, Ve = 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`
-}, kt = L("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"
@@ -111,51 +112,51 @@ const Ue = 330, Ve = 73, D = "Navbar", E = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Et = () => o({
+}), Nt = () => i({
   width: Ue
-}, Xe()), Lt = () => o({
+}, Xe()), Et = () => i({
   width: Ve
-}, Xe()), Ft = L(Me, {
+}, Xe()), Ft = M(Re, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => o(o({
+})(({ 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": Et()
+  "& .MuiDrawer-paper": Nt()
 }), !t && {
-  "& .MuiDrawer-paper": Lt()
+  "& .MuiDrawer-paper": Et()
 }));
-class te extends bt {
+class he extends bt {
 }
-Be(te, "errorName", "ContextError");
-const qe = ue(null), Pt = {}, _t = {}, Mt = ({
-  overrideState: e = Pt,
-  overrideActions: t = _t,
+Ae(he, "errorName", "ContextError");
+const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
+  overrideState: e = yt,
+  overrideActions: t = Pt,
   children: n
 }) => {
-  const [{ open: a }, i] = y({ open: !0 }), d = J((s) => {
-    i({ open: s });
-  }, []), c = J(() => {
-    i((s) => x(o({}, s), { open: !s.open }));
-  }, []), g = o(o({
-    open: a,
-    setOpen: d,
+  const [{ open: r }, a] = O({ open: !0 }), l = te((s) => {
+    a({ open: s });
+  }, []), c = te(() => {
+    a((s) => x(i({}, s), { open: !s.open }));
+  }, []), u = i(i({
+    open: r,
+    setOpen: l,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ r(qe.Provider, { value: g, children: n });
-}, Ht = () => {
-  const e = ge(qe);
+  return /* @__PURE__ */ o(qe.Provider, { value: u, children: n });
+}, _t = () => {
+  const e = Le(qe);
   if (e === null)
-    throw new te("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new he("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Rt = (e = {}) => o({
+}, Mt = (e = {}) => i({
   open: !0
-}, e), Un = He(
-  (e = Rt(), t = {}) => ({ children: n }) => /* @__PURE__ */ r(Mt, { overrideState: e, overrideActions: t, children: n })
-), ye = 7, Vn = L(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": {
@@ -164,7 +165,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${ye}px`
+      padding: `${Te}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -175,7 +176,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${ye}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Te}px)`
     },
     // Hover state
     "&:hover": {
@@ -193,7 +194,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Ae = 7, Xn = L(Re)(({ theme: e }) => ({
+})), Oe = 7, Vn = M(We)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -202,7 +203,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Ae}px`
+      padding: `${Oe}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -213,7 +214,7 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Oe}px)`
     },
     // Hover state
     "&:hover": {
@@ -232,14 +233,14 @@ const qe = ue(null), Pt = {}, _t = {}, Mt = ({
     // },
   }
 }));
-function qn({
+function Xn({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = Ht();
-  return /* @__PURE__ */ u(kt, { className: E.root, "data-testid": e, children: [
-    /* @__PURE__ */ r(Bt, {}),
-    /* @__PURE__ */ r(
+  const { open: n } = _t();
+  return /* @__PURE__ */ p(kt, { className: L.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(wt, {}),
+    /* @__PURE__ */ o(
       Ft,
       {
         variant: "permanent",
@@ -251,81 +252,81 @@ function qn({
     )
   ] });
 }
-const Wt = ({
+const Ht = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
-  maxWidth: a,
-  primaryButton: i,
-  secondaryButton: d,
+  maxWidth: r,
+  primaryButton: a,
+  secondaryButton: l,
   onClose: c
 }) => {
-  var l, m;
-  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: a != null ? a : "xs",
+      maxWidth: r != null ? r : "xs",
       children: [
-        /* @__PURE__ */ r(It, { children: t }),
-        /* @__PURE__ */ r(At, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ u(yt, { children: [
-          /* @__PURE__ */ r(
-            Oe,
+        /* @__PURE__ */ o(Tt, { children: t }),
+        /* @__PURE__ */ o(It, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ p(St, { children: [
+          /* @__PURE__ */ o(
+            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: (m = d == null ? void 0 : d.text) != null ? m : "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"
             }
           ),
-          i && /* @__PURE__ */ r(
-            Oe,
+          a && /* @__PURE__ */ o(
+            Ie,
             {
-              onClick: () => Q(void 0, null, function* () {
-                var h;
-                s(!0), yield (h = i.onClick) == null ? void 0 : h.call(i), 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": i.testId,
-              disabled: i.disabled || g,
-              children: i.text
+              "data-testid": a.testId,
+              disabled: a.disabled || u,
+              children: a.text
             }
           )
         ] })
       ]
     }
   );
-}, zt = 24, Gt = 64, N = "TopBar", T = {
-  topStripe: `${N}-topStripe`,
-  titleBar: `${N}-titleBar`,
-  titleSlider: `${N}-titleSlider`,
-  titleText: `${N}-titleText`,
-  leftPanelButton: `${N}-leftPanelButton`,
-  rightPanelButton: `${N}-leftPanelButton`
-}, Ut = 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 a, i;
+  var r, a;
   return {
     width: "100%",
-    [`& .${T.topStripe}`]: {
+    [`& .${b.topStripe}`]: {
       width: "100%",
-      height: `${zt}px`,
+      height: `${Rt}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${T.titleBar}`]: {
+    [`& .${b.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Gt}px`,
+      height: `${Wt}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${T.titleSlider}`]: o(o({
+    [`& .${b.titleSlider}`]: i(i({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -334,14 +335,14 @@ const Wt = ({
         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) && {
@@ -349,29 +350,29 @@ const Wt = ({
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(a = t == null ? void 0 : t.width) != null ? a : 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,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginRight: `${(i = n == null ? void 0 : n.width) != null ? i : 0}px`
+      marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
     })
   };
 });
-function Vt({
+function Gt({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
-  "data-testid": a
+  "data-testid": r
 }) {
-  return /* @__PURE__ */ u(Ut, { leftPanel: t, rightPanel: n, "data-testid": a, children: [
-    /* @__PURE__ */ r("div", { className: T.topStripe }),
-    /* @__PURE__ */ r("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,
@@ -379,15 +380,15 @@ function Vt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ r(We, {})
+            /* @__PURE__ */ o(ze, {})
           ]
         }
       ),
-      /* @__PURE__ */ r($, { 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,
@@ -395,14 +396,14 @@ function Vt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ r(ze, {})
+            /* @__PURE__ */ o(Ge, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const Ye = 400, Xt = G(ht, {
+const je = 400, Ut = X(ut, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -416,9 +417,9 @@ const Ye = 400, Xt = G(ht, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: a, navBarWidthOpen: i, navBarWidthClosed: d }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
     width: e,
-    "& .MuiDrawer-paper": o(o({
+    "& .MuiDrawer-paper": i(i({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -426,15 +427,15 @@ const Ye = 400, Xt = 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" && o({
-      marginLeft: `${d}px`
-    }, a && {
-      marginLeft: `${i}px`
+    }), n === "left" && i({
+      marginLeft: `${l}px`
+    }, r && {
+      marginLeft: `${a}px`
     }))
   })
-), qt = G(B, {
+), Vt = X(A, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => x(o({
+})(({ theme: e, anchor: t }) => x(i({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -452,65 +453,65 @@ const Ye = 400, Xt = G(ht, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Ie({
+function De({
   children: e,
   anchor: t = "left",
   open: n,
-  onClose: a = () => {
+  onClose: r = () => {
   },
-  titleText: i = "",
-  width: d = Ye,
+  titleText: a = "",
+  width: l = je,
   showCloseArrow: c = !0,
-  debugOpacity: g = !1,
+  debugOpacity: u = !1,
   headerBoxProps: s = {},
-  onOpened: l,
-  onClosed: m,
-  "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(
-    Xt,
+  return /* @__PURE__ */ p(
+    Ut,
     {
       SlideProps: {
-        onEntered: () => l == null ? void 0 : l(),
-        onExited: () => m == null ? void 0 : m()
+        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__ */ r(qt, x(o({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ u(W, { children: [
-          /* @__PURE__ */ r($, { variant: "h6", color: "inherit", component: "div", children: i }),
-          c && /* @__PURE__ */ u(z, { onClick: a, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ r(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(W, { children: [
-          c && /* @__PURE__ */ u(z, { onClick: a, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ r(We, {}),
+        ] }) : /* @__PURE__ */ p(_, { children: [
+          c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(ze, {}),
             " "
           ] }),
-          /* @__PURE__ */ r($, { variant: "h6", color: "inherit", component: "div", children: i })
+          /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const Yt = G("div", {
+const Xt = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var a, i;
-  return o(o({
+  var r, a;
+  return i(i({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -520,239 +521,167 @@ const Yt = G("div", {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(a = t == null ? void 0 : t.width) != null ? a : 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,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginRight: `${(i = n == null ? void 0 : n.width) != null ? i : 0}px`
+    marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), Qt = 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)
-})), ce = !1, pe = !1, j = {
+})), ue = !1, ge = !1, Z = {
   titleText: "",
   flavour: "push",
-  width: Ye,
+  width: je,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ r(W, {}),
+  content: /* @__PURE__ */ o(_, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Yn({
+function qn({
   children: e,
   titleText: t = "",
   leftPanel: n,
-  rightPanel: a,
-  sidePanelsAreMutuallyExclusive: i = !0,
-  debugOpacity: d = !1,
+  rightPanel: r,
+  sidePanelsAreMutuallyExclusive: a = !0,
+  debugOpacity: l = !1,
   pageContainerProps: c,
-  pageContentDataTestId: g,
+  pageContentDataTestId: u,
   topBarDataTestId: s,
-  navBarOpen: l,
-  navBarWidthOpen: m,
-  navBarWidthClosed: h
+  navBarOpen: d,
+  navBarWidthOpen: v,
+  navBarWidthClosed: f
 }) {
-  const [p, C] = y(ce), [b, w] = y(pe), [A, I] = y(ce), [ne, F] = y(pe), P = n !== void 0, _ = a !== void 0, {
-    titleText: O,
-    content: U,
-    flavour: V,
-    open: M,
-    onChangeOpen: H,
-    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 ? o(o({}, j), n) : o({}, j), {
+  } = n ? i(i({}, Z), n) : i({}, Z), {
     titleText: ot,
     content: rt,
     flavour: fe,
-    open: oe,
-    onChangeOpen: ve,
-    width: re,
-    arrowButtons: X,
-    startOpen: q,
-    onOpened: at,
-    onClosed: it,
+    open: ie,
+    onChangeOpen: me,
+    width: ae,
+    arrowButtons: Q,
+    startOpen: Y,
+    onOpened: it,
+    onClosed: at,
     dataTestId: st
-  } = a ? o(o({}, j), a) : o({}, j);
-  Z(() => {
-    k !== ce && (C(k), I(k));
-  }, [k]), Z(() => {
-    q !== pe && (w(q), F(q));
-  }, [q]);
-  const ae = M === void 0 ? p : M, ie = oe === void 0 ? b : oe, xe = (S) => {
-    M === void 0 && (C(S), i && _ && (S ? (w(!1), F(b)) : w(ne))), H && H(S);
-  }, me = (S) => {
-    oe === void 0 && (w(S), i && P && (S ? (C(!1), I(p)) : C(A))), ve && ve(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: [
-    P && /* @__PURE__ */ r(
-      Ie,
+  return /* @__PURE__ */ p(A, { children: [
+    R && /* @__PURE__ */ o(
+      De,
       {
         "data-testid": nt,
         anchor: "left",
-        open: ae,
-        onClose: () => xe(!1),
-        width: f,
-        titleText: O,
-        debugOpacity: d,
-        showCloseArrow: v === "both" || v === "close",
+        open: se,
+        onClose: () => ve(!1),
+        width: g,
+        titleText: T,
+        debugOpacity: l,
+        showCloseArrow: h === "both" || h === "close",
         onOpened: et,
         onClosed: tt,
-        navBarOpen: l,
-        navBarWidthOpen: m,
-        navBarWidthClosed: h,
-        children: U
+        navBarOpen: d,
+        navBarWidthOpen: v,
+        navBarWidthClosed: f,
+        children: q
       }
     ),
-    _ && /* @__PURE__ */ r(
-      Ie,
+    W && /* @__PURE__ */ o(
+      De,
       {
         "data-testid": st,
         anchor: "right",
-        open: ie,
-        onClose: () => me(!1),
-        width: re,
+        open: le,
+        onClose: () => xe(!1),
+        width: ae,
         titleText: ot,
-        debugOpacity: d,
-        showCloseArrow: X === "both" || X === "close",
-        onOpened: at,
-        onClosed: it,
-        navBarOpen: l,
-        navBarWidthOpen: m,
-        navBarWidthClosed: h,
+        debugOpacity: l,
+        showCloseArrow: Q === "both" || Q === "close",
+        onOpened: it,
+        onClosed: at,
+        navBarOpen: d,
+        navBarWidthOpen: v,
+        navBarWidthClosed: f,
         children: rt
       }
     ),
-    /* @__PURE__ */ r(
-      Vt,
-      o(o({
+    /* @__PURE__ */ o(
+      Gt,
+      i(i({
         titleText: t,
         "data-testid": s
-      }, P && V === "push" ? {
+      }, R && j === "push" ? {
         leftPanel: {
-          open: ae,
-          width: f,
-          onOpen: () => xe(!0),
-          showOpenArrow: v === "both" || v === "open"
+          open: se,
+          width: g,
+          onOpen: () => ve(!0),
+          showOpenArrow: h === "both" || h === "open"
         }
-      } : {}), _ && fe === "push" ? {
+      } : {}), W && fe === "push" ? {
         rightPanel: {
-          open: ie,
-          width: re,
-          onOpen: () => me(!0),
-          showOpenArrow: X === "both" || X === "open"
+          open: le,
+          width: ae,
+          onOpen: () => xe(!0),
+          showOpenArrow: Q === "both" || Q === "open"
         }
       } : {})
     ),
-    /* @__PURE__ */ r(
-      Yt,
-      x(o(o({}, V === "push" ? {
+    /* @__PURE__ */ o(
+      Xt,
+      x(i(i({}, j === "push" ? {
         leftPanel: {
-          open: ae,
-          width: f
+          open: se,
+          width: g
         }
       } : {}), fe === "push" ? {
         rightPanel: {
-          open: ie,
-          width: re
+          open: le,
+          width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ r(Qt, x(o({ "data-testid": g }, c), { children: e }))
+        children: /* @__PURE__ */ o(qt, x(i({ "data-testid": u }, c), { children: e }))
       })
     )
   ] });
 }
-const jt = 64, Kt = 64, Jt = 256, Zt = {
-  navBarOpen: !0,
-  titleText: "",
-  navBarWidthOpen: Jt,
-  navBarWidthClosed: Kt,
-  topBarHeight: jt,
-  navBarTop: void 0
+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 en(e, t) {
-  switch (t.type) {
-    case "toggleNavBarOpen":
-      return x(o({}, e), {
-        navBarOpen: !e.navBarOpen
-      });
-    case "setNavBarOpen":
-      return x(o({}, e), {
-        navBarOpen: t.payload
-      });
-    case "setTitleText":
-      return x(o({}, e), {
-        titleText: t.payload
-      });
-    case "setNavBarWidthOpen":
-      return x(o({}, e), {
-        navBarWidthOpen: t.payload
-      });
-    case "setTopBarHeight":
-      return x(o({}, e), {
-        topBarHeight: t.payload
-      });
-    case "setNavBarTop":
-      return x(o({}, e), {
-        navBarTop: t.payload
-      });
-    default:
-      throw new Error("Invalid action.type");
-  }
-}
-const Qe = ue(null), tn = {}, nn = {}, on = ({
-  overrideState: e = tn,
-  overrideActions: t = nn,
-  children: n
-}) => {
-  const [
-    { titleText: a, topBarHeight: i, navBarOpen: d, navBarWidthOpen: c, navBarWidthClosed: g, navBarTop: s },
-    l
-  ] = pt(en, Zt), m = 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 = o(o(o({
-    navBarOpen: d,
-    navBarWidthOpen: c,
-    navBarWidthClosed: g,
-    titleText: a,
-    topBarHeight: i,
-    navBarTop: s
-  }, m), e), t);
-  return /* @__PURE__ */ r(Qe.Provider, { value: h, children: n });
-}, je = () => {
-  const e = ge(Qe);
-  if (e === null)
-    throw new te("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");
-  return e;
-}, rn = "TopBar", an = {
-  titleText: `${rn}-titleText`
-};
-function sn({ titleText: e = "", height: t, "data-testid": n }) {
-  const { toggleNavBarOpen: a } = je();
-  return /* @__PURE__ */ r("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,
@@ -768,31 +697,31 @@ function sn({ titleText: e = "", height: t, "data-testid": n }) {
         height: t
       },
       children: [
-        /* @__PURE__ */ r(z, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: a, children: /* @__PURE__ */ r(St, { fontSize: "medium" }) }),
-        /* @__PURE__ */ r($, { className: an.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", R = {
-  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`,
-}, ln = L("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${R.root}`]: {
+}, an = M("div", { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${U.root}`]: {
     display: "flex"
   },
-  [`& .${R.menuButton}`]: {
+  [`& .${U.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${R.hide}`]: {
+  [`& .${U.hide}`]: {
     display: "none"
   },
-  [`& .${R.content}`]: {
+  [`& .${U.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -801,80 +730,80 @@ const K = "Navbar", R = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), Ke = (e, t) => {
-  var n, a;
+})), Ye = (e, t) => {
+  var n, r;
   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"
+    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
   };
-}, Se = (e, t, n) => o({
+}, 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)), De = (e, t, n) => o({
+}, 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)), dn = L(Me, {
+}, Ye(e, n)), sn = M(Re, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: a, offsetTop: i }) => o(o({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && x(o({}, Se(e, n, i)), {
-  "& .MuiDrawer-paper": Se(e, n, i)
-})), !t && x(o({}, De(e, a, i)), {
-  "& .MuiDrawer-paper": De(e, a, i)
+}, 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 cn({ links: e }) {
-  return /* @__PURE__ */ r("div", { children: "LinksMenu not implemented yet" });
+function ln({ links: e }) {
+  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function pn({
+function dn({
   open: e,
   offsetTop: t = 0,
   widthOpen: n,
-  widthClosed: a,
-  "data-testid": i,
-  top: d,
+  widthClosed: r,
+  "data-testid": a,
+  top: l,
   middle: c,
-  bottom: g
+  bottom: u
 }) {
-  return /* @__PURE__ */ r(ln, { className: R.root, "data-testid": i, children: /* @__PURE__ */ r(
-    dn,
+  return /* @__PURE__ */ o(an, { className: U.root, "data-testid": a, children: /* @__PURE__ */ o(
+    sn,
     {
       variant: "permanent",
       anchor: "left",
       open: e,
       widthOpen: n,
-      widthClosed: a,
+      widthClosed: r,
       offsetTop: t,
-      children: /* @__PURE__ */ u(B, { component: "nav", sx: {}, children: [
-        d && /* @__PURE__ */ u(B, { sx: { flexGrow: 1 }, children: [
-          d,
-          /* @__PURE__ */ r(be, { 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__ */ r(cn, { links: c }) : c,
-        g && /* @__PURE__ */ u(B, { sx: {}, children: [
-          /* @__PURE__ */ r(be, { 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 un({ children: e, topBarHeight: t }) {
-  return /* @__PURE__ */ r(
-    B,
+function cn({ children: e, topBarHeight: t }) {
+  return /* @__PURE__ */ o(
+    A,
     {
       sx: {
         overflow: "auto",
@@ -883,8 +812,8 @@ function un({ children: e, topBarHeight: t }) {
         // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
-      children: /* @__PURE__ */ r(
-        Fe,
+      children: /* @__PURE__ */ o(
+        _e,
         {
           component: "main",
           id: "main-content",
@@ -895,178 +824,163 @@ function un({ children: e, topBarHeight: t }) {
     }
   );
 }
-function gn({
+function jn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
-  pageContainerProps: a,
-  pageContentDataTestId: i,
-  topBarDataTestId: d,
+  pageContainerProps: r,
+  pageContentDataTestId: a,
+  topBarDataTestId: l,
   navBarDataTestId: c,
-  navBarMiddle: g
+  navBarMiddle: u
 }) {
-  const {
-    navBarOpen: s,
-    setNavBarOpen: l,
-    titleText: m,
-    setTitleText: h,
-    topBarHeight: p,
-    navBarWidthOpen: C,
-    navBarWidthClosed: b,
-    navBarTop: w
-  } = je();
-  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__ */ r(ft, {}),
-    /* @__PURE__ */ r(sn, { titleText: m, "data-testid": d, height: p }),
-    /* @__PURE__ */ u(B, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ r(
-        pn,
+  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(
+        dn,
         {
           open: s,
-          top: w,
-          middle: g,
-          bottom: s ? /* @__PURE__ */ r(B, { sx: { padding: 2 }, children: /* @__PURE__ */ r(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__ */ r(B, { sx: { paddingTop: 2 }, children: /* @__PURE__ */ r(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__ */ r(
-        un,
-        x(o({
-          "data-testid": i,
-          topBarHeight: p
-        }, a), {
+      /* @__PURE__ */ o(
+        cn,
+        x(i({
+          "data-testid": a,
+          topBarHeight: w
+        }, r), {
           children: e
         })
       )
     ] })
   ] });
 }
-function Qn(e) {
-  return /* @__PURE__ */ r(on, { children: /* @__PURE__ */ r(gn, o({}, e)) });
-}
-const hn = {
+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
-}, fn = {
+}, un = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ne = {
+}, ke = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, $e = 100, ke = 2e3, vn = 2e3, xn = (() => {
+}, Ne = 100, Ee = 2e3, gn = 2e3, hn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), mn = {
+})(), fn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Cn = {}, wn = {}, Je = ue(null);
-function Tn(d) {
-  var c = d, {
-    overrideState: e = Cn,
-    overrideActions: t = wn,
-    shouldClose: n = fn.shouldClose,
-    children: a
-  } = c, i = Te(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 H;
-  const [{ open: g }, s] = y({ open: !1 }), l = le([]), m = le(Date.now()), h = le(0), p = J((f) => {
-    s({ open: f });
-  }, []), C = J((f = {}) => {
-    h.current += 1, l.current.length >= $e && Date.now() - m.current >= ke && (m.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${$e}) hit ${h.current} times in last ${ke}ms)`
-    ), h.current = 0);
-    const v = o(x(o({}, Ne), {
-      key: xn()
-    }), f);
-    return l.current.push(v), l.current.length === 1 && s({ open: !0 }), v.key;
-  }, []), b = (f = "", v = {}) => C(o({ message: f, severity: "success" }, v)), w = (f = "", v = {}) => C(o({ message: f, severity: "info" }, v)), A = (f = "", v = {}) => C(o({ message: f, severity: "warning" }, v)), I = (f = "", v = {}) => C(o({ message: f, severity: "error" }, v)), ne = (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 });
-  }, P = () => {
-  }, _ = () => {
-    l.current.shift(), l.current.length > 0 && s({ open: !0 });
-  }, O = (H = l.current[0]) != null ? H : o({}, Ne), U = {};
-  "autoHideDuration" in O && (U.autoHideDuration = O.autoHideDuration);
-  const V = o(o({}, hn), i), M = o(o({
-    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: ne
+    removeNotification: $
   }, e), t);
-  return /* @__PURE__ */ u(Je.Provider, { value: M, children: [
-    a,
-    /* @__PURE__ */ r(
-      vt,
-      x(o(o({}, V), U), {
-        open: g,
-        onClose: F,
+  return /* @__PURE__ */ p(Je.Provider, { value: z, children: [
+    r,
+    /* @__PURE__ */ o(
+      ht,
+      x(i(i({}, j), q), {
+        open: u,
+        onClose: H,
         TransitionProps: {
-          onExited: _,
-          onExit: P
+          onExited: W,
+          onExit: R
         },
-        sx: { zIndex: vn },
-        children: /* @__PURE__ */ u("div", { children: [
-          /* @__PURE__ */ r(
-            xt,
+        sx: { zIndex: gn },
+        children: /* @__PURE__ */ p("div", { children: [
+          /* @__PURE__ */ o(
+            ft,
             {
-              onClose: (f) => F(f, "closeAlert"),
-              severity: O.severity,
+              onClose: (g) => H(g, "closeAlert"),
+              severity: T.severity,
               variant: "filled",
-              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ r(Pe, { size: "1em" }) : void 0,
-              style: O.progressIndicator === "linear" ? mn : 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__ */ r(mt, { color: "primary" })
+          T.progressIndicator === "linear" && /* @__PURE__ */ o(mt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Bn() {
-  const e = ge(Je);
+function Cn() {
+  const e = Le(Je);
   if (e === null)
-    throw new te("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new he("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const jn = He(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: a }) => /* @__PURE__ */ r(Tn, x(o({}, e), { overrideState: t, overrideActions: n, children: a }))
-), Ze = "domainCode";
-var Le;
-const Ee = Ge(
-  (Le = localStorage.getItem(Ze)) != null ? Le : ""
-), he = Ge(
-  (e) => e(Ee),
+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(Ee, n), localStorage.setItem(Ze, n);
+    t(Fe, n), localStorage.setItem(Ke, JSON.stringify({ domainCode: n }));
   }
-), bn = () => {
-  const [e, t] = Dt(he);
-  return [e, t, () => t("")];
-}, Kn = () => Nt(he), Jn = () => $t(he), On = {
+), wn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1078,74 +992,74 @@ const Ee = Ge(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, yn = (e) => {
+}, bn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = On[e]) != null ? t : "";
-}, Zn = ({
+  return e === null ? "N/A" : (t = wn[e]) != null ? t : "";
+}, Yn = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
-  domainOptions: a,
-  applicationName: i,
-  handleLogout: d
+  domainOptions: r,
+  applicationName: a,
+  handleLogout: l
 }) => {
-  const [c, g] = bn(), [s, l] = y(c), { enqueueSuccessNotification: m } = Bn(), h = a.length === 0, p = !!c && !a.includes(c) && !!s && !a.includes(s), C = () => Q(void 0, null, function* () {
-    s ? (g(s), m(`Set domain to ${s}`), n()) : g("");
-  }), b = () => Q(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(
-    Wt,
+  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 ",
-          i,
+          a,
           "."
         ] }),
-        /* @__PURE__ */ r(
-          Ct,
+        /* @__PURE__ */ o(
+          vt,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: s,
-            onChange: (A, I) => l(I != null ? I : ""),
-            getOptionLabel: yn,
-            options: a,
-            renderInput: (A) => /* @__PURE__ */ r(
-              wt,
-              x(o({}, 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: x(o({}, A.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(W, { children: [
-                    e ? /* @__PURE__ */ r(Pe, { 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__ */ r(Tt, { error: !0, children: w })
+        D && /* @__PURE__ */ o(Ct, { error: !0, children: D })
       ]
     }
   );
-}, eo = _e({
+}, Jn = He({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1196,7 +1110,7 @@ const Ee = Ge(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), to = _e({
+}), Kn = He({
   palette: {
     primary: {
       main: "#007236",
@@ -1250,18 +1164,18 @@ const Ee = Ge(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: de(
+            backgroundColor: pe(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: de(
+              backgroundColor: pe(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: de(
+              backgroundColor: pe(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1287,34 +1201,57 @@ const Ee = Ge(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-});
+}), An = {
+  domainCode: Ze
+}, Zn = re(() => ({ children: e }) => /* @__PURE__ */ o(Bt, { children: e })), Sn = ({
+  initialValues: e,
+  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 {
-  Wt as AgDialog,
-  Qn as AppLayout,
-  on as AppLayoutProvider,
+  Ht as AgDialog,
+  jn as AppLayout,
   Je as Context,
-  te as ContextError,
-  Zn as DomainCodeDialog,
-  Gn as ExampleComponent,
+  he as ContextError,
+  Yn as DomainCodeDialog,
+  zn as ExampleComponent,
+  Sn as HydrateAtoms,
   Ve as NAVBAR_WIDTH_CLOSED,
   Ue as NAVBAR_WIDTH_OPENED,
-  qn as NavBar,
-  Vn as NavBarDarkStyledList,
-  Xn as NavBarLightStyledList,
-  Mt as NavBarProvider,
-  Yn as PageLayout,
-  Tn as SaladBarProvider,
-  Rt as buildNavBarState,
-  eo as fed21Theme,
-  to as internalAgSystemsTheme,
-  E as navBarClasses,
-  je as useAppLayout,
-  bn as useDomainCode,
-  Kn as useDomainCodeValue,
-  Ht as useNavBar,
-  Bn as useSaladBar,
-  Jn as useSetDomainCode,
-  Un as withNavBarProvider,
-  jn as withSaladBarProvider
+  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