@australiangreens/ag-internal-components 0.0.62 → 0.0.63

package/dist/esm/index.js

@@ -1,19 +1,19 @@
-var It = Object.defineProperty, Dt = Object.defineProperties;
-var Ot = Object.getOwnPropertyDescriptors;
+var Ot = Object.defineProperty, kt = Object.defineProperties;
+var Tt = Object.getOwnPropertyDescriptors;
 var ee = Object.getOwnPropertySymbols;
-var ye = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var ge = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var $e = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var ge = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
-    ye.call(t, n) && ge(e, n, t[n]);
+    $e.call(t, n) && ge(e, n, t[n]);
   if (ee)
     for (var n of ee(t))
       Be.call(t, n) && ge(e, n, t[n]);
   return e;
-}, A = (e, t) => Dt(e, Ot(t));
-var $e = (e, t) => {
+}, A = (e, t) => kt(e, Tt(t));
+var Fe = (e, t) => {
   var n = {};
   for (var r in e)
-    ye.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+    $e.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && ee)
     for (var r of ee(e))
       t.indexOf(r) < 0 && Be.call(e, r) && (n[r] = e[r]);
@@ -24,43 +24,43 @@ var z = (e, t, n) => new Promise((r, s) => {
   var c = (p) => {
     try {
       g(n.next(p));
-    } catch (h) {
-      s(h);
+    } catch (u) {
+      s(u);
     }
   }, d = (p) => {
     try {
       g(n.throw(p));
-    } catch (h) {
-      s(h);
+    } catch (u) {
+      s(u);
     }
   }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(c, d);
   g((n = n.apply(e, t)).next());
 });
