@australiangreens/ag-internal-components 0.0.51 → 0.0.53

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-var he = Object.defineProperty, ge = Object.defineProperties;
-var fe = Object.getOwnPropertyDescriptors;
+var Ce = Object.defineProperty, we = Object.defineProperties;
+var be = Object.getOwnPropertyDescriptors;
 var J = Object.getOwnPropertySymbols;
-var Ct = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
-var ct = (t, e, n) => e in t ? he(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, i = (t, e) => {
+var bt = Object.prototype.hasOwnProperty, At = Object.prototype.propertyIsEnumerable;
+var ct = (t, e, n) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, r = (t, e) => {
   for (var n in e || (e = {}))
-    Ct.call(e, n) && ct(t, n, e[n]);
+    bt.call(e, n) && ct(t, n, e[n]);
   if (J)
     for (var n of J(e))
-      wt.call(e, n) && ct(t, n, e[n]);
+      At.call(e, n) && ct(t, n, e[n]);
   return t;
-}, C = (t, e) => ge(t, fe(e));
-var At = (t, e) => {
+}, C = (t, e) => we(t, be(e));
+var St = (t, e) => {
   var n = {};
-  for (var r in t)
-    Ct.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  for (var i in t)
+    bt.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
   if (t != null && J)
-    for (var r of J(t))
-      e.indexOf(r) < 0 && wt.call(t, r) && (n[r] = t[r]);
+    for (var i of J(t))
+      e.indexOf(i) < 0 && At.call(t, i) && (n[i] = t[i]);
   return n;
 };
-var bt = (t, e, n) => (ct(t, typeof e != "symbol" ? e + "" : e, n), n);
-var K = (t, e, n) => new Promise((r, a) => {
+var Tt = (t, e, n) => (ct(t, typeof e != "symbol" ? e + "" : e, n), n);
+var K = (t, e, n) => new Promise((i, a) => {
   var l = (s) => {
     try {
       u(n.next(s));
@@ -33,42 +33,36 @@ var K = (t, e, n) => new Promise((r, a) => {
     } catch (d) {
       a(d);
     }
-  }, u = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(l, p);
+  }, u = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(l, p);
   u((n = n.apply(t, e)).next());
 });
 import { jsxs as c, Fragment as k, jsx as o } from "react/jsx-runtime";
-import { useState as D, createContext as _t, useCallback as ot, useContext as Ht, useEffect as rt, useRef as pt } from "react";
-import { Typography as I, Button as me, Paper as Rt, styled as X, Box as A, IconButton as V, Drawer as ve, Container as Wt, Avatar as Z, Skeleton as St, Divider as Tt, CssBaseline as xe, Snackbar as Ce, Alert as we, CircularProgress as zt, LinearProgress as Ae, Autocomplete as be, TextField as Se, FormHelperText as Te } from "@mui/material";
-import Be from "@mui/material/CssBaseline";
-import { styled as _, createTheme as Ut, alpha as ut } from "@mui/material/styles";
-import Gt from "@mui/material/Drawer";
-import { ContextError as Vt } from "errors";
-import { createHelper as it } from "souvlaki";
-import Xt from "@mui/material/List";
-import Bt from "@mui/material/Button";
-import Oe from "@mui/material/Dialog";
-import $e from "@mui/material/DialogActions";
-import De from "@mui/material/DialogContent";
-import Ie from "@mui/material/DialogTitle";
-import { ArrowForward as qt, ArrowBack as jt, ViewHeadline as ke } from "@mui/icons-material";
-import { atom as E, useSetAtom as Ee, useAtom as P, getDefaultStore as Ne, Provider as Qt } from "jotai";
-import { simpleHashCode as Ot } from "utils";
-import { AgError as Fe } from "@australiangreens/ag-error";
-import { useSaladBar as Pe } from "providers";
-import { AgDialog as Le } from "components";
-import { useHydrateAtoms as ye } from "jotai/utils";
-import { domainCodeAtom as Me } from "domainCode";
-import { navBarOpenAtom as _e, navBarWidthOpenAtom as He, navBarWidthClosedAtom as Re, titleTextAtom as We, topBarHeightAtom as ze, navBarTopAtom as Ue } from "layouts";
-function po({ text: t }) {
-  const [e, n] = D(0);
+import { useState as B, createContext as Rt, useCallback as ot, useContext as Wt, useEffect as it, useRef as pt } from "react";
+import { Typography as $, Button as Ae, Paper as zt, styled as X, Box as b, IconButton as V, Drawer as Se, Container as Ut, Avatar as Z, Skeleton as It, Divider as Ot, CssBaseline as Te, Snackbar as Ie, Alert as Oe, CircularProgress as Gt, LinearProgress as De, Autocomplete as Be, TextField as $e, FormHelperText as ke } from "@mui/material";
+import Ne from "@mui/material/CssBaseline";
+import { styled as _, createTheme as Vt, alpha as ut } from "@mui/material/styles";
+import Xt from "@mui/material/Drawer";
+import { AgError as Ee } from "@australiangreens/ag-error";
+import { createHelper as rt } from "souvlaki";
+import qt from "@mui/material/List";
+import Dt from "@mui/material/Button";
+import Fe from "@mui/material/Dialog";
+import Pe from "@mui/material/DialogActions";
+import Le from "@mui/material/DialogContent";
+import ye from "@mui/material/DialogTitle";
+import { ArrowForward as jt, ArrowBack as Qt, ViewHeadline as Me } from "@mui/icons-material";
+import { atom as N, useSetAtom as _e, useAtom as P, getDefaultStore as He, Provider as Yt } from "jotai";
+import { useHydrateAtoms as Re } from "jotai/utils";
+function Yn({ text: t }) {
+  const [e, n] = B(0);
   return /* @__PURE__ */ c(k, { children: [
-    /* @__PURE__ */ o(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(I, { 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($, { 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" }) }),
     /* @__PURE__ */ o(
-      me,
+      Ae,
       {
         variant: "outlined",
-        onClick: () => n((r) => r + 1),
+        onClick: () => n((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
@@ -77,13 +71,13 @@ function po({ text: t }) {
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: t })
     ] }),
-    /* @__PURE__ */ c(Rt, { children: [
+    /* @__PURE__ */ c(zt, { children: [
       "This number will incremember when button pressed: ",
       e
     ] })
   ] });
 }
-const Yt = 330, Jt = 73, F = "Navbar", M = {
+const Jt = 330, Kt = 73, F = "Navbar", M = {
   root: `${F}-root`,
   menuButton: `${F}-menuButton`,
   hide: `${F}-hide`,
@@ -91,7 +85,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
   userInfoHolder: `${F}-userInfoHolder`,
   settings: `${F}-settings`,
   pieChartIcon: `${F}-pieChartIcon`
-}, Ge = _("div", { name: "NavBar" })(({ theme: t }) => ({
+}, We = _("div", { name: "NavBar" })(({ theme: t }) => ({
   [`&.${M.root}`]: {
     display: "flex"
   },
@@ -110,7 +104,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), Kt = () => ({
+})), Zt = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -118,47 +112,51 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Ve = () => i({
-  width: Yt
-}, Kt()), Xe = () => i({
+}), ze = () => r({
   width: Jt
-}, Kt()), qe = _(Gt, {
+}, Zt()), Ue = () => r({
+  width: Kt
+}, Zt()), Ge = _(Xt, {
   shouldForwardProp: (t) => t !== "open"
-})(({ theme: t, open: e }) => i(i({
-  width: e ? Yt : Jt,
+})(({ theme: t, open: e }) => r(r({
+  width: e ? Jt : Kt,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: t.zIndex.drawer + 100
 }, e && {
-  "& .MuiDrawer-paper": Ve()
+  "& .MuiDrawer-paper": ze()
 }), !e && {
-  "& .MuiDrawer-paper": Xe()
-})), Zt = _t(null), je = {}, Qe = {}, Ye = ({
-  overrideState: t = je,
-  overrideActions: e = Qe,
+  "& .MuiDrawer-paper": Ue()
+}));
+class ft extends Ee {
+}
+Tt(ft, "errorName", "ContextError");
+const te = Rt(null), Ve = {}, Xe = {}, qe = ({
+  overrideState: t = Ve,
+  overrideActions: e = Xe,
   children: n
 }) => {
-  const [{ open: r }, a] = D({ open: !0 }), l = ot((s) => {
+  const [{ open: i }, a] = B({ open: !0 }), l = ot((s) => {
     a({ open: s });
   }, []), p = ot(() => {
-    a((s) => C(i({}, s), { open: !s.open }));
-  }, []), u = i(i({
-    open: r,
+    a((s) => C(r({}, s), { open: !s.open }));
+  }, []), u = r(r({
+    open: i,
     setOpen: l,
     toggleOpen: p
   }, t), e);
-  return /* @__PURE__ */ o(Zt.Provider, { value: u, children: n });
-}, Je = () => {
-  const t = Ht(Zt);
+  return /* @__PURE__ */ o(te.Provider, { value: u, children: n });
+}, je = () => {
+  const t = Wt(te);
   if (t === null)
-    throw new Vt("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ft("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return t;
-}, Ke = (t = {}) => i({
+}, Qe = (t = {}) => r({
   open: !0
-}, t), uo = it(
-  (t = Ke(), e = {}) => ({ children: n }) => /* @__PURE__ */ o(Ye, { overrideState: t, overrideActions: e, children: n })
-), $t = 7, ho = _(Xt)(({ theme: t }) => ({
+}, t), Jn = rt(
+  (t = Qe(), e = {}) => ({ children: n }) => /* @__PURE__ */ o(qe, { overrideState: t, overrideActions: e, children: n })
+), Bt = 7, Kn = _(qt)(({ theme: t }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -167,7 +165,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${$t}px`
+      padding: `${Bt}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -178,7 +176,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: t.palette.primary.main,
-      paddingLeft: `calc(${t.spacing(2)} - ${$t}px)`
+      paddingLeft: `calc(${t.spacing(2)} - ${Bt}px)`
     },
     // Hover state
     "&:hover": {
@@ -196,7 +194,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Dt = 7, go = _(Xt)(({ theme: t }) => ({
+})), $t = 7, Zn = _(qt)(({ theme: t }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -205,7 +203,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Dt}px`
+      padding: `${$t}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -216,7 +214,7 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: t.palette.primary.main,
-      paddingLeft: `calc(${t.spacing(2)} - ${Dt}px)`
+      paddingLeft: `calc(${t.spacing(2)} - ${$t}px)`
     },
     // Hover state
     "&:hover": {
@@ -235,15 +233,15 @@ const Yt = 330, Jt = 73, F = "Navbar", M = {
     // },
   }
 }));
-function fo({
+function to({
   "data-testid": t,
   children: e
 }) {
-  const { open: n } = Je();
-  return /* @__PURE__ */ c(Ge, { className: M.root, "data-testid": t, children: [
-    /* @__PURE__ */ o(Be, {}),
+  const { open: n } = je();
+  return /* @__PURE__ */ c(We, { className: M.root, "data-testid": t, children: [
+    /* @__PURE__ */ o(Ne, {}),
     /* @__PURE__ */ o(
-      qe,
+      Ge,
       {
         variant: "permanent",
         anchor: "left",
@@ -254,32 +252,32 @@ function fo({
     )
   ] });
 }
-const mo = ({
+const Ye = ({
   isOpen: t,
   dialogTitle: e,
   children: n,
-  maxWidth: r,
+  maxWidth: i,
   primaryButton: a,
   secondaryButton: l,
   onClose: p
 }) => {
   var d, v;
-  const [u, s] = D(!1);
+  const [u, s] = B(!1);
   return /* @__PURE__ */ c(
-    Oe,
+    Fe,
     {
       open: t,
       onClose: () => {
         u || p();
       },
       fullWidth: !0,
-      maxWidth: r != null ? r : "xs",
+      maxWidth: i != null ? i : "xs",
       children: [
-        /* @__PURE__ */ o(Ie, { children: e }),
-        /* @__PURE__ */ o(De, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ c($e, { children: [
+        /* @__PURE__ */ o(ye, { children: e }),
+        /* @__PURE__ */ o(Le, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ c(Pe, { children: [
           /* @__PURE__ */ o(
-            Bt,
+            Dt,
             {
               onClick: (d = l == null ? void 0 : l.onClick) != null ? d : p,
               "data-testid": l == null ? void 0 : l.testId,
@@ -289,7 +287,7 @@ const mo = ({
             }
           ),
           a && /* @__PURE__ */ o(
-            Bt,
+            Dt,
             {
               onClick: () => K(void 0, null, function* () {
                 var f;
@@ -305,32 +303,32 @@ const mo = ({
       ]
     }
   );
-}, Ze = 24, tn = 64, L = "TopBar", b = {
+}, Je = 24, Ke = 64, L = "TopBar", A = {
   topStripe: `${L}-topStripe`,
   titleBar: `${L}-titleBar`,
   titleSlider: `${L}-titleSlider`,
   titleText: `${L}-titleText`,
   leftPanelButton: `${L}-leftPanelButton`,
   rightPanelButton: `${L}-leftPanelButton`
-}, en = X("div", {
+}, Ze = X("div", {
   shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
   name: L
 })(({ theme: t, leftPanel: e, rightPanel: n }) => {
-  var r, a;
+  var i, a;
   return {
     width: "100%",
-    [`& .${b.topStripe}`]: {
+    [`& .${A.topStripe}`]: {
       width: "100%",
-      height: `${Ze}px`,
+      height: `${Je}px`,
       backgroundColor: t.palette.primary.main
     },
-    [`& .${b.titleBar}`]: {
+    [`& .${A.titleBar}`]: {
       backgroundColor: t.palette.primary.light,
-      height: `${tn}px`,
+      height: `${Ke}px`,
       padding: t.spacing(0, 3),
       width: "100%"
     },
-    [`& .${b.titleSlider}`]: i(i({
+    [`& .${A.titleSlider}`]: r(r({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -339,14 +337,14 @@ const mo = ({
         easing: t.transitions.easing.sharp,
         duration: t.transitions.duration.leavingScreen
       }),
-      [`& .${b.leftPanelButton}`]: {
+      [`& .${A.leftPanelButton}`]: {
         marginRight: t.spacing(2),
         flexGrow: 0
       },
-      [`& .${b.titleText}`]: {
+      [`& .${A.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${b.rightPanelButton}`]: {
+      [`& .${A.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (e == null ? void 0 : e.open) && {
@@ -354,7 +352,7 @@ const mo = ({
         easing: t.transitions.easing.easeOut,
         duration: t.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(r = e == null ? void 0 : e.width) != null ? r : 0}px`
+      marginLeft: `${(i = e == null ? void 0 : e.width) != null ? i : 0}px`
     }), (n == null ? void 0 : n.open) && {
       transition: t.transitions.create("margin", {
         easing: t.transitions.easing.easeOut,
@@ -364,19 +362,19 @@ const mo = ({
     })
   };
 });
-function nn({
+function tn({
   titleText: t = "",
   leftPanel: e,
   rightPanel: n,
-  "data-testid": r
+  "data-testid": i
 }) {
-  return /* @__PURE__ */ c(en, { leftPanel: e, rightPanel: n, "data-testid": r, children: [
-    /* @__PURE__ */ o("div", { className: b.topStripe }),
-    /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ c(A, { className: b.titleSlider, children: [
+  return /* @__PURE__ */ c(Ze, { leftPanel: e, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: A.topStripe }),
+    /* @__PURE__ */ o("div", { className: A.titleBar, children: /* @__PURE__ */ c(b, { className: A.titleSlider, children: [
       e !== void 0 && !e.open && e.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
-          className: b.leftPanelButton,
+          className: A.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: e == null ? void 0 : e.onOpen,
@@ -384,15 +382,15 @@ function nn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(qt, {})
+            /* @__PURE__ */ o(jt, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(I, { className: b.titleText, variant: "h6", noWrap: !0, children: t }),
+      /* @__PURE__ */ o($, { className: A.titleText, variant: "h6", noWrap: !0, children: t }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
-          className: b.rightPanelButton,
+          className: A.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -400,14 +398,14 @@ function nn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(jt, {})
+            /* @__PURE__ */ o(Qt, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const te = 400, on = X(ve, {
+const ee = 400, en = X(Se, {
   shouldForwardProp: (t) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -421,9 +419,9 @@ const te = 400, on = X(ve, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: t, debugOpacity: e = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
+  ({ width: t, debugOpacity: e = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
     width: t,
-    "& .MuiDrawer-paper": i(i({
+    "& .MuiDrawer-paper": r(r({
       position: "absolute",
       width: t,
       boxSizing: "border-box",
@@ -431,15 +429,15 @@ const te = 400, on = X(ve, {
       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)"
     }, e && {
       opacity: "50%"
-    }), n === "left" && i({
+    }), n === "left" && r({
       marginLeft: `${l}px`
-    }, r && {
+    }, i && {
       marginLeft: `${a}px`
     }))
   })
-), rn = X(A, {
+), nn = X(b, {
   shouldForwardProp: (t) => !["anchor"].includes(t)
-})(({ theme: t, anchor: e }) => C(i({
+})(({ theme: t, anchor: e }) => C(r({
   display: "flex",
   alignItems: "center",
   padding: t.spacing(2)
@@ -457,14 +455,14 @@ const te = 400, on = X(ve, {
     marginRight: e === "right" ? t.spacing(2) : 0
   }
 }));
-function It({
+function kt({
   children: t,
   anchor: e = "left",
   open: n,
-  onClose: r = () => {
+  onClose: i = () => {
   },
   titleText: a = "",
-  width: l = te,
+  width: l = ee,
   showCloseArrow: p = !0,
   debugOpacity: u = !1,
   headerBoxProps: s = {},
@@ -476,7 +474,7 @@ function It({
   navBarWidthClosed: T = 0
 }) {
   return /* @__PURE__ */ c(
-    on,
+    en,
     {
       SlideProps: {
         onEntered: () => d == null ? void 0 : d(),
@@ -492,30 +490,30 @@ function It({
       navBarWidthOpen: m,
       navBarWidthClosed: T,
       children: [
-        /* @__PURE__ */ o(rn, C(i({ anchor: e }, s), { children: e === "left" ? /* @__PURE__ */ c(k, { children: [
-          /* @__PURE__ */ o(I, { variant: "h6", color: "inherit", component: "div", children: a }),
-          p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(jt, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(nn, C(r({ anchor: e }, s), { children: e === "left" ? /* @__PURE__ */ c(k, { children: [
+          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
+          p && /* @__PURE__ */ c(V, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(Qt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
         ] }) : /* @__PURE__ */ c(k, { children: [
-          p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(qt, {}),
+          p && /* @__PURE__ */ c(V, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(jt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(I, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         t
       ]
     }
   );
 }
-const an = X("div", {
+const on = X("div", {
   shouldForwardProp: (t) => !["leftPanel", "rightPanel"].includes(t),
   name: "PanelAwareMargins"
 })(({ theme: t, leftPanel: e, rightPanel: n }) => {
-  var r, a;
-  return i(i({
+  var i, a;
+  return r(r({
     transition: t.transitions.create("margin", {
       easing: t.transitions.easing.sharp,
       duration: t.transitions.duration.leavingScreen
@@ -525,7 +523,7 @@ const an = X("div", {
       easing: t.transitions.easing.easeOut,
       duration: t.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(r = e == null ? void 0 : e.width) != null ? r : 0}px`
+    marginLeft: `${(i = e == null ? void 0 : e.width) != null ? i : 0}px`
   }), (n == null ? void 0 : n.open) && {
     transition: t.transitions.create("margin", {
       easing: t.transitions.easing.easeOut,
@@ -533,7 +531,7 @@ const an = X("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), sn = X(Wt, {
+}), rn = X(Ut, {
   name: "PageContainer"
 })(({ theme: t }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -542,7 +540,7 @@ const an = X("div", {
 })), ht = !1, gt = !1, tt = {
   titleText: "",
   flavour: "push",
-  width: te,
+  width: ee,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
@@ -552,11 +550,11 @@ const an = X("div", {
   onClosed: void 0,
   dataTestId: void 0
 };
-function vo({
+function eo({
   children: t,
   titleText: e = "",
   leftPanel: n,
-  rightPanel: r,
+  rightPanel: i,
   sidePanelsAreMutuallyExclusive: a = !0,
   debugOpacity: l = !1,
   pageContainerProps: p,
@@ -566,8 +564,8 @@ function vo({
   navBarWidthOpen: v,
   navBarWidthClosed: f
 }) {
-  const [x, m] = D(ht), [T, B] = D(gt), [S, w] = D(ht), [O, H] = D(gt), R = n !== void 0, W = r !== void 0, {
-    titleText: $,
+  const [x, m] = B(ht), [T, I] = B(gt), [S, w] = B(ht), [O, H] = B(gt), R = n !== void 0, W = i !== void 0, {
+    titleText: D,
     content: q,
     flavour: j,
     open: z,
@@ -575,46 +573,46 @@ function vo({
     width: h,
     arrowButtons: g,
     startOpen: y,
-    onOpened: ie,
-    onClosed: ae,
-    dataTestId: se
-  } = n ? i(i({}, tt), n) : i({}, tt), {
-    titleText: le,
-    content: de,
-    flavour: ft,
+    onOpened: pe,
+    onClosed: ue,
+    dataTestId: he
+  } = n ? r(r({}, tt), n) : r({}, tt), {
+    titleText: ge,
+    content: fe,
+    flavour: vt,
     open: at,
-    onChangeOpen: mt,
+    onChangeOpen: xt,
     width: st,
     arrowButtons: Q,
     startOpen: Y,
-    onOpened: ce,
-    onClosed: pe,
-    dataTestId: ue
-  } = r ? i(i({}, tt), r) : i({}, tt);
-  rt(() => {
+    onOpened: me,
+    onClosed: ve,
+    dataTestId: xe
+  } = i ? r(r({}, tt), i) : r({}, tt);
+  it(() => {
     y !== ht && (m(y), w(y));
-  }, [y]), rt(() => {
-    Y !== gt && (B(Y), H(Y));
+  }, [y]), it(() => {
+    Y !== gt && (I(Y), H(Y));
   }, [Y]);
-  const lt = z === void 0 ? x : z, dt = at === void 0 ? T : at, vt = (N) => {
-    z === void 0 && (m(N), a && W && (N ? (B(!1), H(T)) : B(O))), U && U(N);
-  }, xt = (N) => {
-    at === void 0 && (B(N), a && R && (N ? (m(!1), w(x)) : m(S))), mt && mt(N);
+  const lt = z === void 0 ? x : z, dt = at === void 0 ? T : at, Ct = (E) => {
+    z === void 0 && (m(E), a && W && (E ? (I(!1), H(T)) : I(O))), U && U(E);
+  }, wt = (E) => {
+    at === void 0 && (I(E), a && R && (E ? (m(!1), w(x)) : m(S))), xt && xt(E);
   };
-  return /* @__PURE__ */ c(A, { children: [
+  return /* @__PURE__ */ c(b, { children: [
     R && /* @__PURE__ */ o(
-      It,
+      kt,
       {
-        "data-testid": se,
+        "data-testid": he,
         anchor: "left",
         open: lt,
-        onClose: () => vt(!1),
+        onClose: () => Ct(!1),
         width: h,
-        titleText: $,
+        titleText: D,
         debugOpacity: l,
         showCloseArrow: g === "both" || g === "close",
-        onOpened: ie,
-        onClosed: ae,
+        onOpened: pe,
+        onClosed: ue,
         navBarOpen: d,
         navBarWidthOpen: v,
         navBarWidthClosed: f,
@@ -622,59 +620,59 @@ function vo({
       }
     ),
     W && /* @__PURE__ */ o(
-      It,
+      kt,
       {
-        "data-testid": ue,
+        "data-testid": xe,
         anchor: "right",
         open: dt,
-        onClose: () => xt(!1),
+        onClose: () => wt(!1),
         width: st,
-        titleText: le,
+        titleText: ge,
         debugOpacity: l,
         showCloseArrow: Q === "both" || Q === "close",
-        onOpened: ce,
-        onClosed: pe,
+        onOpened: me,
+        onClosed: ve,
         navBarOpen: d,
         navBarWidthOpen: v,
         navBarWidthClosed: f,
-        children: de
+        children: fe
       }
     ),
     /* @__PURE__ */ o(
-      nn,
-      i(i({
+      tn,
+      r(r({
         titleText: e,
         "data-testid": s
       }, R && j === "push" ? {
         leftPanel: {
           open: lt,
           width: h,
-          onOpen: () => vt(!0),
+          onOpen: () => Ct(!0),
           showOpenArrow: g === "both" || g === "open"
         }
-      } : {}), W && ft === "push" ? {
+      } : {}), W && vt === "push" ? {
         rightPanel: {
           open: dt,
           width: st,
-          onOpen: () => xt(!0),
+          onOpen: () => wt(!0),
           showOpenArrow: Q === "both" || Q === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      an,
-      C(i(i({}, j === "push" ? {
+      on,
+      C(r(r({}, j === "push" ? {
         leftPanel: {
           open: lt,
           width: h
         }
-      } : {}), ft === "push" ? {
+      } : {}), vt === "push" ? {
         rightPanel: {
           open: dt,
           width: st
         }
       } : {}), {
-        children: /* @__PURE__ */ o(sn, C(i({ "data-testid": u }, p), { children: t }))
+        children: /* @__PURE__ */ o(rn, C(r({ "data-testid": u }, p), { children: t }))
       })
     )
   ] });
@@ -687,7 +685,7 @@ const et = "Navbar", G = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, ln = _("div", { name: "NavBar" })(({ theme: t }) => ({
+}, an = _("div", { name: "NavBar" })(({ theme: t }) => ({
   [`&.${G.root}`]: {
     display: "flex"
   },
@@ -706,56 +704,64 @@ const et = "Navbar", G = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), ee = (t, e) => {
-  var n, r;
+})), ne = (t, e) => {
+  var n, i;
   return {
     height: `calc(100vh - ${e}px)`,
     top: e,
     overflowX: "hidden",
     overflowY: "hidden",
     color: "inherit",
-    backgroundColor: (r = (n = t == null ? void 0 : t.navBar) == null ? void 0 : n.backgroundColor) != null ? r : "white"
+    backgroundColor: (i = (n = t == null ? void 0 : t.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, kt = (t, e, n) => i({
+}, Nt = (t, e, n) => r({
   width: e,
   transition: t.transitions.create("width", {
     easing: t.transitions.easing.sharp,
     duration: t.transitions.duration.enteringScreen
   })
-}, ee(t, n)), Et = (t, e, n) => i({
+}, ne(t, n)), Et = (t, e, n) => r({
   width: e,
   transition: t.transitions.create("width", {
     easing: t.transitions.easing.sharp,
     duration: t.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, ee(t, n)), dn = _(Gt, {
+}, ne(t, n)), sn = _(Xt, {
   shouldForwardProp: (t) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(t)
-})(({ theme: t, open: e, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
+})(({ theme: t, open: e, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, e && C(i({}, kt(t, n, a)), {
-  "& .MuiDrawer-paper": kt(t, n, a)
-})), !e && C(i({}, Et(t, r, a)), {
-  "& .MuiDrawer-paper": Et(t, r, a)
+}, e && C(r({}, Nt(t, n, a)), {
+  "& .MuiDrawer-paper": Nt(t, n, a)
+})), !e && C(r({}, Et(t, i, a)), {
+  "& .MuiDrawer-paper": Et(t, i, a)
 })));
-function cn({ links: t }) {
+function ln({ links: t }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const nt = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nt = (t) => t.split(/\s/).map((e) => e.substring(0, 1).toUpperCase()).filter((e) => !!e).slice(0, 2).join("").toUpperCase();
-function pn({
+function Ft(t) {
+  let e = 0;
+  for (let n = 0, i = t.length; n < i; n++) {
+    const a = t.charCodeAt(n);
+    e = (e << 5) - e + a, e |= 0;
+  }
+  return e;
+}
+const nt = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Pt = (t) => t.split(/\s/).map((e) => e.substring(0, 1).toUpperCase()).filter((e) => !!e).slice(0, 2).join("").toUpperCase();
+function dn({
   user: t,
   domainCode: e,
   open: n,
-  navBarWidthClosed: r,
+  navBarWidthClosed: i,
   navBarWidthOpen: a
 }) {
-  return /* @__PURE__ */ o(A, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
-    A,
+  return /* @__PURE__ */ o(b, { sx: { paddingTop: 3 }, children: /* @__PURE__ */ o(
+    b,
     {
       sx: {
         display: "flex",
@@ -764,7 +770,7 @@ function pn({
       },
       children: n ? /* @__PURE__ */ c(k, { children: [
         /* @__PURE__ */ o(
-          A,
+          b,
           {
             sx: {
               width: `${a * 0.33}px`,
@@ -778,35 +784,35 @@ function pn({
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: nt[Math.abs(Ot(t.name)) % nt.length]
+                  bgcolor: nt[Math.abs(Ft(t.name)) % nt.length]
                 },
-                children: Nt(t.name)
+                children: Pt(t.name)
               }
             ) : /* @__PURE__ */ o(Z, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        t != null && t.name ? /* @__PURE__ */ o(I, { children: t.name }) : /* @__PURE__ */ o(St, { animation: !1, width: "50%" }),
-        e ? /* @__PURE__ */ o(I, { children: e.toUpperCase() }) : /* @__PURE__ */ o(St, { animation: !1, width: "25%" })
-      ] }) : /* @__PURE__ */ o(A, { sx: { width: `${r * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: t != null && t.name ? /* @__PURE__ */ o(
+        t != null && t.name ? /* @__PURE__ */ o($, { children: t.name }) : /* @__PURE__ */ o(It, { animation: !1, width: "50%" }),
+        e ? /* @__PURE__ */ o($, { children: e.toUpperCase() }) : /* @__PURE__ */ o(It, { animation: !1, width: "25%" })
+      ] }) : /* @__PURE__ */ o(b, { sx: { width: `${i * 0.5}px`, aspectRatio: 1, marginBottom: 1 }, children: t != null && t.name ? /* @__PURE__ */ o(
         Z,
         {
           src: t == null ? void 0 : t.picture,
           sx: {
             width: "100%",
             height: "100%",
-            bgcolor: nt[Math.abs(Ot(t.name)) % nt.length]
+            bgcolor: nt[Math.abs(Ft(t.name)) % nt.length]
           },
-          children: Nt(t.name)
+          children: Pt(t.name)
         }
       ) : /* @__PURE__ */ o(Z, { sx: { width: "100%", height: "100%" } }) })
     }
   ) });
 }
-function un({
+function cn({
   open: t,
   offsetTop: e = 0,
   widthOpen: n,
-  widthClosed: r,
+  widthClosed: i,
   "data-testid": a,
   top: l,
   middle: p,
@@ -814,33 +820,33 @@ function un({
   user: s,
   domainCode: d
 }) {
-  return /* @__PURE__ */ o(ln, { className: G.root, "data-testid": a, children: /* @__PURE__ */ c(
-    dn,
+  return /* @__PURE__ */ o(an, { className: G.root, "data-testid": a, children: /* @__PURE__ */ c(
+    sn,
     {
       variant: "permanent",
       anchor: "left",
       open: t,
       widthOpen: n,
-      widthClosed: r,
+      widthClosed: i,
       offsetTop: e,
       PaperProps: {
         component: "nav"
       },
       children: [
-        l && /* @__PURE__ */ c(A, { sx: { flex: "0 0 auto" }, children: [
+        l && /* @__PURE__ */ c(b, { sx: { flex: "0 0 auto" }, children: [
           l,
-          /* @__PURE__ */ o(Tt, { variant: "middle" })
+          /* @__PURE__ */ o(Ot, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(A, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(cn, { links: p }) : p }),
-        /* @__PURE__ */ c(A, { sx: { flex: "0 0 auto" }, children: [
-          /* @__PURE__ */ o(Tt, { variant: "middle" }),
+        /* @__PURE__ */ o(b, { sx: { flex: "1 0 auto" }, children: Array.isArray(p) ? /* @__PURE__ */ o(ln, { links: p }) : p }),
+        /* @__PURE__ */ c(b, { sx: { flex: "0 0 auto" }, children: [
+          /* @__PURE__ */ o(Ot, { variant: "middle" }),
           /* @__PURE__ */ o(
-            pn,
+            dn,
             {
               user: s,
               domainCode: d,
               open: t,
-              navBarWidthClosed: r,
+              navBarWidthClosed: i,
               navBarWidthOpen: n
             }
           ),
@@ -850,9 +856,9 @@ function un({
     }
   ) });
 }
-function hn({ children: t, topBarHeight: e }) {
+function pn({ children: t, topBarHeight: e }) {
   return /* @__PURE__ */ o(
-    A,
+    b,
     {
       sx: {
         overflow: "auto",
@@ -862,7 +868,7 @@ function hn({ children: t, topBarHeight: e }) {
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Wt,
+        Ut,
         {
           component: "main",
           id: "main-content",
@@ -873,13 +879,13 @@ function hn({ children: t, topBarHeight: e }) {
     }
   );
 }
-const gn = 64, fn = 64, mn = 256, ne = E(!0), vn = E(mn), xn = E(fn), Cn = E(""), wn = E(gn), An = E(void 0), bn = "TopBar", Sn = {
-  titleText: `${bn}-titleText`
+const un = 64, hn = 64, gn = 256, mt = N(!0), oe = N(gn), ie = N(hn), re = N(""), ae = N(un), se = N(void 0), fn = "TopBar", mn = {
+  titleText: `${fn}-titleText`
 };
-function Tn({ titleText: t = "", height: e, "data-testid": n }) {
-  const r = Ee(ne);
+function vn({ titleText: t = "", height: e, "data-testid": n }) {
+  const i = _e(mt);
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
-    Rt,
+    zt,
     {
       square: !0,
       elevation: 0,
@@ -895,17 +901,17 @@ function Tn({ titleText: t = "", height: e, "data-testid": n }) {
         height: e
       },
       children: [
-        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(ke, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(I, { className: Sn.titleText, variant: "h6", children: t })
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => i((l) => !l), children: /* @__PURE__ */ o(Me, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o($, { className: mn.titleText, variant: "h6", children: t })
       ]
     }
   ) });
 }
-function xo({
+function no({
   children: t,
   initialTitleText: e,
   initialNavBarOpen: n,
-  pageContainerProps: r,
+  pageContainerProps: i,
   pageContentDataTestId: a,
   topBarDataTestId: l,
   navBarDataTestId: p,
@@ -914,17 +920,17 @@ function xo({
   user: d,
   domainCode: v
 }) {
-  const [f, x] = P(ne), [m] = P(vn), [T] = P(xn), [B, S] = P(Cn), [w] = P(wn), [O] = P(An);
-  return rt(() => {
+  const [f, x] = P(mt), [m] = P(oe), [T] = P(ie), [I, S] = P(re), [w] = P(ae), [O] = P(se);
+  return it(() => {
     e !== void 0 && S(e);
-  }, [e, S]), rt(() => {
+  }, [e, S]), it(() => {
     n !== void 0 && x(n);
-  }, [n, x]), /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ o(xe, {}),
-    /* @__PURE__ */ o(Tn, { titleText: B, "data-testid": l, height: w }),
-    /* @__PURE__ */ c(A, { sx: { display: "flex" }, children: [
+  }, [n, x]), /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ o(Te, {}),
+    /* @__PURE__ */ o(vn, { titleText: I, "data-testid": l, height: w }),
+    /* @__PURE__ */ c(b, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        un,
+        cn,
         {
           open: f,
           top: O,
@@ -939,62 +945,62 @@ function xo({
         }
       ),
       /* @__PURE__ */ o(
-        hn,
-        C(i({
+        pn,
+        C(r({
           "data-testid": a,
           topBarHeight: w
-        }, r), {
+        }, i), {
           children: t
         })
       )
     ] })
   ] });
 }
-const Bn = {
+const xn = {
   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
-}, On = {
+}, Cn = {
   shouldClose: (t, e) => e !== "clickaway"
-}, Ft = {
+}, Lt = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Pt = 100, Lt = 2e3, $n = 2e3, Dn = (() => {
+}, yt = 100, Mt = 2e3, wn = 2e3, bn = (() => {
   let t = 0;
   return () => (t += 1, t);
-})(), In = {
+})(), An = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, kn = {}, En = {}, oe = _t(null);
-function Nn(l) {
+}, Sn = {}, Tn = {}, le = Rt(null);
+function In(l) {
   var p = l, {
-    overrideState: t = kn,
-    overrideActions: e = En,
-    shouldClose: n = On.shouldClose,
-    children: r
-  } = p, a = At(p, [
+    overrideState: t = Sn,
+    overrideActions: e = Tn,
+    shouldClose: n = Cn.shouldClose,
+    children: i
+  } = p, a = St(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var U;
-  const [{ open: u }, s] = D({ open: !1 }), d = pt([]), v = pt(Date.now()), f = pt(0), x = ot((h) => {
+  const [{ open: u }, s] = B({ open: !1 }), d = pt([]), v = pt(Date.now()), f = pt(0), x = ot((h) => {
     s({ open: h });
   }, []), m = ot((h = {}) => {
-    f.current += 1, d.current.length >= Pt && Date.now() - v.current >= Lt && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Pt}) hit ${f.current} times in last ${Lt}ms)`
+    f.current += 1, d.current.length >= yt && Date.now() - v.current >= Mt && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${yt}) hit ${f.current} times in last ${Mt}ms)`
     ), f.current = 0);
-    const g = i(C(i({}, Ft), {
-      key: Dn()
+    const g = r(C(r({}, Lt), {
+      key: bn()
     }), h);
     return d.current.push(g), d.current.length === 1 && s({ open: !0 }), g.key;
-  }, []), T = (h = "", g = {}) => m(i({ message: h, severity: "success" }, g)), B = (h = "", g = {}) => m(i({ message: h, severity: "info" }, g)), S = (h = "", g = {}) => m(i({ message: h, severity: "warning" }, g)), w = (h = "", g = {}) => m(i({ message: h, severity: "error" }, g)), O = (h) => {
+  }, []), T = (h = "", g = {}) => m(r({ message: h, severity: "success" }, g)), I = (h = "", g = {}) => m(r({ message: h, severity: "info" }, g)), S = (h = "", g = {}) => m(r({ message: h, severity: "warning" }, g)), w = (h = "", g = {}) => m(r({ message: h, severity: "error" }, g)), O = (h) => {
     const g = d.current.findIndex((y) => y.key === h);
     if (g !== -1)
       return g === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(g, 1);
@@ -1003,73 +1009,69 @@ function Nn(l) {
   }, R = () => {
   }, W = () => {
     d.current.shift(), d.current.length > 0 && s({ open: !0 });
-  }, $ = (U = d.current[0]) != null ? U : i({}, Ft), q = {};
-  "autoHideDuration" in $ && (q.autoHideDuration = $.autoHideDuration);
-  const j = i(i({}, Bn), a), z = i(i({
+  }, D = (U = d.current[0]) != null ? U : r({}, Lt), q = {};
+  "autoHideDuration" in D && (q.autoHideDuration = D.autoHideDuration);
+  const j = r(r({}, xn), a), z = r(r({
     open: u,
     setOpen: x,
     enqueueNotification: m,
     enqueueSuccessNotification: T,
-    enqueueInfoNotification: B,
+    enqueueInfoNotification: I,
     enqueueWarningNotification: S,
     enqueueErrorNotification: w,
     removeNotification: O
   }, t), e);
-  return /* @__PURE__ */ c(oe.Provider, { value: z, children: [
-    r,
+  return /* @__PURE__ */ c(le.Provider, { value: z, children: [
+    i,
     /* @__PURE__ */ o(
-      Ce,
-      C(i(i({}, j), q), {
+      Ie,
+      C(r(r({}, j), q), {
         open: u,
         onClose: H,
         TransitionProps: {
           onExited: W,
           onExit: R
         },
-        sx: { zIndex: $n },
+        sx: { zIndex: wn },
         children: /* @__PURE__ */ c("div", { children: [
           /* @__PURE__ */ o(
-            we,
+            Oe,
             {
               onClose: (h) => H(h, "closeAlert"),
-              severity: $.severity,
+              severity: D.severity,
               variant: "filled",
-              icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(zt, { size: "1em" }) : void 0,
-              style: $.progressIndicator === "linear" ? In : void 0,
-              children: $.message
+              icon: D.progressIndicator === "circular" ? /* @__PURE__ */ o(Gt, { size: "1em" }) : void 0,
+              style: D.progressIndicator === "linear" ? An : void 0,
+              children: D.message
             }
           ),
-          $.progressIndicator === "linear" && /* @__PURE__ */ o(Ae, { color: "primary" })
+          D.progressIndicator === "linear" && /* @__PURE__ */ o(De, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Co() {
-  const t = Ht(oe);
+function On() {
+  const t = Wt(le);
   if (t === null)
-    throw new Vt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ft("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return t;
 }
-const wo = it(
-  (t = { autoHideDuration: 1 }, e = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Nn, C(i({}, t), { overrideState: e, overrideActions: n, children: r }))
-), Fn = Ne(), Ao = ({
+const oo = rt(
+  (t = { autoHideDuration: 1 }, e = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(In, C(r({}, t), { overrideState: e, overrideActions: n, children: i }))
+), Dn = He(), io = ({
   children: t,
   store: e
-}) => /* @__PURE__ */ o(Qt, { store: e != null ? e : Fn, children: t });
-class Pn extends Fe {
-}
-bt(Pn, "errorName", "ContextError");
-const re = "domainCode";
-var Mt;
-const yt = E(
-  JSON.parse((Mt = localStorage.getItem(re)) != null ? Mt : '{"domainCode": ""}').domainCode
-), Ln = E(
-  (t) => t(yt),
+}) => /* @__PURE__ */ o(Yt, { store: e != null ? e : Dn, children: t }), de = "domainCode";
+var Ht;
+const _t = N(
+  JSON.parse((Ht = localStorage.getItem(de)) != null ? Ht : '{"domainCode": ""}').domainCode
+), ce = N(
+  (t) => t(_t),
   (t, e, n) => {
-    e(yt, n), localStorage.setItem(re, JSON.stringify({ domainCode: n }));
+    e(_t, n), localStorage.setItem(de, JSON.stringify({ domainCode: n }));
   }
-), yn = {
+), Bn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1081,25 +1083,25 @@ const yt = E(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Mn = (t) => {
+}, $n = (t) => {
   var e;
-  return t === null ? "N/A" : (e = yn[t]) != null ? e : "";
-}, bo = ({
+  return t === null ? "N/A" : (e = Bn[t]) != null ? e : "";
+}, ro = ({
   isLoading: t,
   isOpen: e,
   onClose: n,
-  domainOptions: r,
+  domainOptions: i,
   applicationName: a,
   handleLogout: l
 }) => {
-  const [p, u] = P(Ln), [s, d] = D(p), { enqueueSuccessNotification: v } = Pe(), f = r.length === 0, x = !!p && !r.includes(p) && !r.includes(s), m = !p || f || x, T = () => K(void 0, null, function* () {
+  const [p, u] = P(ce), [s, d] = B(p), { enqueueSuccessNotification: v } = On(), f = i.length === 0, x = !!p && !i.includes(p) && !i.includes(s), m = !p || f || x, T = () => K(void 0, null, function* () {
     s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
-  }), B = () => K(void 0, null, function* () {
+  }), I = () => K(void 0, null, function* () {
     p && !f && !x ? (d(p), n()) : m && l();
   });
   let S;
   return f ? S = "Unable to retrieve your active organisations. Try logging in again." : x && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
-    Le,
+    Ye,
     {
       isOpen: e,
       dialogTitle: "Select an organisation",
@@ -1111,34 +1113,34 @@ const yt = E(
       },
       secondaryButton: {
         text: m ? "Logout" : "Cancel",
-        onClick: B
+        onClick: I
       },
       onClose: m ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ c(I, { marginBottom: 2, children: [
+        /* @__PURE__ */ c($, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
         ] }),
         /* @__PURE__ */ o(
-          be,
+          Be,
           {
             loading: t,
             multiple: !1,
             disableClearable: !1,
             value: s !== "" ? s : null,
             onChange: (w, O) => d(O != null ? O : ""),
-            getOptionLabel: Mn,
-            options: [...r],
+            getOptionLabel: $n,
+            options: [...i],
             renderInput: (w) => /* @__PURE__ */ o(
-              Se,
-              C(i({}, w), {
+              $e,
+              C(r({}, w), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: C(i({}, w.InputProps), {
+                InputProps: C(r({}, w.InputProps), {
                   endAdornment: /* @__PURE__ */ c(k, { children: [
-                    t ? /* @__PURE__ */ o(zt, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    t ? /* @__PURE__ */ o(Gt, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     w.InputProps.endAdornment
                   ] })
                 })
@@ -1146,11 +1148,11 @@ const yt = E(
             )
           }
         ),
-        S && /* @__PURE__ */ o(Te, { error: !0, children: S })
+        S && /* @__PURE__ */ o(ke, { error: !0, children: S })
       ]
     }
   );
-}, So = Ut({
+}, ao = Vt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1201,7 +1203,7 @@ const yt = E(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), To = Ut({
+}), so = Vt({
   palette: {
     primary: {
       main: "#007236",
@@ -1292,25 +1294,25 @@ const yt = E(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), _n = {
-  domainCode: Me,
-  navBarOpen: _e,
-  navBarWidthOpen: He,
-  navBarWidthClosed: Re,
-  titleText: We,
-  topBarHeight: ze,
-  navBarTop: Ue
-}, Bo = it(() => ({ children: t }) => /* @__PURE__ */ o(Qt, { children: t })), Hn = ({
+}), kn = {
+  domainCode: ce,
+  navBarOpen: mt,
+  navBarWidthOpen: oe,
+  navBarWidthClosed: ie,
+  titleText: re,
+  topBarHeight: ae,
+  navBarTop: se
+}, lo = rt(() => ({ children: t }) => /* @__PURE__ */ o(Yt, { children: t })), Nn = ({
   initialValues: t,
   children: e
-}) => (ye(t), /* @__PURE__ */ o(k, { children: e })), Oo = it(
+}) => (Re(t), /* @__PURE__ */ o(k, { children: e })), co = rt(
   (t) => ({ children: e }) => /* @__PURE__ */ o(
-    Hn,
+    Nn,
     {
       initialValues: Object.entries(t).map(
-        ([n, r]) => [
-          _n[n],
-          r
+        ([n, i]) => [
+          kn[n],
+          i
         ]
       ),
       children: e
@@ -1318,39 +1320,39 @@ const yt = E(
   )
 );
 export {
-  mo as AgDialog,
-  xo as AppLayout,
-  Ao as AtomProvider,
-  oe as Context,
-  Pn as ContextError,
-  bo as DomainCodeDialog,
-  po as ExampleComponent,
-  Hn as HydrateAtoms,
-  Jt as NAVBAR_WIDTH_CLOSED,
-  Yt as NAVBAR_WIDTH_OPENED,
-  fo as NavBar,
-  ho as NavBarDarkStyledList,
-  go as NavBarLightStyledList,
-  Ye as NavBarProvider,
-  vo as PageLayout,
-  Nn as SaladBarProvider,
-  Fn as atomStore,
-  Ke as buildNavBarState,
-  Ln as domainCodeAtom,
-  So as fed21Theme,
-  To as internalAgSystemsTheme,
+  Ye as AgDialog,
+  no as AppLayout,
+  io as AtomProvider,
+  le as Context,
+  ft as ContextError,
+  ro as DomainCodeDialog,
+  Yn as ExampleComponent,
+  Nn as HydrateAtoms,
+  Kt as NAVBAR_WIDTH_CLOSED,
+  Jt as NAVBAR_WIDTH_OPENED,
+  to as NavBar,
+  Kn as NavBarDarkStyledList,
+  Zn as NavBarLightStyledList,
+  qe as NavBarProvider,
+  eo as PageLayout,
+  In as SaladBarProvider,
+  Dn as atomStore,
+  Qe as buildNavBarState,
+  ce as domainCodeAtom,
+  ao as fed21Theme,
+  so as internalAgSystemsTheme,
   M as navBarClasses,
-  ne as navBarOpenAtom,
-  An as navBarTopAtom,
-  xn as navBarWidthClosedAtom,
-  vn as navBarWidthOpenAtom,
-  Cn as titleTextAtom,
-  wn as topBarHeightAtom,
-  Je as useNavBar,
-  Co as useSaladBar,
-  Bo as withAtomProvider,
-  uo as withNavBarProvider,
-  Oo as withOverrideDefaults,
-  wo as withSaladBarProvider
+  mt as navBarOpenAtom,
+  se as navBarTopAtom,
+  ie as navBarWidthClosedAtom,
+  oe as navBarWidthOpenAtom,
+  re as titleTextAtom,
+  ae as topBarHeightAtom,
+  je as useNavBar,
+  On as useSaladBar,
+  lo as withAtomProvider,
+  Jn as withNavBarProvider,
+  co as withOverrideDefaults,
+  oo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map