@australiangreens/ag-internal-components 0.0.36 → 0.0.37

package/dist/esm/index.js

@@ -1,25 +1,25 @@
-var lt = Object.defineProperty, dt = Object.defineProperties;
-var ct = Object.getOwnPropertyDescriptors;
+var gt = Object.defineProperty, ht = Object.defineProperties;
+var ft = Object.getOwnPropertyDescriptors;
 var J = Object.getOwnPropertySymbols;
-var Ce = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable;
-var de = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var we = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
+var de = (e, t, n) => t in e ? gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
-    Ce.call(t, n) && de(e, n, t[n]);
+    we.call(t, n) && de(e, n, t[n]);
   if (J)
     for (var n of J(t))
-      we.call(t, n) && de(e, n, t[n]);
+      be.call(t, n) && de(e, n, t[n]);
   return e;
-}, x = (e, t) => dt(e, ct(t));
-var be = (e, t) => {
+}, x = (e, t) => ht(e, ft(t));
+var Ae = (e, t) => {
   var n = {};
   for (var r in e)
-    Ce.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+    we.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && J)
     for (var r of J(e))
-      t.indexOf(r) < 0 && we.call(e, r) && (n[r] = e[r]);
+      t.indexOf(r) < 0 && be.call(e, r) && (n[r] = e[r]);
   return n;
 };