-import { jsxs as f, Fragment as y, jsx as o } from "react/jsx-runtime";
-import { useState as O, createContext as Qe, useCallback as oe, useContext as Ke, useEffect as X, useMemo as kt, createElement as we, useRef as fe } from "react";
-import { Typography as B, Button as Tt, Paper as Je, Box as I, Drawer as xe, Autocomplete as be, TextField as Ae, CircularProgress as Se, Chip as Et, Tooltip as yt, Stack as Bt, styled as Ie, IconButton as K, Container as Ye, useTheme as ie, useMediaQuery as $t, Collapse as Nt, Avatar as Fe, Fade as Ft, Skeleton as Le, Toolbar as Lt, Divider as Pe, CssBaseline as Pt, Snackbar as Mt, Alert as _t, LinearProgress as Ht, FormHelperText as Rt } from "@mui/material";
-import Wt from "@mui/material/CssBaseline";
-import { styled as L, createTheme as Ze, alpha as me } from "@mui/material/styles";
-import { AgError as zt } from "@australiangreens/ag-error";
-import { createHelper as ae } from "souvlaki";
-import et from "@mui/material/List";
-import Me from "@mui/material/Button";
-import Gt from "@mui/material/Dialog";
-import Ut from "@mui/material/DialogActions";
-import qt from "@mui/material/DialogContent";
-import Vt from "@mui/material/DialogTitle";
-import { Cancel as Xt, ArrowDropDown as jt, ArrowForward as tt, ArrowBack as nt, ViewHeadline as Qt } from "@mui/icons-material";
-import Kt from "autosuggest-highlight/parse";
-import Jt from "autosuggest-highlight/match";
-import { atom as P, useSetAtom as ot, useAtom as U, getDefaultStore as Yt, Provider as rt } from "jotai";
-import { useHydrateAtoms as Zt } from "jotai/utils";
-function go({ text: e }) {
+import { jsxs as f, Fragment as E, jsx as o } from "react/jsx-runtime";
+import { useState as O, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Et, createElement as we, useRef as fe } from "react";
+import { Typography as y, Button as yt, Paper as Ze, Box as I, Drawer as xe, Autocomplete as Ae, TextField as Se, CircularProgress as Ie, Chip as $t, Tooltip as Bt, Stack as Ft, styled as De, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Nt, Collapse as Lt, Avatar as Le, Fade as Pt, Skeleton as Pe, Toolbar as Mt, Divider as Me, CssBaseline as _t, Snackbar as Ht, Alert as Rt, LinearProgress as Wt, FormHelperText as zt } from "@mui/material";
+import Gt from "@mui/material/CssBaseline";
+import { styled as L, createTheme as tt, alpha as me } from "@mui/material/styles";
+import { AgError as Ut } from "@australiangreens/ag-error";
+import { createHelper as se } from "souvlaki";
+import nt from "@mui/material/List";
+import _e from "@mui/material/Button";
+import Vt from "@mui/material/Dialog";
+import qt from "@mui/material/DialogActions";
+import Xt from "@mui/material/DialogContent";
+import jt from "@mui/material/DialogTitle";
+import { Cancel as Qt, ArrowDropDown as Kt, ArrowForward as ot, ArrowBack as rt, ViewHeadline as Jt } from "@mui/icons-material";
+import Yt from "autosuggest-highlight/parse";
+import Zt from "autosuggest-highlight/match";
+import { atom as P, useSetAtom as it, useAtomValue as He, useAtom as X, getDefaultStore as en, Provider as at } from "jotai";
+import { useHydrateAtoms as st } from "jotai/utils";
+function fo({ text: e }) {
   const [t, n] = O(0);
-  return /* @__PURE__ */ f(y, { children: [
-    /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(B, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+  return /* @__PURE__ */ f(E, { 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(
-      Tt,
+      yt,
       {
         variant: "outlined",
         onClick: () => n((r) => r + 1),
@@ -72,13 +72,13 @@ function go({ text: e }) {
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ f(Je, { children: [
+    /* @__PURE__ */ f(Ze, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const it = 330, at = 73, G = "Navbar", V = {
+const lt = 330, ct = 73, G = "Navbar", V = {
   root: `${G}-root`,
   menuButton: `${G}-menuButton`,
   hide: `${G}-hide`,
@@ -86,7 +86,7 @@ const it = 330, at = 73, G = "Navbar", V = {
   userInfoHolder: `${G}-userInfoHolder`,
   settings: `${G}-settings`,
   pieChartIcon: `${G}-pieChartIcon`
-}, en = L(I, {
+}, tn = L(I, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${V.root}`]: {
@@ -107,7 +107,7 @@ const it = 330, at = 73, G = "Navbar", V = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), st = () => ({
+})), dt = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -115,29 +115,29 @@ const it = 330, at = 73, G = "Navbar", V = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), tn = () => i({
-  width: it
-}, st()), nn = () => i({
-  width: at
-}, st()), on = L(xe, {
+}), nn = () => i({
+  width: lt
+}, dt()), on = () => i({
+  width: ct
+}, dt()), rn = L(xe, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
-  width: t ? it : at,
+  width: t ? lt : ct,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": tn()
-}), !t && {
   "& .MuiDrawer-paper": nn()
+}), !t && {
+  "& .MuiDrawer-paper": on()
 }));
-class De extends zt {
+class Oe extends Ut {
 }
-Ne(De, "errorName", "ContextError");
-const lt = Qe(null), rn = {}, an = {}, sn = ({
-  overrideState: e = rn,
-  overrideActions: t = an,
+Ne(Oe, "errorName", "ContextError");
+const pt = Je(null), an = {}, sn = {}, ln = ({
+  overrideState: e = an,
+  overrideActions: t = sn,
   children: n
 }) => {
   const [{ open: r }, s] = O({ open: !0 }), c = oe((p) => {
@@ -149,17 +149,17 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
     setOpen: c,
     toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(lt.Provider, { value: g, children: n });
-}, ln = () => {
-  const e = Ke(lt);
+  return /* @__PURE__ */ o(pt.Provider, { value: g, children: n });
+}, cn = () => {
+  const e = Ye(pt);
   if (e === null)
-    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new Oe("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, cn = (e = {}) => i({
+}, dn = (e = {}) => i({
   open: !0
-}, e), fo = ae(
-  (e = cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(sn, { overrideState: e, overrideActions: t, children: n })
-), _e = 7, mo = L(et)(({ theme: e }) => ({
+}, e), mo = se(
+  (e = dn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(ln, { overrideState: e, overrideActions: t, children: n })
+), Re = 7, Co = L(nt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -168,7 +168,7 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${_e}px`
+      padding: `${Re}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -179,7 +179,7 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${_e}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
     },
     // Hover state
     "&:hover": {
@@ -197,7 +197,7 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, Co = L(et)(({ theme: e }) => ({
+})), We = 7, vo = L(nt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -206,7 +206,7 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${He}px`
+      padding: `${We}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -217,7 +217,7 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${He}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${We}px)`
     },
     // Hover state
     "&:hover": {
@@ -236,15 +236,15 @@ const lt = Qe(null), rn = {}, an = {}, sn = ({
     // },
   }
 }));
-function vo({
+function wo({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = ln();
-  return /* @__PURE__ */ f(en, { className: V.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Wt, {}),
+  const { open: n } = cn();
+  return /* @__PURE__ */ f(tn, { className: V.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
-      on,
+      rn,
       {
         variant: "permanent",
         anchor: "left",
@@ -255,7 +255,7 @@ function vo({
     )
   ] });
 }
-const dn = ({
+const pn = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -264,10 +264,10 @@ const dn = ({
   secondaryButton: c,
   onClose: d
 }) => {
-  var h, w;
+  var u, b;
   const [g, p] = O(!1);
   return /* @__PURE__ */ f(
-    Gt,
+    Vt,
     {
       open: e,
       onClose: () => {
@@ -276,21 +276,21 @@ const dn = ({
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
       children: [
-        /* @__PURE__ */ o(Vt, { children: t }),
-        /* @__PURE__ */ o(qt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ f(Ut, { children: [
+        /* @__PURE__ */ o(jt, { children: t }),
+        /* @__PURE__ */ o(Xt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ f(qt, { children: [
           /* @__PURE__ */ o(
-            Me,
+            _e,
             {
-              onClick: (h = c == null ? void 0 : c.onClick) != null ? h : d,
+              onClick: (u = c == null ? void 0 : c.onClick) != null ? u : d,
               "data-testid": c == null ? void 0 : c.testId,
               disabled: (c == null ? void 0 : c.disabled) || g,
               color: c == null ? void 0 : c.buttonColor,
-              children: (w = c == null ? void 0 : c.text) != null ? w : "Cancel"
+              children: (b = c == null ? void 0 : c.text) != null ? b : "Cancel"
             }
           ),
           s && /* @__PURE__ */ o(
-            Me,
+            _e,
             {
               onClick: () => z(void 0, null, function* () {
                 var x;
@@ -307,7 +307,7 @@ const dn = ({
     }
   );
 };
-function wo({
+function bo({
   lookup: e = () => z(this, null, function* () {
   }),
   enableHighlighting: t = !0,
@@ -318,46 +318,46 @@ function wo({
   dataTestidPrefix: d,
   sx: g,
   textFieldColor: p,
-  textFieldVariant: h = "filled",
-  loadingText: w = "Loading...",
+  textFieldVariant: u = "filled",
+  loadingText: b = "Loading...",
   noOptionsText: x = "No options",
-  popupIcon: S = /* @__PURE__ */ o(jt, {}),
-  error: C = !1,
+  popupIcon: S = /* @__PURE__ */ o(Kt, {}),
+  error: v = !1,
   helperText: D = "",
-  preLoadedOptions: b = void 0,
+  preLoadedOptions: C = void 0,
   disablePortal: m = !1
 }) {
-  const [u, E] = O(""), [M, $] = O(b || []), [N, k] = O(!1), [_, F] = O(!1), H = (a, l) => {
-    const v = c.filter((j) => j.id !== l);
-    n(v, "delete", a);
+  const [h, $] = O(""), [M, B] = O(C || []), [F, k] = O(!1), [_, N] = O(!1), H = (a, l) => {
+    const w = c.filter((q) => q.id !== l);
+    n(w, "delete", a);
   };
-  X(() => {
+  re(() => {
     let a;
     const l = () => z(this, null, function* () {
       a = new AbortController();
       try {
-        const v = yield e(u, a.signal);
-        $(v != null ? v : []), F(!1);
-      } catch (v) {
-        if (v instanceof Error && v.name === "AbortError")
+        const w = yield e(h, a.signal);
+        B(w != null ? w : []), N(!1);
+      } catch (w) {
+        if (w instanceof Error && w.name === "AbortError")
           console.debug("Previous lookup request was cancelled");
         else
-          throw v;
+          throw w;
       }
     });
-    if (u !== "")
-      return (!r || u.length >= r) && !b ? (F(!0), l()) : F(!1), function() {
+    if (h !== "")
+      return (!r || h.length >= r) && !C ? (N(!0), l()) : N(!1), function() {
         a && a.abort();
       };
-  }, [u, e, r, b]), X(() => {
-    !N && !b && $([]), !N && b && $(b);
-  }, [N, b]);
-  const R = kt(() => b ? (a, l) => a.filter(
-    (v) => v.label.toLowerCase().includes(l.inputValue.toLowerCase())
-  ) : (a) => a, [b]);
-  return /* @__PURE__ */ f(y, { children: [
+  }, [h, e, r, C]), re(() => {
+    !F && !C && B([]), !F && C && B(C);
+  }, [F, C]);
+  const R = Et(() => C ? (a, l) => a.filter(
+    (w) => w.label.toLowerCase().includes(l.inputValue.toLowerCase())
+  ) : (a) => a, [C]);
+  return /* @__PURE__ */ f(E, { children: [
     /* @__PURE__ */ o(
-      be,
+      Ae,
       {
         sx: g,
         "data-testid": d ? d + "Autocomplete" : void 0,
@@ -372,24 +372,24 @@ function wo({
         value: c,
         onOpen: () => k(!0),
         onClose: () => k(!1),
-        onChange: (a, l, v) => {
-          n(l, v, a);
+        onChange: (a, l, w) => {
+          n(l, w, a);
         },
-        onInputChange: (a, l) => E(l),
+        onInputChange: (a, l) => $(l),
         noOptionsText: x,
-        loadingText: w,
+        loadingText: b,
         popupIcon: S,
         renderInput: (a) => /* @__PURE__ */ o(
-          Ae,
+          Se,
           A(i({}, a), {
             label: s,
             fullWidth: !0,
-            variant: h,
-            error: C,
+            variant: u,
+            error: v,
             helperText: D,
             InputProps: A(i({}, a.InputProps), {
-              endAdornment: /* @__PURE__ */ f(y, { children: [
-                _ ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20 }) : null,
+              endAdornment: /* @__PURE__ */ f(E, { children: [
+                _ ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20 }) : null,
                 a.InputProps.endAdornment
               ] })
             }),
@@ -402,12 +402,12 @@ function wo({
         ),
         renderTags: () => null,
         isOptionEqualToValue: (a, l) => a.id === l.id,
-        renderOption: (a, l, v) => {
+        renderOption: (a, l, w) => {
           if (t) {
-            const j = Jt(l.label, v.inputValue, {
+            const q = Zt(l.label, w.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), le = Kt(l.label, j);
+            }), le = Yt(l.label, q);
             return /* @__PURE__ */ we(
               "li",
               A(i({}, a), {
@@ -438,7 +438,7 @@ function wo({
       }
     ),
     c.length > 0 && /* @__PURE__ */ o(I, { children: c.map((a) => /* @__PURE__ */ o(
-      Et,
+      $t,
       {
         sx: {
           marginTop: 1,
@@ -446,7 +446,7 @@ function wo({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          yt,
+          Bt,
           {
             title: a.tooltipContent || "",
             placement: "bottom-start",
@@ -460,13 +460,13 @@ function wo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
+            children: /* @__PURE__ */ o(y, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
           }
         ),
         "data-testid": d ? d + "Chip" + a.id.toString() : void 0,
         onDelete: (l) => H(l, a.id),
         deleteIcon: /* @__PURE__ */ o(
-          Xt,
+          Qt,
           {
             "data-testid": d ? d + "ChipDelete" + a.id.toString() : "CancelIcon"
           }
@@ -486,38 +486,38 @@ const xo = ({
   textFieldVariant: d = "filled",
   dataTestidPrefix: g = "",
   minLength: p = 3,
-  disablePortal: h = !1
+  disablePortal: u = !1
 }) => {
-  const [w, x] = O([]), [S, C] = O(!1);
+  const [b, x] = O([]), [S, v] = O(!1);
   let D;
-  const b = (m) => z(void 0, null, function* () {
+  const C = (m) => z(void 0, null, function* () {
     D = new AbortController();
     try {
-      const u = yield e(m, D.signal);
-      x(u != null ? u : []), C(!1);
-    } catch (u) {
-      if (u instanceof Error && u.name === "AbortError")
+      const h = yield e(m, D.signal);
+      x(h != null ? h : []), v(!1);
+    } catch (h) {
+      if (h instanceof Error && h.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
       else
-        throw u;
+        throw h;
     }
   });
-  return /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(Bt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    be,
+  return /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(Ft, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    Ae,
     {
       sx: s,
       "data-testid": g ? g + "Autocomplete" : void 0,
       loading: S,
-      options: w,
-      onChange: (m, u) => {
-        t(m, u);
+      options: b,
+      onChange: (m, h) => {
+        t(m, h);
       },
-      disablePortal: h,
+      disablePortal: u,
       filterOptions: (m) => m,
       value: r,
       getOptionLabel: (m) => m.label,
       renderInput: (m) => /* @__PURE__ */ o(
-        Ae,
+        Se,
         A(i({
           "data-testid": g ? g + "TextField" : void 0
         }, m), {
@@ -526,42 +526,42 @@ const xo = ({
           color: c
         })
       ),
-      isOptionEqualToValue: (m, u) => m.id === u.id,
-      onInputChange: (m, u) => {
-        (u == null ? void 0 : u.length) >= p && (C(!0), b(u));
+      isOptionEqualToValue: (m, h) => m.id === h.id,
+      onInputChange: (m, h) => {
+        (h == null ? void 0 : h.length) >= p && (v(!0), C(h));
       },
-      renderOption: (m, u) => /* @__PURE__ */ we(
+      renderOption: (m, h) => /* @__PURE__ */ we(
         "li",
         A(i({}, m), {
-          key: u.id,
-          "data-testid": g ? g + "li" + u.id.toString() : void 0
+          key: h.id,
+          "data-testid": g ? g + "li" + h.id.toString() : void 0
         }),
-        u.label
+        h.label
       )
     }
   ) }) });
-}, pn = 24, un = 64, q = "TopBar", T = {
-  topStripe: `${q}-topStripe`,
-  titleBar: `${q}-titleBar`,
-  titleSlider: `${q}-titleSlider`,
-  titleText: `${q}-titleText`,
-  leftPanelButton: `${q}-leftPanelButton`,
-  rightPanelButton: `${q}-leftPanelButton`
-}, hn = Ie("div", {
+}, un = 24, hn = 64, U = "TopBar", T = {
+  topStripe: `${U}-topStripe`,
+  titleBar: `${U}-titleBar`,
+  titleSlider: `${U}-titleSlider`,
+  titleText: `${U}-titleText`,
+  leftPanelButton: `${U}-leftPanelButton`,
+  rightPanelButton: `${U}-leftPanelButton`
+}, gn = De("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: q
+  name: U
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var r, s;
   return {
     width: "100%",
     [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${pn}px`,
+      height: `${un}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${un}px`,
+      height: `${hn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -599,17 +599,17 @@ const xo = ({
     })
   };
 });
-function gn({
+function fn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ f(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ f(gn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
     /* @__PURE__ */ o("div", { className: T.topStripe }),
     /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ f(I, { className: T.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
-        K,
+        Q,
         {
           className: T.leftPanelButton,
           color: "inherit",
@@ -619,13 +619,13 @@ function gn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(tt, {})
+            /* @__PURE__ */ o(ot, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(B, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(y, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ f(
-        K,
+        Q,
         {
           className: T.rightPanelButton,
           color: "inherit",
@@ -635,14 +635,14 @@ function gn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(nt, {})
+            /* @__PURE__ */ o(rt, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const ct = 400, fn = Ie(xe, {
+const ut = 400, mn = De(xe, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -672,7 +672,7 @@ const ct = 400, fn = Ie(xe, {
       marginLeft: `${s}px`
     }))
   })
-), mn = Ie(I, {
+), Cn = De(I, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => A(i({
   display: "flex",
@@ -692,30 +692,30 @@ const ct = 400, fn = Ie(xe, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Re({
+function ze({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: r = () => {
   },
   titleText: s = "",
-  width: c = ct,
+  width: c = ut,
   showCloseArrow: d = !0,
   debugOpacity: g = !1,
   headerBoxProps: p = {},
-  onOpened: h,
-  onClosed: w,
+  onOpened: u,
+  onClosed: b,
   "data-testid": x,
   navBarOpen: S = !1,
-  navBarWidthOpen: C = 0,
+  navBarWidthOpen: v = 0,
   navBarWidthClosed: D = 0
 }) {
   return /* @__PURE__ */ f(
-    fn,
+    mn,
     {
       SlideProps: {
-        onEntered: () => h == null ? void 0 : h(),
-        onExited: () => w == null ? void 0 : w()
+        onEntered: () => u == null ? void 0 : u(),
+        onExited: () => b == null ? void 0 : b()
       },
       variant: "persistent",
       anchor: t,
@@ -724,28 +724,28 @@ function Re({
       debugOpacity: g,
       "data-testid": x,
       navBarOpen: S,
-      navBarWidthOpen: C,
+      navBarWidthOpen: v,
       navBarWidthClosed: D,
       children: [
-        /* @__PURE__ */ o(mn, A(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(y, { children: [
-          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: s }),
-          d && /* @__PURE__ */ f(K, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(nt, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(Cn, A(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(E, { children: [
+          /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: s }),
+          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(rt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ f(y, { children: [
-          d && /* @__PURE__ */ f(K, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(tt, {}),
+        ] }) : /* @__PURE__ */ f(E, { children: [
+          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(ot, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: s })
+          /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: s })
         ] }) })),
         e
       ]
     }
   );
 }
-const Cn = L(I, {
+const vn = L(I, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -768,7 +768,7 @@ const Cn = L(I, {
     }),
     marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
   });
-}), vn = L(Ye, {
+}), wn = L(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -778,17 +778,17 @@ const Cn = L(I, {
 })), Ce = !1, ve = !1, te = {
   titleText: "",
   flavour: "push",
-  width: ct,
+  width: ut,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(y, {}),
+  content: /* @__PURE__ */ o(E, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function bo({
+function Ao({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -798,131 +798,131 @@ function bo({
   pageContainerProps: d,
   pageContentDataTestId: g,
   topBarDataTestId: p,
-  navBarOpen: h,
-  navBarWidthOpen: w,
+  navBarOpen: u,
+  navBarWidthOpen: b,
   navBarWidthClosed: x
 }) {
-  const [S, C] = O(Ce), [D, b] = O(ve), [m, u] = O(Ce), [E, M] = O(ve), $ = n !== void 0, N = r !== void 0, {
+  const [S, v] = O(Ce), [D, C] = O(ve), [m, h] = O(Ce), [$, M] = O(ve), B = n !== void 0, F = r !== void 0, {
     titleText: k,
     content: _,
-    flavour: F,
+    flavour: N,
     open: H,
     onChangeOpen: R,
     width: a,
     arrowButtons: l,
-    startOpen: v,
-    onOpened: j,
+    startOpen: w,
+    onOpened: q,
     onClosed: le,
     dataTestId: J
   } = n ? i(i({}, te), n) : i({}, te), {
     titleText: ce,
-    content: xt,
-    flavour: Oe,
+    content: At,
+    flavour: ke,
     open: de,
-    onChangeOpen: ke,
+    onChangeOpen: Te,
     width: pe,
     arrowButtons: Y,
     startOpen: Z,
-    onOpened: bt,
-    onClosed: At,
-    dataTestId: St
+    onOpened: St,
+    onClosed: It,
+    dataTestId: Dt
   } = r ? i(i({}, te), r) : i({}, te);
-  X(() => {
-    v !== Ce && (C(v), u(v));
-  }, [v]), X(() => {
-    Z !== ve && (b(Z), M(Z));
+  re(() => {
+    w !== Ce && (v(w), h(w));
+  }, [w]), re(() => {
+    Z !== ve && (C(Z), M(Z));
   }, [Z]);
-  const ue = H === void 0 ? S : H, he = de === void 0 ? D : de, Te = (W) => {
-    H === void 0 && (C(W), s && N && (W ? (b(!1), M(D)) : b(E))), R && R(W);
-  }, Ee = (W) => {
-    de === void 0 && (b(W), s && $ && (W ? (C(!1), u(S)) : C(m))), ke && ke(W);
+  const ue = H === void 0 ? S : H, he = de === void 0 ? D : de, Ee = (W) => {
+    H === void 0 && (v(W), s && F && (W ? (C(!1), M(D)) : C($))), R && R(W);
+  }, ye = (W) => {
+    de === void 0 && (C(W), s && B && (W ? (v(!1), h(S)) : v(m))), Te && Te(W);
   };
   return /* @__PURE__ */ f(I, { children: [
-    $ && /* @__PURE__ */ o(
-      Re,
+    B && /* @__PURE__ */ o(
+      ze,
       {
         "data-testid": J,
         anchor: "left",
         open: ue,
-        onClose: () => Te(!1),
+        onClose: () => Ee(!1),
         width: a,
         titleText: k,
         debugOpacity: c,
         showCloseArrow: l === "both" || l === "close",
-        onOpened: j,
+        onOpened: q,
         onClosed: le,
-        navBarOpen: h,
-        navBarWidthOpen: w,
+        navBarOpen: u,
+        navBarWidthOpen: b,
         navBarWidthClosed: x,
         children: _
       }
     ),
-    N && /* @__PURE__ */ o(
-      Re,
+    F && /* @__PURE__ */ o(
+      ze,
       {
-        "data-testid": St,
+        "data-testid": Dt,
         anchor: "right",
         open: he,
-        onClose: () => Ee(!1),
+        onClose: () => ye(!1),
         width: pe,
         titleText: ce,
         debugOpacity: c,
         showCloseArrow: Y === "both" || Y === "close",
-        onOpened: bt,
-        onClosed: At,
-        navBarOpen: h,
-        navBarWidthOpen: w,
+        onOpened: St,
+        onClosed: It,
+        navBarOpen: u,
+        navBarWidthOpen: b,
         navBarWidthClosed: x,
-        children: xt
+        children: At
       }
     ),
     /* @__PURE__ */ o(
-      gn,
+      fn,
       i(i({
         titleText: t,
         "data-testid": p
-      }, $ && F === "push" ? {
+      }, B && N === "push" ? {
         leftPanel: {
           open: ue,
           width: a,
-          onOpen: () => Te(!0),
+          onOpen: () => Ee(!0),
           showOpenArrow: l === "both" || l === "open"
         }
-      } : {}), N && Oe === "push" ? {
+      } : {}), F && ke === "push" ? {
         rightPanel: {
           open: he,
           width: pe,
-          onOpen: () => Ee(!0),
+          onOpen: () => ye(!0),
           showOpenArrow: Y === "both" || Y === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      Cn,
-      A(i(i({}, F === "push" ? {
+      vn,
+      A(i(i({}, N === "push" ? {
         leftPanel: {
           open: ue,
           width: a
         }
-      } : {}), Oe === "push" ? {
+      } : {}), ke === "push" ? {
         rightPanel: {
           open: he,
           width: pe
         }
       } : {}), {
-        children: /* @__PURE__ */ o(vn, A(i({ "data-testid": g }, d), { children: e }))
+        children: /* @__PURE__ */ o(wn, A(i({ "data-testid": g }, d), { children: e }))
       })
     )
   ] });
 }
-const dt = () => {
-  const e = ie();
-  return $t(e.breakpoints.down("sm"));
-}, wn = 64, xn = 64, bn = 256, se = P(!0), pt = P(bn), ut = P(xn), ht = P(""), gt = P(wn), ft = P(void 0);
-function An({ links: e }) {
+const ht = () => {
+  const e = ae();
+  return Nt(e.breakpoints.down("sm"));
+}, bn = 64, xn = 64, An = 256, K = P(!0), gt = P(An), ft = P(xn), be = P(""), mt = P(bn), Ct = P(void 0);
+function Sn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const ne = "Navbar", Q = {
+const ne = "Navbar", j = {
   root: `${ne}-root`,
   menuButton: `${ne}-menuButton`,
   hide: `${ne}-hide`,
@@ -930,17 +930,17 @@ const ne = "Navbar", Q = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Sn = L(I, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${Q.root}`]: {
+}, In = L(I, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${j.root}`]: {
     display: "flex"
   },
-  [`& .${Q.menuButton}`]: {
+  [`& .${j.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${Q.hide}`]: {
+  [`& .${j.hide}`]: {
     display: "none"
   },
-  [`& .${Q.content}`]: {
+  [`& .${j.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -949,13 +949,13 @@ const ne = "Navbar", Q = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), re = (e, t, n) => e.transitions.create(t, {
+})), ie = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), In = (e) => {
-  const t = ie();
+}), Dn = (e) => {
+  const t = ae();
   return /* @__PURE__ */ o(
-    Nt,
+    Lt,
     i({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -964,7 +964,7 @@ const ne = "Navbar", Q = {
       }
     }, e)
   );
-}, mt = (e) => {
+}, vt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -972,13 +972,13 @@ const ne = "Navbar", Q = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, We = (e, t) => i({
+}, Ge = (e, t) => i({
   width: t,
-  transition: re(e, "width", "entering")
-}, mt(e)), ze = (e, t) => i({
+  transition: ie(e, "width", "entering")
+}, vt(e)), Ue = (e, t) => i({
   width: t,
-  transition: re(e, "width", "leaving")
-}, mt(e)), Dn = L(xe, {
+  transition: ie(e, "width", "leaving")
+}, vt(e)), On = L(xe, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: s }) => i(i({
   flexShrink: 0,
@@ -986,14 +986,14 @@ const ne = "Navbar", Q = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && A(i({}, We(e, n)), {
+}, t && A(i({}, Ge(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": We(e, n)
-})), !t && A(i({}, ze(e, s ? n : r)), {
+  "& .MuiDrawer-paper": Ge(e, n)
+})), !t && A(i({}, Ue(e, s ? n : r)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": ze(e, s ? n : r)
+  "& .MuiDrawer-paper": Ue(e, s ? n : r)
 })));
-function On(e) {
+function kn(e) {
   let t = 0;
   for (let n = 0, r = e.length; n < r; n++) {
     const s = e.charCodeAt(n);
@@ -1001,9 +1001,9 @@ function On(e) {
   }
   return t;
 }
-const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], kn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function Tn({ user: e, domainCode: t, open: n }) {
-  const r = ie();
+const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Tn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function En({ user: e, domainCode: t, open: n }) {
+  const r = ae();
   return /* @__PURE__ */ f(
     I,
     {
@@ -1020,32 +1020,32 @@ function Tn({ user: e, domainCode: t, open: n }) {
           {
             sx: {
               width: n ? "5rem" : "2rem",
-              transition: n ? re(r, ["width", "height"], "entering") : re(r, ["width", "height"], "leaving"),
+              transition: n ? ie(r, ["width", "height"], "entering") : ie(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Fe,
+              Le,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ge[Math.abs(On(e.name)) % Ge.length]
+                  bgcolor: Ve[Math.abs(kn(e.name)) % Ve.length]
                 },
-                children: kn(e.name)
+                children: Tn(e.name)
               }
-            ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Le, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(In, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ft, { in: n, children: /* @__PURE__ */ f(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(B, { children: e.name }) : /* @__PURE__ */ o(Le, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Le, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Dn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Pt, { in: n, children: /* @__PURE__ */ f(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(y, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(y, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function En({
+function yn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -1056,39 +1056,39 @@ function En({
   user: g,
   domainCode: p
 }) {
-  const h = dt(), w = ot(se);
-  return /* @__PURE__ */ o(Sn, { className: Q.root, "data-testid": r, children: /* @__PURE__ */ f(
-    Dn,
+  const u = ht(), b = it(K);
+  return /* @__PURE__ */ o(In, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
+    On,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: h ? "temporary" : "permanent",
+      variant: u ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        w(!1);
+        b(!1);
       },
-      isSmallScreen: h,
+      isSmallScreen: u,
       children: [
-        !h && /* @__PURE__ */ o(Lt, {}),
+        !u && /* @__PURE__ */ o(Mt, {}),
         s && /* @__PURE__ */ f(I, { flexGrow: "0", children: [
           s,
-          /* @__PURE__ */ o(Pe, { variant: "middle" })
+          /* @__PURE__ */ o(Me, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(c) ? /* @__PURE__ */ o(An, { links: c }) : c }),
+        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(c) ? /* @__PURE__ */ o(Sn, { links: c }) : c }),
         /* @__PURE__ */ f(I, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Pe, { variant: "middle" }),
-          /* @__PURE__ */ o(Tn, { user: g, domainCode: p, open: e }),
-          d && /* @__PURE__ */ o(y, { children: d })
+          /* @__PURE__ */ o(Me, { variant: "middle" }),
+          /* @__PURE__ */ o(En, { user: g, domainCode: p, open: e }),
+          d && /* @__PURE__ */ o(E, { children: d })
         ] })
       ]
     }
   ) });
 }
-function yn({
+function $n({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1
@@ -1104,7 +1104,7 @@ function yn({
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Ye,
+        et,
         {
           component: "main",
           id: "main-content",
@@ -1116,13 +1116,13 @@ function yn({
     }
   );
 }
-const Bn = "TopBar", $n = {
+const Bn = "TopBar", Fn = {
   titleText: `${Bn}-titleText`
 };
 function Nn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = ot(se), s = () => r((g) => !g), c = ie(), d = dt();
+  const r = it(K), s = () => r((g) => !g), c = ae(), d = ht();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
-    Je,
+    Ze,
     {
       square: !0,
       elevation: 0,
@@ -1139,13 +1139,13 @@ function Nn({ titleText: e = "", height: t, "data-testid": n }) {
         zIndex: d ? 0 : c.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(K, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Qt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(B, { className: $n.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Jt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(y, { className: Fn.titleText, variant: "h6", children: e })
       ]
     }
   ) });
 }
-function Ao({
+function So({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -1155,38 +1155,38 @@ function Ao({
   navBarDataTestId: d,
   navBarMiddle: g,
   navBarBottom: p,
-  user: h,
-  domainCode: w
+  user: u,
+  domainCode: b
 }) {
-  const [x, S] = U(se), [C] = U(pt), [D] = U(ut), [b, m] = U(ht), [u] = U(gt), [E] = U(ft);
-  return X(() => {
-    t !== void 0 && m(t);
-  }, [t, m]), X(() => {
-    n !== void 0 && S(n);
-  }, [n, S]), /* @__PURE__ */ f(I, { children: [
-    /* @__PURE__ */ o(Pt, {}),
-    /* @__PURE__ */ o(Nn, { titleText: b, "data-testid": c, height: u }),
+  st([
+    [K, n != null ? n : !0],
+    [be, t != null ? t : ""]
+  ]);
+  const x = He(K), [S] = X(gt), [v] = X(ft), D = He(be), [C] = X(mt), [m] = X(Ct);
+  return /* @__PURE__ */ f(I, { children: [
+    /* @__PURE__ */ o(_t, {}),
+    /* @__PURE__ */ o(Nn, { titleText: D, "data-testid": c, height: C }),
     /* @__PURE__ */ f(I, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        En,
+        yn,
         {
           open: x,
-          top: E,
+          top: m,
           middle: g,
           bottom: p,
-          user: h,
-          domainCode: w,
-          widthOpen: C,
-          widthClosed: D,
-          offsetTop: u,
+          user: u,
+          domainCode: b,
+          widthOpen: S,
+          widthClosed: v,
+          offsetTop: C,
           "data-testid": d
         }
       ),
       /* @__PURE__ */ o(
-        yn,
+        $n,
         A(i({
           "data-testid": s,
-          topBarHeight: u
+          topBarHeight: C
         }, r), {
           children: e
         })
@@ -1194,122 +1194,122 @@ function Ao({
     ] })
   ] });
 }
-const Fn = {
+const Ln = {
   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
-}, Ln = {
+}, Pn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ue = {
+}, qe = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, qe = 100, Ve = 2e3, Pn = 2e3, Mn = (() => {
+}, Xe = 100, je = 2e3, Mn = 2e3, _n = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), _n = {
+})(), Hn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Hn = {}, Rn = {}, Ct = Qe(null);
-function Wn(c) {
+}, Rn = {}, Wn = {}, wt = Je(null);
+function zn(c) {
   var d = c, {
-    overrideState: e = Hn,
-    overrideActions: t = Rn,
-    shouldClose: n = Ln.shouldClose,
+    overrideState: e = Rn,
+    overrideActions: t = Wn,
+    shouldClose: n = Pn.shouldClose,
     children: r
-  } = d, s = $e(d, [
+  } = d, s = Fe(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var R;
-  const [{ open: g }, p] = O({ open: !1 }), h = fe([]), w = fe(Date.now()), x = fe(0), S = oe((a) => {
+  const [{ open: g }, p] = O({ open: !1 }), u = fe([]), b = fe(Date.now()), x = fe(0), S = oe((a) => {
     p({ open: a });
-  }, []), C = oe((a = {}) => {
-    x.current += 1, h.current.length >= qe && Date.now() - w.current >= Ve && (w.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${qe}) hit ${x.current} times in last ${Ve}ms)`
+  }, []), v = oe((a = {}) => {
+    x.current += 1, u.current.length >= Xe && Date.now() - b.current >= je && (b.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${x.current} times in last ${je}ms)`
     ), x.current = 0);
-    const l = i(A(i({}, Ue), {
-      key: Mn()
+    const l = i(A(i({}, qe), {
+      key: _n()
     }), a);
-    return h.current.push(l), h.current.length === 1 && p({ open: !0 }), l.key;
-  }, []), D = (a = "", l = {}) => C(i({ message: a, severity: "success" }, l)), b = (a = "", l = {}) => C(i({ message: a, severity: "info" }, l)), m = (a = "", l = {}) => C(i({ message: a, severity: "warning" }, l)), u = (a = "", l = {}) => C(i({ message: a, severity: "error" }, l)), E = (a) => {
-    const l = h.current.findIndex((v) => v.key === a);
+    return u.current.push(l), u.current.length === 1 && p({ open: !0 }), l.key;
+  }, []), D = (a = "", l = {}) => v(i({ message: a, severity: "success" }, l)), C = (a = "", l = {}) => v(i({ message: a, severity: "info" }, l)), m = (a = "", l = {}) => v(i({ message: a, severity: "warning" }, l)), h = (a = "", l = {}) => v(i({ message: a, severity: "error" }, l)), $ = (a) => {
+    const l = u.current.findIndex((w) => w.key === a);
     if (l !== -1)
-      return l === 0 ? (p({ open: !1 }), h.current[0]) : h.current.splice(l, 1);
+      return l === 0 ? (p({ open: !1 }), u.current[0]) : u.current.splice(l, 1);
   }, M = (a, l) => {
     n(a, l) && p({ open: !1 });
-  }, $ = () => {
-  }, N = () => {
-    h.current.shift(), h.current.length > 0 && p({ open: !0 });
-  }, k = (R = h.current[0]) != null ? R : i({}, Ue), _ = {};
+  }, B = () => {
+  }, F = () => {
+    u.current.shift(), u.current.length > 0 && p({ open: !0 });
+  }, k = (R = u.current[0]) != null ? R : i({}, qe), _ = {};
   "autoHideDuration" in k && (_.autoHideDuration = k.autoHideDuration);
-  const F = i(i({}, Fn), s), H = i(i({
+  const N = i(i({}, Ln), s), H = i(i({
     open: g,
     setOpen: S,
-    enqueueNotification: C,
+    enqueueNotification: v,
     enqueueSuccessNotification: D,
-    enqueueInfoNotification: b,
+    enqueueInfoNotification: C,
     enqueueWarningNotification: m,
-    enqueueErrorNotification: u,
-    removeNotification: E
+    enqueueErrorNotification: h,
+    removeNotification: $
   }, e), t);
-  return /* @__PURE__ */ f(Ct.Provider, { value: H, children: [
+  return /* @__PURE__ */ f(wt.Provider, { value: H, children: [
     r,
     /* @__PURE__ */ o(
-      Mt,
-      A(i(i({}, F), _), {
+      Ht,
+      A(i(i({}, N), _), {
         open: g,
         onClose: M,
         TransitionProps: {
-          onExited: N,
-          onExit: $
+          onExited: F,
+          onExit: B
         },
-        sx: { zIndex: Pn },
+        sx: { zIndex: Mn },
         children: /* @__PURE__ */ f("div", { children: [
           /* @__PURE__ */ o(
-            _t,
+            Rt,
             {
               onClose: (a) => M(a, "closeAlert"),
               severity: k.severity,
               variant: "filled",
-              icon: k.progressIndicator === "circular" ? /* @__PURE__ */ o(Se, { size: "1em" }) : void 0,
-              style: k.progressIndicator === "linear" ? _n : void 0,
+              icon: k.progressIndicator === "circular" ? /* @__PURE__ */ o(Ie, { size: "1em" }) : void 0,
+              style: k.progressIndicator === "linear" ? Hn : void 0,
               children: k.message
             }
           ),
-          k.progressIndicator === "linear" && /* @__PURE__ */ o(Ht, { color: "primary" })
+          k.progressIndicator === "linear" && /* @__PURE__ */ o(Wt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function zn() {
-  const e = Ke(Ct);
+function Gn() {
+  const e = Ye(wt);
   if (e === null)
-    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new Oe("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const So = ae(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Wn, A(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), Gn = Yt(), Io = ({
+const Io = se(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(zn, A(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+), Un = en(), Do = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(rt, { store: t != null ? t : Gn, children: e }), vt = "domainCode";
-var je;
-const Xe = P(
-  JSON.parse((je = localStorage.getItem(vt)) != null ? je : '{"domainCode": ""}').domainCode
-), wt = P(
-  (e) => e(Xe),
+}) => /* @__PURE__ */ o(at, { store: t != null ? t : Un, children: e }), bt = "domainCode";
+var Ke;
+const Qe = P(
+  JSON.parse((Ke = localStorage.getItem(bt)) != null ? Ke : '{"domainCode": ""}').domainCode
+), xt = P(
+  (e) => e(Qe),
   (e, t, n) => {
-    t(Xe, n), localStorage.setItem(vt, JSON.stringify({ domainCode: n }));
+    t(Qe, n), localStorage.setItem(bt, JSON.stringify({ domainCode: n }));
   }
-), Un = {
+), Vn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1323,8 +1323,8 @@ const Xe = P(
   "": ""
 }, qn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Un[e]) != null ? t : "";
-}, Do = ({
+  return e === null ? "N/A" : (t = Vn[e]) != null ? t : "";
+}, Oo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1332,14 +1332,14 @@ const Xe = P(
   applicationName: s,
   handleLogout: c
 }) => {
-  const [d, g] = U(wt), [p, h] = O(d), { enqueueSuccessNotification: w } = zn(), x = r.length === 0, S = !!d && !r.includes(d) && !r.includes(p), C = !d || x || S, D = () => z(void 0, null, function* () {
-    p ? (g(p), w(`Set domain to ${p}`), n()) : g("");
-  }), b = () => z(void 0, null, function* () {
-    d && !x && !S ? (h(d), n()) : C && c();
+  const [d, g] = X(xt), [p, u] = O(d), { enqueueSuccessNotification: b } = Gn(), x = r.length === 0, S = !!d && !r.includes(d) && !r.includes(p), v = !d || x || S, D = () => z(void 0, null, function* () {
+    p ? (g(p), b(`Set domain to ${p}`), n()) : g("");
+  }), C = () => z(void 0, null, function* () {
+    d && !x && !S ? (u(d), n()) : v && c();
   });
   let m;
   return x ? m = "Unable to retrieve your active organisations. Try logging in again." : S && (m = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
-    dn,
+    pn,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1350,47 +1350,47 @@ const Xe = P(
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: C ? "Logout" : "Cancel",
-        onClick: b
+        text: v ? "Logout" : "Cancel",
+        onClick: C
       },
-      onClose: C ? () => {
+      onClose: v ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ f(B, { marginBottom: 2, children: [
+        /* @__PURE__ */ f(y, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
         ] }),
         /* @__PURE__ */ o(
-          be,
+          Ae,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: p !== "" ? p : null,
-            onChange: (u, E) => h(E != null ? E : ""),
+            onChange: (h, $) => u($ != null ? $ : ""),
             getOptionLabel: qn,
             options: [...r],
-            renderInput: (u) => /* @__PURE__ */ o(
-              Ae,
-              A(i({}, u), {
+            renderInput: (h) => /* @__PURE__ */ o(
+              Se,
+              A(i({}, h), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: A(i({}, u.InputProps), {
-                  endAdornment: /* @__PURE__ */ f(y, { children: [
-                    e ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    u.InputProps.endAdornment
+                InputProps: A(i({}, h.InputProps), {
+                  endAdornment: /* @__PURE__ */ f(E, { children: [
+                    e ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    h.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        m && /* @__PURE__ */ o(Rt, { error: !0, children: m })
+        m && /* @__PURE__ */ o(zt, { error: !0, children: m })
       ]
     }
   );
-}, Oo = Ze({
+}, ko = tt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1441,7 +1441,7 @@ const Xe = P(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), ko = Ze({
+}), To = tt({
   palette: {
     primary: {
       main: "#007236",
@@ -1532,24 +1532,24 @@ const Xe = P(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Vn = {
-  domainCode: wt,
-  navBarOpen: se,
-  navBarWidthOpen: pt,
-  navBarWidthClosed: ut,
-  titleText: ht,
-  topBarHeight: gt,
-  navBarTop: ft
-}, To = ae(() => ({ children: e }) => /* @__PURE__ */ o(rt, { children: e })), Xn = ({
+}), Xn = {
+  domainCode: xt,
+  navBarOpen: K,
+  navBarWidthOpen: gt,
+  navBarWidthClosed: ft,
+  titleText: be,
+  topBarHeight: mt,
+  navBarTop: Ct
+}, Eo = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), jn = ({
   initialValues: e,
   children: t
-}) => (Zt(e), /* @__PURE__ */ o(y, { children: t })), Eo = ae(
+}) => (st(e), /* @__PURE__ */ o(E, { children: t })), yo = se(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    Xn,
+    jn,
     {
       initialValues: Object.entries(e).map(
         ([n, r]) => [
-          Vn[n],
+          Xn[n],
           r
         ]
       ),
@@ -1558,42 +1558,41 @@ const Xe = P(
   )
 );
 export {
-  dn as AgDialog,
-  Ao as AppLayout,
-  Io as AtomProvider,
-  Ct as Context,
-  De as ContextError,
-  Do as DomainCodeDialog,
-  go as ExampleComponent,
-  wo as FetchAutocomplete,
-  Xn as HydrateAtoms,
-  at as NAVBAR_WIDTH_CLOSED,
-  it as NAVBAR_WIDTH_OPENED,
-  vo as NavBar,
-  mo as NavBarDarkStyledList,
-  Co as NavBarLightStyledList,
-  sn as NavBarProvider,
-  bo as PageLayout,
-  Wn as SaladBarProvider,
+  pn as AgDialog,
+  So as AppLayout,
+  Do as AtomProvider,
+  wt as Context,
+  Oe as ContextError,
+  Oo as DomainCodeDialog,
+  fo as ExampleComponent,
+  bo as FetchAutocomplete,
+  jn as HydrateAtoms,
+  ct as NAVBAR_WIDTH_CLOSED,
+  lt as NAVBAR_WIDTH_OPENED,
+  wo as NavBar,
+  Co as NavBarDarkStyledList,
+  vo as NavBarLightStyledList,
+  ln as NavBarProvider,
+  Ao as PageLayout,
+  zn as SaladBarProvider,
   xo as SingleAutocomplete,
-  Gn as atomStore,
-  cn as buildNavBarState,
-  wt as domainCodeAtom,
-  Oo as fed21Theme,
-  ko as internalAgSystemsTheme,
+  Un as atomStore,
+  dn as buildNavBarState,
+  xt as domainCodeAtom,
+  ko as fed21Theme,
+  To as internalAgSystemsTheme,
   V as navBarClasses,
-  se as navBarOpenAtom,
-  ft as navBarTopAtom,
-  ut as navBarWidthClosedAtom,
-  pt as navBarWidthOpenAtom,
-  ht as titleTextAtom,
-  gt as topBarHeightAtom,
-  ln as useNavBar,
-  zn as useSaladBar,
-  dt as useSmallScreen,
-  To as withAtomProvider,
-  fo as withNavBarProvider,
-  Eo as withOverrideDefaults,
-  So as withSaladBarProvider
+  K as navBarOpenAtom,
+  Ct as navBarTopAtom,
+  ft as navBarWidthClosedAtom,
+  gt as navBarWidthOpenAtom,
+  be as titleTextAtom,
+  mt as topBarHeightAtom,
+  cn as useNavBar,
+  Gn as useSaladBar,
+  Eo as withAtomProvider,
+  mo as withNavBarProvider,
+  yo as withOverrideDefaults,
+  Io as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map