-var Ae = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Se = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
 var K = (e, t, n) => new Promise((r, a) => {
   var l = (s) => {
     try {
@@ -37,29 +37,29 @@ var K = (e, t, n) => new Promise((r, a) => {
   u((n = n.apply(e, t)).next());
 });
 import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
-import { useState as O, createContext as Pe, useCallback as te, useContext as Le, useEffect as ne, useRef as ce } from "react";
-import { Typography as y, Button as pt, Paper as oe, styled as X, Box as A, IconButton as V, Drawer as ut, Container as _e, Divider as Se, CssBaseline as gt, Snackbar as ht, Alert as ft, CircularProgress as Me, LinearProgress as mt, Autocomplete as vt, TextField as xt, FormHelperText as Ct } from "@mui/material";
-import wt from "@mui/material/CssBaseline";
-import { styled as M, createTheme as He, alpha as pe } from "@mui/material/styles";
-import Re from "@mui/material/Drawer";
-import { AgError as bt } from "@australiangreens/ag-error";
+import { useState as O, createContext as Le, useCallback as te, useContext as _e, useEffect as ne, useRef as ce } from "react";
+import { Typography as y, Button as mt, Paper as oe, styled as X, Box as A, IconButton as V, Drawer as vt, Container as Me, Divider as Te, CssBaseline as xt, Snackbar as Ct, Alert as wt, CircularProgress as He, LinearProgress as bt, Autocomplete as At, TextField as St, FormHelperText as Tt } from "@mui/material";
+import It from "@mui/material/CssBaseline";
+import { styled as M, createTheme as Re, alpha as pe } from "@mui/material/styles";
+import We from "@mui/material/Drawer";
+import { AgError as Ot } from "@australiangreens/ag-error";
 import { createHelper as re } from "souvlaki";
-import We from "@mui/material/List";
+import ze from "@mui/material/List";
 import Ie from "@mui/material/Button";
-import At from "@mui/material/Dialog";
-import St from "@mui/material/DialogActions";
-import It from "@mui/material/DialogContent";
-import Tt from "@mui/material/DialogTitle";
-import { ArrowForward as ze, ArrowBack as Ge, ViewHeadline as Ot } from "@mui/icons-material";
-import { atom as B, useSetAtom as Dt, useAtom as E, Provider as Bt } from "jotai";
-import { useHydrateAtoms as $t } from "jotai/utils";
+import Bt from "@mui/material/Dialog";
+import Dt from "@mui/material/DialogActions";
+import $t from "@mui/material/DialogContent";
+import kt from "@mui/material/DialogTitle";
+import { ArrowForward as Ge, ArrowBack as Ue, ViewHeadline as Nt } from "@mui/icons-material";
+import { atom as D, useSetAtom as Et, useAtom as E, Provider as Ft } from "jotai";
+import { useHydrateAtoms as yt } from "jotai/utils";
 function zn({ text: e }) {
   const [t, n] = O(0);
   return /* @__PURE__ */ p(_, { children: [
     /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
     /* @__PURE__ */ o(y, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      pt,
+      mt,
       {
         variant: "outlined",
         onClick: () => n((r) => r + 1),
@@ -77,7 +77,7 @@ function zn({ text: e }) {
     ] })
   ] });
 }
-const Ue = 330, Ve = 73, N = "Navbar", L = {
+const Ve = 330, Xe = 73, N = "Navbar", L = {
   root: `${N}-root`,
   menuButton: `${N}-menuButton`,
   hide: `${N}-hide`,
@@ -85,7 +85,7 @@ const Ue = 330, Ve = 73, N = "Navbar", L = {
   userInfoHolder: `${N}-userInfoHolder`,
   settings: `${N}-settings`,
   pieChartIcon: `${N}-pieChartIcon`
-}, kt = M("div", { name: "NavBar" })(({ theme: e }) => ({
+}, Pt = M("div", { name: "NavBar" })(({ theme: e }) => ({
   [`&.${L.root}`]: {
     display: "flex"
   },
@@ -104,7 +104,7 @@ const Ue = 330, Ve = 73, N = "Navbar", L = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), Xe = () => ({
+})), qe = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -112,29 +112,29 @@ const Ue = 330, Ve = 73, N = "Navbar", L = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Nt = () => i({
-  width: Ue
-}, Xe()), Et = () => i({
+}), Lt = () => i({
   width: Ve
-}, Xe()), Ft = M(Re, {
+}, qe()), _t = () => i({
+  width: Xe
+}, qe()), Mt = M(We, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
-  width: t ? Ue : Ve,
+  width: t ? Ve : Xe,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": Nt()
+  "& .MuiDrawer-paper": Lt()
 }), !t && {
-  "& .MuiDrawer-paper": Et()
+  "& .MuiDrawer-paper": _t()
 }));
-class he extends bt {
+class he extends Ot {
 }
-Ae(he, "errorName", "ContextError");
-const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
-  overrideState: e = yt,
-  overrideActions: t = Pt,
+Se(he, "errorName", "ContextError");
+const je = Le(null), Ht = {}, Rt = {}, Wt = ({
+  overrideState: e = Ht,
+  overrideActions: t = Rt,
   children: n
 }) => {
   const [{ open: r }, a] = O({ open: !0 }), l = te((s) => {
@@ -146,17 +146,17 @@ const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
     setOpen: l,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(qe.Provider, { value: u, children: n });
-}, _t = () => {
-  const e = Le(qe);
+  return /* @__PURE__ */ o(je.Provider, { value: u, children: n });
+}, zt = () => {
+  const e = _e(je);
   if (e === null)
     throw new he("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Mt = (e = {}) => i({
+}, Gt = (e = {}) => i({
   open: !0
 }, e), Gn = re(
-  (e = Mt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Lt, { overrideState: e, overrideActions: t, children: n })
-), Te = 7, Un = M(We)(({ theme: e }) => ({
+  (e = Gt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Wt, { overrideState: e, overrideActions: t, children: n })
+), Oe = 7, Un = M(ze)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -165,7 +165,7 @@ const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Te}px`
+      padding: `${Oe}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -176,7 +176,7 @@ const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Te}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Oe}px)`
     },
     // Hover state
     "&:hover": {
@@ -194,7 +194,7 @@ const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Oe = 7, Vn = M(We)(({ theme: e }) => ({
+})), Be = 7, Vn = M(ze)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -203,7 +203,7 @@ const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Oe}px`
+      padding: `${Be}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -214,7 +214,7 @@ const qe = Pe(null), yt = {}, Pt = {}, Lt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Oe}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Be}px)`
     },
     // Hover state
     "&:hover": {
@@ -237,11 +237,11 @@ function Xn({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = _t();
-  return /* @__PURE__ */ p(kt, { className: L.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(wt, {}),
+  const { open: n } = zt();
+  return /* @__PURE__ */ p(Pt, { className: L.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(It, {}),
     /* @__PURE__ */ o(
-      Ft,
+      Mt,
       {
         variant: "permanent",
         anchor: "left",
@@ -252,7 +252,7 @@ function Xn({
     )
   ] });
 }
-const Ht = ({
+const Ut = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -264,7 +264,7 @@ const Ht = ({
   var d, v;
   const [u, s] = O(!1);
   return /* @__PURE__ */ p(
-    At,
+    Bt,
     {
       open: e,
       onClose: () => {
@@ -273,9 +273,9 @@ const Ht = ({
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
       children: [
-        /* @__PURE__ */ o(Tt, { children: t }),
-        /* @__PURE__ */ o(It, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ p(St, { children: [
+        /* @__PURE__ */ o(kt, { children: t }),
+        /* @__PURE__ */ o($t, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ p(Dt, { children: [
           /* @__PURE__ */ o(
             Ie,
             {
@@ -301,14 +301,14 @@ const Ht = ({
       ]
     }
   );
-}, Rt = 24, Wt = 64, F = "TopBar", b = {
+}, Vt = 24, Xt = 64, F = "TopBar", b = {
   topStripe: `${F}-topStripe`,
   titleBar: `${F}-titleBar`,
   titleSlider: `${F}-titleSlider`,
   titleText: `${F}-titleText`,
   leftPanelButton: `${F}-leftPanelButton`,
   rightPanelButton: `${F}-leftPanelButton`
-}, zt = X("div", {
+}, qt = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: F
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -317,12 +317,12 @@ const Ht = ({
     width: "100%",
     [`& .${b.topStripe}`]: {
       width: "100%",
-      height: `${Rt}px`,
+      height: `${Vt}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${b.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Wt}px`,
+      height: `${Xt}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -360,13 +360,13 @@ const Ht = ({
     })
   };
 });
-function Gt({
+function jt({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ p(zt, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ p(qt, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
     /* @__PURE__ */ o("div", { className: b.topStripe }),
     /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ p(A, { className: b.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
@@ -380,7 +380,7 @@ function Gt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(ze, {})
+            /* @__PURE__ */ o(Ge, {})
           ]
         }
       ),
@@ -396,14 +396,14 @@ function Gt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(Ge, {})
+            /* @__PURE__ */ o(Ue, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const je = 400, Ut = X(ut, {
+const Qe = 400, Qt = X(vt, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -433,7 +433,7 @@ const je = 400, Ut = X(ut, {
       marginLeft: `${a}px`
     }))
   })
-), Vt = X(A, {
+), Yt = X(A, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => x(i({
   display: "flex",
@@ -460,7 +460,7 @@ function De({
   onClose: r = () => {
   },
   titleText: a = "",
-  width: l = je,
+  width: l = Qe,
   showCloseArrow: c = !0,
   debugOpacity: u = !1,
   headerBoxProps: s = {},
@@ -472,7 +472,7 @@ function De({
   navBarWidthClosed: w = 0
 }) {
   return /* @__PURE__ */ p(
-    Ut,
+    Qt,
     {
       SlideProps: {
         onEntered: () => d == null ? void 0 : d(),
@@ -488,15 +488,15 @@ function De({
       navBarWidthOpen: m,
       navBarWidthClosed: w,
       children: [
-        /* @__PURE__ */ o(Vt, x(i({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
+        /* @__PURE__ */ o(Yt, x(i({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
           /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: a }),
           c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(Ge, { "data-testid": "arrowbackicon" }),
+            /* @__PURE__ */ o(Ue, { "data-testid": "arrowbackicon" }),
             " "
           ] })
         ] }) : /* @__PURE__ */ p(_, { children: [
           c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(ze, {}),
+            /* @__PURE__ */ o(Ge, {}),
             " "
           ] }),
           /* @__PURE__ */ o(y, { variant: "h6", color: "inherit", component: "div", children: a })
@@ -506,7 +506,7 @@ function De({
     }
   );
 }
-const Xt = X("div", {
+const Jt = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -529,7 +529,7 @@ const Xt = X("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), qt = X(_e, {
+}), Kt = X(Me, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -538,7 +538,7 @@ const Xt = X("div", {
 })), ue = !1, ge = !1, Z = {
   titleText: "",
   flavour: "push",
-  width: je,
+  width: Qe,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
@@ -562,8 +562,8 @@ function qn({
   navBarWidthOpen: v,
   navBarWidthClosed: f
 }) {
-  const [C, m] = O(ue), [w, S] = O(ge), [D, I] = O(ue), [$, H] = O(ge), R = n !== void 0, W = r !== void 0, {
-    titleText: T,
+  const [C, m] = O(ue), [w, S] = O(ge), [B, T] = O(ue), [$, H] = O(ge), R = n !== void 0, W = r !== void 0, {
+    titleText: I,
     content: q,
     flavour: j,
     open: z,
@@ -571,46 +571,46 @@ function qn({
     width: g,
     arrowButtons: h,
     startOpen: P,
-    onOpened: et,
-    onClosed: tt,
-    dataTestId: nt
+    onOpened: it,
+    onClosed: at,
+    dataTestId: st
   } = n ? i(i({}, Z), n) : i({}, Z), {
-    titleText: ot,
-    content: rt,
-    flavour: fe,
+    titleText: lt,
+    content: dt,
+    flavour: me,
     open: ie,
-    onChangeOpen: me,
+    onChangeOpen: ve,
     width: ae,
     arrowButtons: Q,
     startOpen: Y,
-    onOpened: it,
-    onClosed: at,
-    dataTestId: st
+    onOpened: ct,
+    onClosed: pt,
+    dataTestId: ut
   } = r ? i(i({}, Z), r) : i({}, Z);
   ne(() => {
-    P !== ue && (m(P), I(P));
+    P !== ue && (m(P), T(P));
   }, [P]), ne(() => {
     Y !== ge && (S(Y), H(Y));
   }, [Y]);
-  const se = z === void 0 ? C : z, le = ie === void 0 ? w : ie, ve = (k) => {
+  const se = z === void 0 ? C : z, le = ie === void 0 ? w : ie, xe = (k) => {
     z === void 0 && (m(k), a && W && (k ? (S(!1), H(w)) : S($))), G && G(k);
-  }, xe = (k) => {
-    ie === void 0 && (S(k), a && R && (k ? (m(!1), I(C)) : m(D))), me && me(k);
+  }, Ce = (k) => {
+    ie === void 0 && (S(k), a && R && (k ? (m(!1), T(C)) : m(B))), ve && ve(k);
   };
   return /* @__PURE__ */ p(A, { children: [
     R && /* @__PURE__ */ o(
       De,
       {
-        "data-testid": nt,
+        "data-testid": st,
         anchor: "left",
         open: se,
-        onClose: () => ve(!1),
+        onClose: () => xe(!1),
         width: g,
-        titleText: T,
+        titleText: I,
         debugOpacity: l,
         showCloseArrow: h === "both" || h === "close",
-        onOpened: et,
-        onClosed: tt,
+        onOpened: it,
+        onClosed: at,
         navBarOpen: d,
         navBarWidthOpen: v,
         navBarWidthClosed: f,
@@ -620,24 +620,24 @@ function qn({
     W && /* @__PURE__ */ o(
       De,
       {
-        "data-testid": st,
+        "data-testid": ut,
         anchor: "right",
         open: le,
-        onClose: () => xe(!1),
+        onClose: () => Ce(!1),
         width: ae,
-        titleText: ot,
+        titleText: lt,
         debugOpacity: l,
         showCloseArrow: Q === "both" || Q === "close",
-        onOpened: it,
-        onClosed: at,
+        onOpened: ct,
+        onClosed: pt,
         navBarOpen: d,
         navBarWidthOpen: v,
         navBarWidthClosed: f,
-        children: rt
+        children: dt
       }
     ),
     /* @__PURE__ */ o(
-      Gt,
+      jt,
       i(i({
         titleText: t,
         "data-testid": s
@@ -645,41 +645,41 @@ function qn({
         leftPanel: {
           open: se,
           width: g,
-          onOpen: () => ve(!0),
+          onOpen: () => xe(!0),
           showOpenArrow: h === "both" || h === "open"
         }
-      } : {}), W && fe === "push" ? {
+      } : {}), W && me === "push" ? {
         rightPanel: {
           open: le,
           width: ae,
-          onOpen: () => xe(!0),
+          onOpen: () => Ce(!0),
           showOpenArrow: Q === "both" || Q === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      Xt,
+      Jt,
       x(i(i({}, j === "push" ? {
         leftPanel: {
           open: se,
           width: g
         }
-      } : {}), fe === "push" ? {
+      } : {}), me === "push" ? {
         rightPanel: {
           open: le,
           width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ o(qt, x(i({ "data-testid": u }, c), { children: e }))
+        children: /* @__PURE__ */ o(Kt, x(i({ "data-testid": u }, c), { children: e }))
       })
     )
   ] });
 }
-const jt = 64, Qt = 64, Yt = 256, Qe = B(!0), Jt = B(Yt), Kt = B(Qt), Zt = B(""), en = B(jt), tn = B(void 0), nn = "TopBar", on = {
+const Zt = 64, en = 64, tn = 256, fe = D(!0), Ye = D(tn), Je = D(en), Ke = D(""), Ze = D(Zt), et = D(void 0), nn = "TopBar", on = {
   titleText: `${nn}-titleText`
 };
 function rn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = Dt(Qe);
+  const r = Et(fe);
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     oe,
     {
@@ -697,7 +697,7 @@ function rn({ titleText: e = "", height: t, "data-testid": n }) {
         height: t
       },
       children: [
-        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(Ot, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(Nt, { fontSize: "medium" }) }),
         /* @__PURE__ */ o(y, { className: on.titleText, variant: "h6", children: e })
       ]
     }
@@ -730,7 +730,7 @@ const ee = "Navbar", U = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), Ye = (e, t) => {
+})), tt = (e, t) => {
   var n, r;
   return {
     height: `calc(100vh - ${t})`,
@@ -741,29 +741,29 @@ const ee = "Navbar", U = {
     backgroundColor: (r = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? r : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Be = (e, t, n) => i({
+}, $e = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   })
-}, Ye(e, n)), $e = (e, t, n) => i({
+}, tt(e, n)), ke = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, Ye(e, n)), sn = M(Re, {
+}, tt(e, n)), sn = M(We, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && x(i({}, Be(e, n, a)), {
-  "& .MuiDrawer-paper": Be(e, n, a)
-})), !t && x(i({}, $e(e, r, a)), {
-  "& .MuiDrawer-paper": $e(e, r, a)
+}, t && x(i({}, $e(e, n, a)), {
+  "& .MuiDrawer-paper": $e(e, n, a)
+})), !t && x(i({}, ke(e, r, a)), {
+  "& .MuiDrawer-paper": ke(e, r, a)
 })));
 function ln({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
@@ -790,11 +790,11 @@ function dn({
       children: /* @__PURE__ */ p(A, { component: "nav", sx: {}, children: [
         l && /* @__PURE__ */ p(A, { sx: { flexGrow: 1 }, children: [
           l,
-          /* @__PURE__ */ o(Se, { variant: "middle" })
+          /* @__PURE__ */ o(Te, { variant: "middle" })
         ] }),
         Array.isArray(c) ? /* @__PURE__ */ o(ln, { links: c }) : c,
         u && /* @__PURE__ */ p(A, { sx: {}, children: [
-          /* @__PURE__ */ o(Se, { variant: "middle" }),
+          /* @__PURE__ */ o(Te, { variant: "middle" }),
           u
         ] })
       ] })
@@ -813,7 +813,7 @@ function cn({ children: e, topBarHeight: t }) {
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        _e,
+        Me,
         {
           component: "main",
           id: "main-content",
@@ -834,13 +834,13 @@ function jn({
   navBarDataTestId: c,
   navBarMiddle: u
 }) {
-  const [s, d] = E(Qe), [v] = E(Jt), [f] = E(Kt), [C, m] = E(Zt), [w] = E(en), [S] = E(tn);
+  const [s, d] = E(fe), [v] = E(Ye), [f] = E(Je), [C, m] = E(Ke), [w] = E(Ze), [S] = E(et);
   return ne(() => {
     t !== void 0 && m(t);
   }, [t, m]), ne(() => {
     n !== void 0 && d(n);
   }, [n, d]), /* @__PURE__ */ p(A, { children: [
-    /* @__PURE__ */ o(gt, {}),
+    /* @__PURE__ */ o(xt, {}),
     /* @__PURE__ */ o(rn, { titleText: C, "data-testid": l, height: w }),
     /* @__PURE__ */ p(A, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
@@ -876,26 +876,26 @@ const pn = {
   disableWindowBlurListener: !1
 }, un = {
   shouldClose: (e, t) => t !== "clickaway"
-}, ke = {
+}, Ne = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ne = 100, Ee = 2e3, gn = 2e3, hn = (() => {
+}, Ee = 100, Fe = 2e3, gn = 2e3, hn = (() => {
   let e = 0;
   return () => (e += 1, e);
 })(), fn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, mn = {}, vn = {}, Je = Pe(null);
+}, mn = {}, vn = {}, nt = Le(null);
 function xn(l) {
   var c = l, {
     overrideState: e = mn,
     overrideActions: t = vn,
     shouldClose: n = un.shouldClose,
     children: r
-  } = c, a = be(c, [
+  } = c, a = Ae(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
@@ -905,14 +905,14 @@ function xn(l) {
   const [{ open: u }, s] = O({ open: !1 }), d = ce([]), v = ce(Date.now()), f = ce(0), C = te((g) => {
     s({ open: g });
   }, []), m = te((g = {}) => {
-    f.current += 1, d.current.length >= Ne && Date.now() - v.current >= Ee && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ne}) hit ${f.current} times in last ${Ee}ms)`
+    f.current += 1, d.current.length >= Ee && Date.now() - v.current >= Fe && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ee}) hit ${f.current} times in last ${Fe}ms)`
     ), f.current = 0);
-    const h = i(x(i({}, ke), {
+    const h = i(x(i({}, Ne), {
       key: hn()
     }), g);
     return d.current.push(h), d.current.length === 1 && s({ open: !0 }), h.key;
-  }, []), w = (g = "", h = {}) => m(i({ message: g, severity: "success" }, h)), S = (g = "", h = {}) => m(i({ message: g, severity: "info" }, h)), D = (g = "", h = {}) => m(i({ message: g, severity: "warning" }, h)), I = (g = "", h = {}) => m(i({ message: g, severity: "error" }, h)), $ = (g) => {
+  }, []), w = (g = "", h = {}) => m(i({ message: g, severity: "success" }, h)), S = (g = "", h = {}) => m(i({ message: g, severity: "info" }, h)), B = (g = "", h = {}) => m(i({ message: g, severity: "warning" }, h)), T = (g = "", h = {}) => m(i({ message: g, severity: "error" }, h)), $ = (g) => {
     const h = d.current.findIndex((P) => P.key === g);
     if (h !== -1)
       return h === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(h, 1);
@@ -921,22 +921,22 @@ function xn(l) {
   }, R = () => {
   }, W = () => {
     d.current.shift(), d.current.length > 0 && s({ open: !0 });
-  }, T = (G = d.current[0]) != null ? G : i({}, ke), q = {};
-  "autoHideDuration" in T && (q.autoHideDuration = T.autoHideDuration);
+  }, I = (G = d.current[0]) != null ? G : i({}, Ne), q = {};
+  "autoHideDuration" in I && (q.autoHideDuration = I.autoHideDuration);
   const j = i(i({}, pn), a), z = i(i({
     open: u,
     setOpen: C,
     enqueueNotification: m,
     enqueueSuccessNotification: w,
     enqueueInfoNotification: S,
-    enqueueWarningNotification: D,
-    enqueueErrorNotification: I,
+    enqueueWarningNotification: B,
+    enqueueErrorNotification: T,
     removeNotification: $
   }, e), t);
-  return /* @__PURE__ */ p(Je.Provider, { value: z, children: [
+  return /* @__PURE__ */ p(nt.Provider, { value: z, children: [
     r,
     /* @__PURE__ */ o(
-      ht,
+      Ct,
       x(i(i({}, j), q), {
         open: u,
         onClose: H,
@@ -947,38 +947,38 @@ function xn(l) {
         sx: { zIndex: gn },
         children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
-            ft,
+            wt,
             {
               onClose: (g) => H(g, "closeAlert"),
-              severity: T.severity,
+              severity: I.severity,
               variant: "filled",
-              icon: T.progressIndicator === "circular" ? /* @__PURE__ */ o(Me, { size: "1em" }) : void 0,
-              style: T.progressIndicator === "linear" ? fn : void 0,
-              children: T.message
+              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(He, { size: "1em" }) : void 0,
+              style: I.progressIndicator === "linear" ? fn : void 0,
+              children: I.message
             }
           ),
-          T.progressIndicator === "linear" && /* @__PURE__ */ o(mt, { color: "primary" })
+          I.progressIndicator === "linear" && /* @__PURE__ */ o(bt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
 function Cn() {
-  const e = Le(Je);
+  const e = _e(nt);
   if (e === null)
     throw new he("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const Qn = re(
   (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(xn, x(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), Ke = "domainCode";
-var ye;
-const Fe = B(
-  JSON.parse((ye = localStorage.getItem(Ke)) != null ? ye : "{}").domainCode
-), Ze = B(
-  (e) => e(Fe),
+), ot = "domainCode";
+var Pe;
+const ye = D(
+  JSON.parse((Pe = localStorage.getItem(ot)) != null ? Pe : "{}").domainCode
+), rt = D(
+  (e) => e(ye),
   (e, t, n) => {
-    t(Fe, n), localStorage.setItem(Ke, JSON.stringify({ domainCode: n }));
+    t(ye, n), localStorage.setItem(ot, JSON.stringify({ domainCode: n }));
   }
 ), wn = {
   act: "ACT",
@@ -1003,14 +1003,14 @@ const Fe = B(
   applicationName: a,
   handleLogout: l
 }) => {
-  const [c, u] = E(Ze), [s, d] = O(c), { enqueueSuccessNotification: v } = Cn(), f = r.length === 0, C = !!c && !r.includes(c) && !r.includes(s), m = !c || f || C, w = () => K(void 0, null, function* () {
+  const [c, u] = E(rt), [s, d] = O(c), { enqueueSuccessNotification: v } = Cn(), f = r.length === 0, C = !!c && !r.includes(c) && !r.includes(s), m = !c || f || C, w = () => K(void 0, null, function* () {
     s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
   }), S = () => K(void 0, null, function* () {
     c && !f && !C ? (d(c), n()) : m && l();
   });
-  let D;
-  return f ? D = "Unable to retrieve your active organisations. Try logging in again." : C && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    Ht,
+  let B;
+  return f ? B = "Unable to retrieve your active organisations. Try logging in again." : C && (B = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
+    Ut,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1031,35 +1031,35 @@ const Fe = B(
           "."
         ] }),
         /* @__PURE__ */ o(
-          vt,
+          At,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: s != null ? s : null,
-            onChange: (I, $) => d($ != null ? $ : ""),
+            onChange: (T, $) => d($ != null ? $ : ""),
             getOptionLabel: bn,
             options: [...r],
-            renderInput: (I) => /* @__PURE__ */ o(
-              xt,
-              x(i({}, I), {
+            renderInput: (T) => /* @__PURE__ */ o(
+              St,
+              x(i({}, T), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: x(i({}, I.InputProps), {
+                InputProps: x(i({}, T.InputProps), {
                   endAdornment: /* @__PURE__ */ p(_, { children: [
-                    e ? /* @__PURE__ */ o(Me, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    I.InputProps.endAdornment
+                    e ? /* @__PURE__ */ o(He, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    T.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        D && /* @__PURE__ */ o(Ct, { error: !0, children: D })
+        B && /* @__PURE__ */ o(Tt, { error: !0, children: B })
       ]
     }
   );
-}, Jn = He({
+}, Jn = Re({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1110,7 +1110,7 @@ const Fe = B(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Kn = He({
+}), Kn = Re({
   palette: {
     primary: {
       main: "#007236",
@@ -1202,11 +1202,17 @@ const Fe = B(
     backgroundColor: "#E8E8E8"
   }
 }), An = {
-  domainCode: Ze
-}, Zn = re(() => ({ children: e }) => /* @__PURE__ */ o(Bt, { children: e })), Sn = ({
+  domainCode: rt,
+  navBarOpen: fe,
+  navBarWidthOpen: Ye,
+  navBarWidthClosed: Je,
+  titleText: Ke,
+  topBarHeight: Ze,
+  navBarTop: et
+}, Zn = re(() => ({ children: e }) => /* @__PURE__ */ o(Ft, { children: e })), Sn = ({
   initialValues: e,
   children: t
-}) => ($t(e), /* @__PURE__ */ o(_, { children: t })), eo = re(
+}) => (yt(e), /* @__PURE__ */ o(_, { children: t })), eo = re(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     Sn,
     {
@@ -1221,33 +1227,33 @@ const Fe = B(
   )
 );
 export {
-  Ht as AgDialog,
+  Ut as AgDialog,
   jn as AppLayout,
-  Je as Context,
+  nt as Context,
   he as ContextError,
   Yn as DomainCodeDialog,
   zn as ExampleComponent,
   Sn as HydrateAtoms,
-  Ve as NAVBAR_WIDTH_CLOSED,
-  Ue as NAVBAR_WIDTH_OPENED,
+  Xe as NAVBAR_WIDTH_CLOSED,
+  Ve as NAVBAR_WIDTH_OPENED,
   Xn as NavBar,
   Un as NavBarDarkStyledList,
   Vn as NavBarLightStyledList,
-  Lt as NavBarProvider,
+  Wt as NavBarProvider,
   qn as PageLayout,
   xn as SaladBarProvider,
-  Mt as buildNavBarState,
-  Ze as domainCodeAtom,
+  Gt as buildNavBarState,
+  rt as domainCodeAtom,
   Jn as fed21Theme,
   Kn as internalAgSystemsTheme,
   L as navBarClasses,
-  Qe as navBarOpenAtom,
-  tn as navBarTopAtom,
-  Kt as navBarWidthClosedAtom,
-  Jt as navBarWidthOpenAtom,
-  Zt as titleTextAtom,
-  en as topBarHeightAtom,
-  _t as useNavBar,
+  fe as navBarOpenAtom,
+  et as navBarTopAtom,
+  Je as navBarWidthClosedAtom,
+  Ye as navBarWidthOpenAtom,
+  Ke as titleTextAtom,
+  Ze as topBarHeightAtom,
+  zt as useNavBar,
   Cn as useSaladBar,
   Zn as withAtomProvider,
   Gn as withNavBarProvider,