@australiangreens/ag-internal-components 0.0.89 → 0.0.90

package/dist/esm/index.js

@@ -1,27 +1,27 @@
 var Pt = Object.defineProperty, Nt = Object.defineProperties;
 var Lt = Object.getOwnPropertyDescriptors;
-var j = Object.getOwnPropertySymbols;
-var Te = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
-var pe = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
+var ee = Object.getOwnPropertySymbols;
+var Te = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var he = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
   for (var n in t || (t = {}))
-    Te.call(t, n) && pe(e, n, t[n]);
-  if (j)
-    for (var n of j(t))
-      Oe.call(t, n) && pe(e, n, t[n]);
+    Te.call(t, n) && he(e, n, t[n]);
+  if (ee)
+    for (var n of ee(t))
+      Be.call(t, n) && he(e, n, t[n]);
   return e;
 }, S = (e, t) => Nt(e, Lt(t));
-var Be = (e, t) => {
+var Ee = (e, t) => {
   var n = {};
   for (var i in e)
     Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && j)
-    for (var i of j(e))
-      t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
+  if (e != null && ee)
+    for (var i of ee(e))
+      t.indexOf(i) < 0 && Be.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Ee = (e, t, n) => (pe(e, typeof t != "symbol" ? t + "" : t, n), n);
-var N = (e, t, n) => new Promise((i, r) => {
-  var a = (l) => {
+var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
+var P = (e, t, n) => new Promise((i, r) => {
+  var s = (l) => {
     try {
       d(n.next(l));
     } catch (u) {
@@ -33,34 +33,34 @@ var N = (e, t, n) => new Promise((i, r) => {
     } catch (u) {
       r(u);
     }
-  }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(a, c);
+  }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
   d((n = n.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as M, jsx as o } from "react/jsx-runtime";
-import { useState as E, createContext as Qe, useCallback as ne, useContext as Ye, useEffect as oe, createElement as Ce, useRef as he } from "react";
-import { Typography as P, Button as ie, Paper as Ke, Box as $, Drawer as ve, styled as we, IconButton as Y, Container as Je, useTheme as ae, useMediaQuery as _t, Collapse as Mt, Avatar as Fe, Fade as Rt, Skeleton as Pe, Toolbar as Ht, Divider as Ne, CssBaseline as Wt, Dialog as Ze, LinearProgress as je, DialogTitle as et, DialogContent as tt, DialogActions as nt, Autocomplete as Ae, TextField as be, CircularProgress as Se, Chip as zt, Tooltip as Ut, Stack as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
+import { jsxs as h, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { useState as E, createContext as Ye, useCallback as oe, useContext as Ke, useEffect as ie, createElement as xe, useRef as ge } from "react";
+import { Typography as F, Button as re, Paper as Je, Box as $, Drawer as we, styled as Ae, IconButton as Y, Container as Ze, useTheme as se, useMediaQuery as _t, Collapse as Mt, Avatar as Pe, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Le, CssBaseline as Wt, Dialog as je, LinearProgress as et, DialogTitle as tt, DialogContent as nt, DialogActions as ot, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as zt, Tooltip as Ut, Stack as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
 import Qt from "@mui/material/CssBaseline";
-import { styled as H, createTheme as ot, alpha as ge } from "@mui/material/styles";
+import { styled as M, createTheme as it, alpha as fe } from "@mui/material/styles";
 import { AgError as Yt } from "@australiangreens/ag-error";
 import { createHelper as X } from "souvlaki";
 import { BrowserRouter as Kt } from "react-router-dom";
-import it from "@mui/material/List";
-import { ArrowForward as rt, ArrowBack as at, ViewHeadline as Jt, Cancel as Zt, ArrowDropDown as jt } from "@mui/icons-material";
-import { atom as R, useSetAtom as st, useAtomValue as Le, useAtom as V, getDefaultStore as en, Provider as lt } from "jotai";
-import { useHydrateAtoms as ct } from "jotai/utils";
+import rt from "@mui/material/List";
+import { ArrowForward as at, ArrowBack as st, ViewHeadline as Jt, Cancel as Zt, ArrowDropDown as jt } from "@mui/icons-material";
+import { atom as L, useSetAtom as lt, useAtomValue as _e, useAtom as V, getDefaultStore as en, Provider as ct } from "jotai";
+import { useHydrateAtoms as dt } from "jotai/utils";
 import tn from "autosuggest-highlight/match";
 import nn from "autosuggest-highlight/parse";
 import { useQuery as on, QueryClient as rn, QueryClientProvider as an } from "@tanstack/react-query";
-import { useAuth0 as dt } from "@auth0/auth0-react";
+import { useAuth0 as ut } from "@auth0/auth0-react";
 import { Buffer as sn } from "buffer";
 import ln from "@mui/material/Skeleton";
 function $o({ text: e }) {
   const [t, n] = E(0);
-  return /* @__PURE__ */ p(M, { children: [
-    /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(P, { 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__ */ h(N, { children: [
+    /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(F, { 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(
-      ie,
+      re,
       {
         variant: "outlined",
         onClick: () => n((i) => i + 1),
@@ -68,17 +68,17 @@ function $o({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ h("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(Ke, { children: [
+    /* @__PURE__ */ h(Je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const ut = 330, pt = 73, U = "Navbar", q = {
+const pt = 330, ht = 73, U = "Navbar", q = {
   root: `${U}-root`,
   menuButton: `${U}-menuButton`,
   hide: `${U}-hide`,
@@ -86,7 +86,7 @@ const ut = 330, pt = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, cn = H($, {
+}, cn = M($, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -107,7 +107,7 @@ const ut = 330, pt = 73, U = "Navbar", q = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), ht = () => ({
+})), gt = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -115,14 +115,14 @@ const ut = 330, pt = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), dn = () => s({
-  width: ut
-}, ht()), un = () => s({
+}), dn = () => a({
   width: pt
-}, ht()), pn = H(ve, {
+}, gt()), un = () => a({
+  width: ht
+}, gt()), pn = M(we, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => s(s({
-  width: t ? ut : pt,
+})(({ theme: e, open: t }) => a(a({
+  width: t ? pt : ht,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
@@ -132,34 +132,34 @@ const ut = 330, pt = 73, U = "Navbar", q = {
 }), !t && {
   "& .MuiDrawer-paper": un()
 }));
-class ke extends Yt {
+class De extends Yt {
 }
-Ee(ke, "errorName", "ContextError");
-const gt = Qe(null), hn = {}, gn = {}, fn = ({
+Fe(De, "errorName", "ContextError");
+const ft = Ye(null), hn = {}, gn = {}, fn = ({
   overrideState: e = hn,
   overrideActions: t = gn,
   children: n
 }) => {
-  const [{ open: i }, r] = E({ open: !0 }), a = ne((l) => {
+  const [{ open: i }, r] = E({ open: !0 }), s = oe((l) => {
     r({ open: l });
-  }, []), c = ne(() => {
-    r((l) => S(s({}, l), { open: !l.open }));
-  }, []), d = s(s({
+  }, []), c = oe(() => {
+    r((l) => S(a({}, l), { open: !l.open }));
+  }, []), d = a(a({
     open: i,
-    setOpen: a,
+    setOpen: s,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(gt.Provider, { value: d, children: n });
+  return /* @__PURE__ */ o(ft.Provider, { value: d, children: n });
 }, mn = () => {
-  const e = Ye(gt);
+  const e = Ke(ft);
   if (e === null)
-    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Cn = (e = {}) => s({
+}, Cn = (e = {}) => a({
   open: !0
 }, e), Io = X(
   (e = Cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(fn, { overrideState: e, overrideActions: t, children: n })
-), To = X(() => ({ children: e }) => /* @__PURE__ */ o(Kt, { children: e })), _e = 7, Oo = H(it)(({ theme: e }) => ({
+), Oo = X(() => ({ children: e }) => /* @__PURE__ */ o(Kt, { children: e })), Me = 7, To = M(rt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -168,7 +168,7 @@ const gt = Qe(null), hn = {}, gn = {}, fn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${_e}px`
+      padding: `${Me}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -179,7 +179,7 @@ const gt = Qe(null), hn = {}, gn = {}, fn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${_e}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Me}px)`
     },
     // Hover state
     "&:hover": {
@@ -197,7 +197,7 @@ const gt = Qe(null), hn = {}, gn = {}, fn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Me = 7, Bo = H(it)(({ theme: e }) => ({
+})), Re = 7, Bo = M(rt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -206,7 +206,7 @@ const gt = Qe(null), hn = {}, gn = {}, fn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Me}px`
+      padding: `${Re}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -217,7 +217,7 @@ const gt = Qe(null), hn = {}, gn = {}, fn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Me}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
     },
     // Hover state
     "&:hover": {
@@ -241,7 +241,7 @@ function Eo({
   children: t
 }) {
   const { open: n } = mn();
-  return /* @__PURE__ */ p(cn, { className: q.root, "data-testid": e, children: [
+  return /* @__PURE__ */ h(cn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Qt, {}),
     /* @__PURE__ */ o(
       pn,
@@ -262,7 +262,7 @@ const xn = 24, vn = 64, G = "TopBar", B = {
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, wn = we("div", {
+}, wn = Ae("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -280,7 +280,7 @@ const xn = 24, vn = 64, G = "TopBar", B = {
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${B.titleSlider}`]: s(s({
+    [`& .${B.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -320,10 +320,10 @@ function An({
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ p(wn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ h(wn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: B.topStripe }),
-    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ p($, { className: B.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
+    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ h($, { className: B.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
         Y,
         {
           className: B.leftPanelButton,
@@ -334,12 +334,12 @@ function An({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(rt, {})
+            /* @__PURE__ */ o(at, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(P, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
+      /* @__PURE__ */ o(F, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
         Y,
         {
           className: B.rightPanelButton,
@@ -350,14 +350,14 @@ function An({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(at, {})
+            /* @__PURE__ */ o(st, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const ft = 400, bn = we(ve, {
+const mt = 400, bn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -371,9 +371,9 @@ const ft = 400, bn = we(ve, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: a }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: s }) => ({
     width: e,
-    "& .MuiDrawer-paper": s(s({
+    "& .MuiDrawer-paper": a(a({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -381,15 +381,15 @@ const ft = 400, bn = we(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)"
     }, t && {
       opacity: "50%"
-    }), n === "left" && s({
-      marginLeft: `${a}px`
+    }), n === "left" && a({
+      marginLeft: `${s}px`
     }, i && {
       marginLeft: `${r}px`
     }))
   })
-), Sn = we($, {
+), Sn = Ae($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => S(s({
+})(({ theme: e, anchor: t }) => S(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -407,25 +407,25 @@ const ft = 400, bn = we(ve, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Re({
+function He({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: r = "",
-  width: a = ft,
+  width: s = mt,
   showCloseArrow: c = !0,
   debugOpacity: d = !1,
   headerBoxProps: l = {},
   onOpened: u,
   onClosed: v,
-  "data-testid": C,
+  "data-testid": x,
   navBarOpen: w = !1,
   navBarWidthOpen: g = 0,
   navBarWidthClosed: D = 0
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     bn,
     {
       SlideProps: {
@@ -435,37 +435,37 @@ function Re({
       variant: "persistent",
       anchor: t,
       open: n,
-      width: a,
+      width: s,
       debugOpacity: d,
-      "data-testid": C,
+      "data-testid": x,
       navBarOpen: w,
       navBarWidthOpen: g,
       navBarWidthClosed: D,
       children: [
-        /* @__PURE__ */ o(Sn, S(s({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(M, { children: [
-          /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ p(Y, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(at, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(Sn, S(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(N, { children: [
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(st, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(M, { children: [
-          c && /* @__PURE__ */ p(Y, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(rt, {}),
+        ] }) : /* @__PURE__ */ h(N, { children: [
+          c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(at, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const kn = H($, {
+const kn = M($, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
-  return s(s({
+  return a(a({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -483,22 +483,22 @@ const kn = H($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), Dn = H(Je, {
+}), Dn = M(Ze, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), fe = !1, me = !1, ee = {
+})), me = !1, Ce = !1, te = {
   titleText: "",
   flavour: "push",
-  width: ft,
+  width: mt,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(M, {}),
+  content: /* @__PURE__ */ o(N, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
@@ -509,143 +509,143 @@ function Fo({
   leftPanel: n,
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: r = !0,
-  debugOpacity: a = !1,
+  debugOpacity: s = !1,
   pageContainerProps: c,
   pageContentDataTestId: d,
   topBarDataTestId: l,
   navBarOpen: u,
   navBarWidthOpen: v,
-  navBarWidthClosed: C
+  navBarWidthClosed: x
 }) {
-  const [w, g] = E(fe), [D, A] = E(me), [k, I] = E(fe), [T, b] = E(me), y = n !== void 0, L = i !== void 0, {
+  const [w, g] = E(me), [D, b] = E(Ce), [k, I] = E(me), [T, A] = E(Ce), y = n !== void 0, R = i !== void 0, {
     titleText: O,
-    content: W,
-    flavour: h,
-    open: f,
-    onChangeOpen: F,
+    content: H,
+    flavour: W,
+    open: p,
+    onChangeOpen: f,
     width: m,
-    arrowButtons: x,
+    arrowButtons: C,
     startOpen: _,
-    onOpened: se,
-    onClosed: $t,
+    onOpened: J,
+    onClosed: le,
     dataTestId: It
-  } = n ? s(s({}, ee), n) : s({}, ee), {
-    titleText: Tt,
-    content: Ot,
-    flavour: De,
-    open: le,
-    onChangeOpen: ye,
-    width: ce,
-    arrowButtons: J,
-    startOpen: Z,
+  } = n ? a(a({}, te), n) : a({}, te), {
+    titleText: Ot,
+    content: Tt,
+    flavour: ye,
+    open: ce,
+    onChangeOpen: $e,
+    width: de,
+    arrowButtons: Z,
+    startOpen: j,
     onOpened: Bt,
     onClosed: Et,
     dataTestId: Ft
-  } = i ? s(s({}, ee), i) : s({}, ee);
-  oe(() => {
-    _ !== fe && (g(_), I(_));
-  }, [_]), oe(() => {
-    Z !== me && (A(Z), b(Z));
-  }, [Z]);
-  const de = f === void 0 ? w : f, ue = le === void 0 ? D : le, $e = (z) => {
-    f === void 0 && (g(z), r && L && (z ? (A(!1), b(D)) : A(T))), F && F(z);
-  }, Ie = (z) => {
-    le === void 0 && (A(z), r && y && (z ? (g(!1), I(w)) : g(k))), ye && ye(z);
+  } = i ? a(a({}, te), i) : a({}, te);
+  ie(() => {
+    _ !== me && (g(_), I(_));
+  }, [_]), ie(() => {
+    j !== Ce && (b(j), A(j));
+  }, [j]);
+  const ue = p === void 0 ? w : p, pe = ce === void 0 ? D : ce, Ie = (z) => {
+    p === void 0 && (g(z), r && R && (z ? (b(!1), A(D)) : b(T))), f && f(z);
+  }, Oe = (z) => {
+    ce === void 0 && (b(z), r && y && (z ? (g(!1), I(w)) : g(k))), $e && $e(z);
   };
-  return /* @__PURE__ */ p($, { children: [
+  return /* @__PURE__ */ h($, { children: [
     y && /* @__PURE__ */ o(
-      Re,
+      He,
       {
         "data-testid": It,
         anchor: "left",
-        open: de,
-        onClose: () => $e(!1),
+        open: ue,
+        onClose: () => Ie(!1),
         width: m,
         titleText: O,
-        debugOpacity: a,
-        showCloseArrow: x === "both" || x === "close",
-        onOpened: se,
-        onClosed: $t,
+        debugOpacity: s,
+        showCloseArrow: C === "both" || C === "close",
+        onOpened: J,
+        onClosed: le,
         navBarOpen: u,
         navBarWidthOpen: v,
-        navBarWidthClosed: C,
-        children: W
+        navBarWidthClosed: x,
+        children: H
       }
     ),
-    L && /* @__PURE__ */ o(
-      Re,
+    R && /* @__PURE__ */ o(
+      He,
       {
         "data-testid": Ft,
         anchor: "right",
-        open: ue,
-        onClose: () => Ie(!1),
-        width: ce,
-        titleText: Tt,
-        debugOpacity: a,
-        showCloseArrow: J === "both" || J === "close",
+        open: pe,
+        onClose: () => Oe(!1),
+        width: de,
+        titleText: Ot,
+        debugOpacity: s,
+        showCloseArrow: Z === "both" || Z === "close",
         onOpened: Bt,
         onClosed: Et,
         navBarOpen: u,
         navBarWidthOpen: v,
-        navBarWidthClosed: C,
-        children: Ot
+        navBarWidthClosed: x,
+        children: Tt
       }
     ),
     /* @__PURE__ */ o(
       An,
-      s(s({
+      a(a({
         titleText: t,
         "data-testid": l
-      }, y && h === "push" ? {
+      }, y && W === "push" ? {
         leftPanel: {
-          open: de,
+          open: ue,
           width: m,
-          onOpen: () => $e(!0),
-          showOpenArrow: x === "both" || x === "open"
+          onOpen: () => Ie(!0),
+          showOpenArrow: C === "both" || C === "open"
         }
-      } : {}), L && De === "push" ? {
+      } : {}), R && ye === "push" ? {
         rightPanel: {
-          open: ue,
-          width: ce,
-          onOpen: () => Ie(!0),
-          showOpenArrow: J === "both" || J === "open"
+          open: pe,
+          width: de,
+          onOpen: () => Oe(!0),
+          showOpenArrow: Z === "both" || Z === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
       kn,
-      S(s(s({}, h === "push" ? {
+      S(a(a({}, W === "push" ? {
         leftPanel: {
-          open: de,
+          open: ue,
           width: m
         }
-      } : {}), De === "push" ? {
+      } : {}), ye === "push" ? {
         rightPanel: {
-          open: ue,
-          width: ce
+          open: pe,
+          width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Dn, S(s({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o(Dn, S(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
 }
-const mt = () => {
-  const e = ae();
+const Ct = () => {
+  const e = se();
   return _t(e.breakpoints.down("sm"));
-}, yn = 64, $n = 72, In = 256, K = R(!0), Ct = R(In), xt = R($n), xe = R(""), Tn = R(void 0), vt = R(yn), wt = R(void 0);
-function On({ links: e }) {
+}, yn = 64, $n = 72, In = 256, K = L(!0), xt = L(In), vt = L($n), ve = L(""), On = L(void 0), wt = L(yn), At = L(void 0);
+function Tn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const te = "Navbar", Q = {
-  root: `${te}-root`,
-  menuButton: `${te}-menuButton`,
-  hide: `${te}-hide`,
-  content: `${te}-content`
+const ne = "Navbar", Q = {
+  root: `${ne}-root`,
+  menuButton: `${ne}-menuButton`,
+  hide: `${ne}-hide`,
+  content: `${ne}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Bn = H($, { name: "NavBar" })(({ theme: e }) => ({
+}, Bn = M($, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Q.root}`]: {
     display: "flex"
   },
@@ -664,14 +664,14 @@ const te = "Navbar", Q = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), re = (e, t, n) => e.transitions.create(t, {
+})), ae = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
 }), En = (e) => {
-  const t = ae();
+  const t = se();
   return /* @__PURE__ */ o(
     Mt,
-    s({
+    a({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -679,7 +679,7 @@ const te = "Navbar", Q = {
       }
     }, e)
   );
-}, At = (e) => {
+}, bt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -687,26 +687,26 @@ const te = "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
   };
-}, He = (e, t) => s({
+}, We = (e, t) => a({
   width: t,
-  transition: re(e, "width", "entering")
-}, At(e)), We = (e, t) => s({
+  transition: ae(e, "width", "entering")
+}, bt(e)), ze = (e, t) => a({
   width: t,
-  transition: re(e, "width", "leaving")
-}, At(e)), Fn = H(ve, {
+  transition: ae(e, "width", "leaving")
+}, bt(e)), Fn = M(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && S(s({}, He(e, n)), {
+}, t && S(a({}, We(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": He(e, n)
-})), !t && S(s({}, We(e, r ? n : i)), {
+  "& .MuiDrawer-paper": We(e, n)
+})), !t && S(a({}, ze(e, r ? n : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": We(e, r ? n : i)
+  "& .MuiDrawer-paper": ze(e, r ? n : i)
 })));
 function Pn(e) {
   let t = 0;
@@ -716,10 +716,10 @@ function Pn(e) {
   }
   return t;
 }
-const ze = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+const Ue = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Ln({ user: e, domainCode: t, open: n }) {
-  const i = ae();
-  return /* @__PURE__ */ p(
+  const i = se();
+  return /* @__PURE__ */ h(
     $,
     {
       sx: {
@@ -735,26 +735,26 @@ function Ln({ user: e, domainCode: t, open: n }) {
           {
             sx: {
               width: n ? "5rem" : "2rem",
-              transition: n ? re(i, ["width", "height"], "entering") : re(i, ["width", "height"], "leaving"),
+              transition: n ? ae(i, ["width", "height"], "entering") : ae(i, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Fe,
+              Pe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: ze[Math.abs(Pn(e.name)) % ze.length]
+                  bgcolor: Ue[Math.abs(Pn(e.name)) % Ue.length]
                 },
                 children: Nn(e.name)
               }
-            ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(P, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(P, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ h($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -766,13 +766,13 @@ function _n({
   widthOpen: n,
   "data-testid": i,
   top: r,
-  middle: a,
+  middle: s,
   bottom: c,
   user: d,
   domainCode: l
 }) {
-  const u = mt(), v = st(K);
-  return /* @__PURE__ */ o(Bn, { className: Q.root, "data-testid": i, children: /* @__PURE__ */ p(
+  const u = Ct(), v = lt(K);
+  return /* @__PURE__ */ o(Bn, { className: Q.root, "data-testid": i, children: /* @__PURE__ */ h(
     Fn,
     {
       open: e,
@@ -789,15 +789,15 @@ function _n({
       isSmallScreen: u,
       children: [
         !u && /* @__PURE__ */ o(Ht, {}),
-        r && /* @__PURE__ */ p($, { flexGrow: "0", children: [
+        r && /* @__PURE__ */ h($, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(On, { links: a }) : a }),
-        /* @__PURE__ */ p($, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } }),
+        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Tn, { links: s }) : s }),
+        /* @__PURE__ */ h($, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(Ln, { user: d, domainCode: l, open: e }),
-          c && /* @__PURE__ */ o(M, { children: c })
+          c && /* @__PURE__ */ o(N, { children: c })
         ] })
       ]
     }
@@ -820,7 +820,7 @@ function Mn({
         flexGrow: 1
       },
       children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
-        Je,
+        Ze,
         {
           component: "main",
           id: "main-content",
@@ -841,9 +841,9 @@ function Wn({
   "data-testid": n,
   middle: i
 }) {
-  const r = st(K), a = () => r((l) => !l), c = ae(), d = mt();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
-    Ke,
+  const r = lt(K), s = () => r((l) => !l), c = se(), d = Ct();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
+    Je,
     {
       square: !0,
       elevation: 0,
@@ -866,11 +866,11 @@ function Wn({
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: a,
+            onClick: s,
             children: /* @__PURE__ */ o(Jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(P, { className: Hn.titleText, variant: "h6", children: e }),
+        /* @__PURE__ */ o(F, { className: Hn.titleText, variant: "h6", children: e }),
         i
       ]
     }
@@ -882,34 +882,34 @@ function Po({
   initialNavBarOpen: n,
   pageContainerProps: i,
   pageContentDataTestId: r,
-  topBarDataTestId: a,
+  topBarDataTestId: s,
   navBarDataTestId: c,
   navBarMiddle: d,
   navBarBottom: l,
   user: u,
   domainCode: v
 }) {
-  ct([
+  dt([
     [K, n != null ? n : !0],
-    [xe, t != null ? t : ""]
+    [ve, t != null ? t : ""]
   ]);
-  const C = Le(K), [w] = V(Ct), [g] = V(xt), D = Le(xe), [A] = V(vt), [k] = V(Tn), [I] = V(wt);
-  return /* @__PURE__ */ p($, { children: [
+  const x = _e(K), [w] = V(xt), [g] = V(vt), D = _e(ve), [b] = V(wt), [k] = V(On), [I] = V(At);
+  return /* @__PURE__ */ h($, { children: [
     /* @__PURE__ */ o(Wt, {}),
     /* @__PURE__ */ o(
       Wn,
       {
         titleText: D,
-        "data-testid": a,
-        height: A,
+        "data-testid": s,
+        height: b,
         middle: k
       }
     ),
-    /* @__PURE__ */ p($, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ h($, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         _n,
         {
-          open: C,
+          open: x,
           top: I,
           middle: d,
           bottom: l,
@@ -917,15 +917,15 @@ function Po({
           domainCode: v,
           widthOpen: w,
           widthClosed: g,
-          offsetTop: A,
+          offsetTop: b,
           "data-testid": c
         }
       ),
       /* @__PURE__ */ o(
         Mn,
-        S(s({
+        S(a({
           "data-testid": r,
-          topBarHeight: A
+          topBarHeight: b
         }, i), {
           children: e
         })
@@ -933,13 +933,13 @@ function Po({
     ] })
   ] });
 }
-const bt = ({
+const St = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: a,
+  secondaryButton: s,
   onClose: c,
   sx: d,
   "data-testid": l,
@@ -947,42 +947,42 @@ const bt = ({
   isLoading: v = !1
 }) => {
   var g, D;
-  const [C, w] = E(!1);
-  return /* @__PURE__ */ p(
-    Ze,
+  const [x, w] = E(!1);
+  return /* @__PURE__ */ h(
+    je,
     {
       open: e,
-      onClose: (A, k) => N(void 0, null, function* () {
-        u && (k === "backdropClick" || k === "escapeKeyDown") || C || (a != null && a.onClick ? yield a.onClick() : c());
+      onClose: (b, k) => P(void 0, null, function* () {
+        u && (k === "backdropClick" || k === "escapeKeyDown") || x || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": l,
       sx: d,
       children: [
-        v && /* @__PURE__ */ o(je, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ o(et, { children: t }),
-        /* @__PURE__ */ o(tt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ p(nt, { children: [
+        v && /* @__PURE__ */ o(et, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ o(tt, { children: t }),
+        /* @__PURE__ */ o(nt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ h(ot, { children: [
           /* @__PURE__ */ o(
-            ie,
+            re,
             {
-              onClick: (g = a == null ? void 0 : a.onClick) != null ? g : c,
-              "data-testid": a == null ? void 0 : a.testId,
-              disabled: (a == null ? void 0 : a.disabled) || C,
-              color: a == null ? void 0 : a.buttonColor,
-              children: (D = a == null ? void 0 : a.text) != null ? D : "Cancel"
+              onClick: (g = s == null ? void 0 : s.onClick) != null ? g : c,
+              "data-testid": s == null ? void 0 : s.testId,
+              disabled: (s == null ? void 0 : s.disabled) || x,
+              color: s == null ? void 0 : s.buttonColor,
+              children: (D = s == null ? void 0 : s.text) != null ? D : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
-            ie,
+            re,
             {
-              onClick: () => N(void 0, null, function* () {
-                var A;
-                w(!0), yield (A = r.onClick) == null ? void 0 : A.call(r), w(!1);
+              onClick: () => P(void 0, null, function* () {
+                var b;
+                w(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), w(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || C,
+              disabled: r.disabled || x,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -991,7 +991,7 @@ const bt = ({
       ]
     }
   );
-}, St = ({
+}, kt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
@@ -999,74 +999,75 @@ const bt = ({
   inputValue: r
 }) => on({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (a) => a.label.toLowerCase().includes(r.toLowerCase())
+    (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
 function No({
-  lookup: e = () => N(this, null, function* () {
+  lookup: e = () => P(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
   minLength: i = 0,
   label: r,
-  value: a,
+  value: s,
   "data-testid": c,
   sx: d,
   boxSx: l,
   textFieldColor: u,
   textFieldVariant: v = "filled",
-  loadingText: C = "Loading...",
+  loadingText: x = "Loading...",
   noOptionsText: w = "No options",
   popupIcon: g = /* @__PURE__ */ o(jt, {}),
   error: D = !1,
-  helperText: A = "",
+  helperText: b = "",
   preLoadedOptions: k = void 0,
-  disablePortal: I = !1
+  disablePortal: I = !1,
+  disableIconFlip: T = !1
 }) {
-  const [T, b] = E(""), y = (h, f) => {
-    const F = a.filter((m) => m.id !== f);
-    n(F, "delete", h);
-  }, { data: L, isLoading: O } = St({
-    inputValue: T,
+  const [A, y] = E(""), R = (p, f) => {
+    const m = s.filter((C) => C.id !== f);
+    n(m, "delete", p);
+  }, { data: O, isLoading: H } = kt({
+    inputValue: A,
     label: r,
     lookup: e,
     minLength: i,
     preLoadedOptions: k
-  }), W = T.length >= i;
-  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
+  }), W = A.length >= i;
+  return /* @__PURE__ */ h("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
-      Ae,
+      be,
       {
-        sx: d,
+        sx: a(a({}, d), T ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
-        getOptionLabel: (h) => typeof h == "string" ? h : h.label,
-        loading: W ? O : !1,
-        options: [...a, ...L != null ? L : []],
+        getOptionLabel: (p) => typeof p == "string" ? p : p.label,
+        loading: W ? H : !1,
+        options: [...s, ...O != null ? O : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: a,
-        onChange: (h, f, F) => {
-          n(f, F, h);
+        value: s,
+        onChange: (p, f, m) => {
+          n(f, m, p);
         },
-        onInputChange: (h, f) => b(f),
+        onInputChange: (p, f) => y(f),
         noOptionsText: W ? w : "Start typing to search",
-        loadingText: C,
+        loadingText: x,
         popupIcon: g,
-        renderInput: (h) => /* @__PURE__ */ o(
-          be,
-          S(s({}, h), {
+        renderInput: (p) => /* @__PURE__ */ o(
+          Se,
+          S(a({}, p), {
             label: r,
             fullWidth: !0,
             variant: v,
             error: D,
-            helperText: A,
-            InputProps: S(s({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ p(M, { children: [
-                O ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20 }) : null,
-                h.InputProps.endAdornment
+            helperText: b,
+            InputProps: S(a({}, p.InputProps), {
+              endAdornment: /* @__PURE__ */ h(N, { children: [
+                H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
+                p.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
@@ -1077,34 +1078,34 @@ function No({
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (h, f) => h.id === f.id,
-        renderOption: (h, f, F) => {
+        isOptionEqualToValue: (p, f) => p.id === f.id,
+        renderOption: (p, f, m) => {
           if (t) {
-            const m = tn(f.label, F.inputValue, {
+            const C = tn(f.label, m.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), x = nn(f.label, m);
-            return /* @__PURE__ */ Ce(
+            }), _ = nn(f.label, C);
+            return /* @__PURE__ */ xe(
               "li",
-              S(s({}, h), {
+              S(a({}, p), {
                 key: f.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: x.map((_, se) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: _.map((J, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: _.highlight ? 700 : 400
+                    fontWeight: J.highlight ? 700 : 400
                   },
-                  children: _.text
+                  children: J.text
                 },
-                se
+                le
               )) })
             );
           } else
-            return /* @__PURE__ */ Ce(
+            return /* @__PURE__ */ xe(
               "li",
-              S(s({}, h), {
+              S(a({}, p), {
                 key: f.id,
                 "data-testid": c ? `${c}:option(${f.id.toString()})` : void 0
               }),
@@ -1113,7 +1114,7 @@ function No({
         }
       }
     ),
-    a.length > 0 && /* @__PURE__ */ o($, { sx: l, children: a.map((h) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o($, { sx: l, children: s.map((p) => /* @__PURE__ */ o(
       zt,
       {
         sx: {
@@ -1124,7 +1125,7 @@ function No({
         label: /* @__PURE__ */ o(
           Ut,
           {
-            title: h.tooltipContent || "",
+            title: p.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -1136,79 +1137,79 @@ function No({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(P, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
           }
         ),
-        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (f) => y(f, h.id),
+        "data-testid": c ? `${c}:Chip(${p.id.toString()})` : void 0,
+        onDelete: (f) => R(f, p.id),
         deleteIcon: /* @__PURE__ */ o(
           Zt,
           {
-            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${p.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      h.id
+      p.id
     )) })
   ] });
 }
 const Lo = ({
-  lookup: e = () => N(void 0, null, function* () {
+  lookup: e = () => P(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
   value: i,
   sx: r,
-  textFieldColor: a,
+  textFieldColor: s,
   textFieldVariant: c = "filled",
   "data-testid": d,
   noOptionsText: l = "No options",
   minLength: u = 3,
   disablePortal: v = !1,
-  preLoadedOptions: C,
+  preLoadedOptions: x,
   helperText: w = "",
   disabled: g
 }) => {
-  const [D, A] = E(""), { data: k, isLoading: I } = St({
+  const [D, b] = E(""), { data: k, isLoading: I } = kt({
     inputValue: D,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
-    preLoadedOptions: C
+    preLoadedOptions: x
   }), T = D.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Gt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    Ae,
+    be,
     {
       sx: r,
       "data-testid": d ? `${d}:Autocomplete` : void 0,
       loading: T ? I : !1,
       options: k != null ? k : [],
-      onChange: (b, y) => {
-        t(b, y);
+      onChange: (A, y) => {
+        t(A, y);
       },
       disablePortal: v,
-      filterOptions: (b) => b,
+      filterOptions: (A) => A,
       value: i,
       noOptionsText: T ? l : "Start typing to search",
-      getOptionLabel: (b) => b.label,
-      renderInput: (b) => /* @__PURE__ */ o(
-        be,
-        S(s({
+      getOptionLabel: (A) => A.label,
+      renderInput: (A) => /* @__PURE__ */ o(
+        Se,
+        S(a({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, b), {
+        }, A), {
           variant: c,
           label: n,
-          color: a,
+          color: s,
           helperText: w
         })
       ),
-      isOptionEqualToValue: (b, y) => b.id === y.id,
-      onInputChange: (b, y) => {
-        A(y);
+      isOptionEqualToValue: (A, y) => A.id === y.id,
+      onInputChange: (A, y) => {
+        b(y);
       },
-      renderOption: (b, y) => /* @__PURE__ */ Ce(
+      renderOption: (A, y) => /* @__PURE__ */ xe(
         "li",
-        S(s({}, b), {
+        S(a({}, A), {
           key: y.id,
           "data-testid": d ? `${d}:Autocomplete:option(${y.id.toString()})` : void 0
         }),
@@ -1222,8 +1223,8 @@ const Lo = ({
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      sn.from(n, "base64").toString("utf8").split("").map(function(a) {
-        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
+      sn.from(n, "base64").toString("utf8").split("").map(function(s) {
+        return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
     return r != null && r.exp ? r.exp : -1;
@@ -1235,20 +1236,20 @@ const Lo = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = dt(), [a, c] = E(0), d = () => N(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ut(), [s, c] = E(0), d = () => P(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => N(void 0, null, function* () {
-    c(a + 1), t();
+  }), l = () => P(void 0, null, function* () {
+    c(s + 1), t();
   });
-  return oe(() => {
-    (() => N(void 0, null, function* () {
-      if (a > 0) {
+  return ie(() => {
+    (() => P(void 0, null, function* () {
+      if (s > 0) {
         const w = yield r({ cacheMode: "off" }), g = zn(w) * 1e3;
         n(g);
       }
     }))();
-  }, [a, r, n]), /* @__PURE__ */ o(
-    bt,
+  }, [s, r, n]), /* @__PURE__ */ o(
+    St,
     {
       isOpen: e,
       primaryButton: {
@@ -1292,8 +1293,8 @@ function Mo({
   children: e,
   appName: t = "the app"
 }) {
-  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: a, logout: c } = dt();
-  if (oe(() => {
+  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: s, logout: c } = ut();
+  if (ie(() => {
     if (i || n || r)
       return;
     const d = {
@@ -1301,16 +1302,16 @@ function Mo({
         returnTo: `${window.location.pathname}${window.location.search}`
       }
     };
-    a(d);
-  }, [i, n, r, a]), r && Un(r)) {
+    s(d);
+  }, [i, n, r, s]), r && Un(r)) {
     let d = "Auth error", l = "An unknown Auth0 error occurred.";
-    return Vn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : qn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Gn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Ze, { open: !0, children: [
-      /* @__PURE__ */ o(et, { children: d }),
-      /* @__PURE__ */ o(tt, { children: /* @__PURE__ */ o(P, { children: l }) }),
-      /* @__PURE__ */ o(nt, { children: /* @__PURE__ */ o(ie, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+    return Vn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : qn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Gn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ h(je, { open: !0, children: [
+      /* @__PURE__ */ o(tt, { children: d }),
+      /* @__PURE__ */ o(nt, { children: /* @__PURE__ */ o(F, { children: l }) }),
+      /* @__PURE__ */ o(ot, { children: /* @__PURE__ */ o(re, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(M, { children: e }) : /* @__PURE__ */ o(ln, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(N, { children: e }) : /* @__PURE__ */ o(ln, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Xn = {
   autoHideDuration: 6e3,
@@ -1320,112 +1321,112 @@ const Xn = {
   disableWindowBlurListener: !1
 }, Qn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ue = {
+}, Ge = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ge = 100, Ve = 2e3, Yn = 2e3, Kn = (() => {
+}, Ve = 100, qe = 2e3, Yn = 2e3, Kn = (() => {
   let e = 0;
   return () => (e += 1, e);
 })(), Jn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Zn = {}, jn = {}, kt = Qe(null);
-function eo(a) {
-  var c = a, {
+}, Zn = {}, jn = {}, Dt = Ye(null);
+function eo(s) {
+  var c = s, {
     overrideState: e = Zn,
     overrideActions: t = jn,
     shouldClose: n = Qn.shouldClose,
     children: i
-  } = c, r = Be(c, [
+  } = c, r = Ee(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var F;
-  const [{ open: d }, l] = E({ open: !1 }), u = he([]), v = he(Date.now()), C = he(0), w = ne((m) => {
+  var f;
+  const [{ open: d }, l] = E({ open: !1 }), u = ge([]), v = ge(Date.now()), x = ge(0), w = oe((m) => {
     l({ open: m });
-  }, []), g = ne((m = {}) => {
-    C.current += 1, u.current.length >= Ge && Date.now() - v.current >= Ve && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${C.current} times in last ${Ve}ms)`
-    ), C.current = 0);
-    const x = s(S(s({}, Ue), {
+  }, []), g = oe((m = {}) => {
+    x.current += 1, u.current.length >= Ve && Date.now() - v.current >= qe && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ve}) hit ${x.current} times in last ${qe}ms)`
+    ), x.current = 0);
+    const C = a(S(a({}, Ge), {
       key: Kn()
     }), m);
-    return u.current.push(x), u.current.length === 1 && l({ open: !0 }), x.key;
-  }, []), D = (m = "", x = {}) => g(s({ message: m, severity: "success" }, x)), A = (m = "", x = {}) => g(s({ message: m, severity: "info" }, x)), k = (m = "", x = {}) => g(s({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(s({ message: m, severity: "error" }, x)), T = (m) => {
-    const x = u.current.findIndex((_) => _.key === m);
-    if (x !== -1)
-      return x === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(x, 1);
-  }, b = (m, x) => {
-    n(m, x) && l({ open: !1 });
+    return u.current.push(C), u.current.length === 1 && l({ open: !0 }), C.key;
+  }, []), D = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), b = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), k = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), T = (m) => {
+    const C = u.current.findIndex((_) => _.key === m);
+    if (C !== -1)
+      return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
+  }, A = (m, C) => {
+    n(m, C) && l({ open: !1 });
   }, y = () => {
-  }, L = () => {
+  }, R = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, O = (F = u.current[0]) != null ? F : s({}, Ue), W = {};
-  "autoHideDuration" in O && (W.autoHideDuration = O.autoHideDuration);
-  const h = s(s({}, Xn), r), f = s(s({
+  }, O = (f = u.current[0]) != null ? f : a({}, Ge), H = {};
+  "autoHideDuration" in O && (H.autoHideDuration = O.autoHideDuration);
+  const W = a(a({}, Xn), r), p = a(a({
     open: d,
     setOpen: w,
     enqueueNotification: g,
     enqueueSuccessNotification: D,
-    enqueueInfoNotification: A,
+    enqueueInfoNotification: b,
     enqueueWarningNotification: k,
     enqueueErrorNotification: I,
     removeNotification: T
   }, e), t);
-  return /* @__PURE__ */ p(kt.Provider, { value: f, children: [
+  return /* @__PURE__ */ h(Dt.Provider, { value: p, children: [
     i,
     /* @__PURE__ */ o(
       Vt,
-      S(s(s({}, h), W), {
+      S(a(a({}, W), H), {
         open: d,
-        onClose: b,
+        onClose: A,
         TransitionProps: {
-          onExited: L,
+          onExited: R,
           onExit: y
         },
         sx: { zIndex: Yn },
-        children: /* @__PURE__ */ p("div", { children: [
+        children: /* @__PURE__ */ h("div", { children: [
           /* @__PURE__ */ o(
             qt,
             {
-              onClose: (m) => b(m, "closeAlert"),
+              onClose: (m) => A(m, "closeAlert"),
               severity: O.severity,
               variant: "filled",
-              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(Se, { size: "1em" }) : void 0,
+              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
               style: O.progressIndicator === "linear" ? Jn : void 0,
               children: O.message
             }
           ),
-          O.progressIndicator === "linear" && /* @__PURE__ */ o(je, { color: "primary" })
+          O.progressIndicator === "linear" && /* @__PURE__ */ o(et, { color: "primary" })
         ] })
       })
     )
   ] });
 }
 function to() {
-  const e = Ye(kt);
+  const e = Ke(Dt);
   if (e === null)
-    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const Ro = X(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, S(s({}, e), { overrideState: t, overrideActions: n, children: i }))
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, S(a({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), no = en(), Ho = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(lt, { store: t != null ? t : no, children: e }), Dt = "domainCode";
-var Xe;
-const qe = R(
-  JSON.parse((Xe = localStorage.getItem(Dt)) != null ? Xe : '{"domainCode": ""}').domainCode
-), yt = R(
-  (e) => e(qe),
+}) => /* @__PURE__ */ o(ct, { store: t != null ? t : no, children: e }), yt = "domainCode";
+var Qe;
+const Xe = L(
+  JSON.parse((Qe = localStorage.getItem(yt)) != null ? Qe : '{"domainCode": ""}').domainCode
+), $t = L(
+  (e) => e(Xe),
   (e, t, n) => {
-    t(qe, n), localStorage.setItem(Dt, JSON.stringify({ domainCode: n }));
+    t(Xe, n), localStorage.setItem(yt, JSON.stringify({ domainCode: n }));
   }
 ), oo = {
   act: "ACT",
@@ -1448,39 +1449,39 @@ const qe = R(
   onClose: n,
   domainOptions: i,
   applicationName: r,
-  handleLogout: a
+  handleLogout: s
 }) => {
-  const [c, d] = V(yt), [l, u] = E(c), { enqueueSuccessNotification: v } = to(), C = i.length === 0, w = !!c && !i.includes(c) && !i.includes(l), g = !c || C || w, D = () => N(void 0, null, function* () {
+  const [c, d] = V($t), [l, u] = E(c), { enqueueSuccessNotification: v } = to(), x = i.length === 0, w = !!c && !i.includes(c) && !i.includes(l), g = !c || x || w, D = () => P(void 0, null, function* () {
     l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
-  }), A = () => N(void 0, null, function* () {
-    c && !C && !w ? (u(c), n()) : g && a();
+  }), b = () => P(void 0, null, function* () {
+    c && !x && !w ? (u(c), n()) : g && s();
   });
   let k;
-  return C ? k = "Unable to retrieve your active organisations. Try logging in again." : w && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    bt,
+  return x ? k = "Unable to retrieve your active organisations. Try logging in again." : w && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ h(
+    St,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
         onClick: D,
-        disabled: !l || C || w,
+        disabled: !l || x || w,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: g ? "Logout" : "Cancel",
-        onClick: A
+        onClick: b
       },
       onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(P, { marginBottom: 2, children: [
+        /* @__PURE__ */ h(F, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
         ] }),
         /* @__PURE__ */ o(
-          Ae,
+          be,
           {
             loading: e,
             multiple: !1,
@@ -1490,13 +1491,13 @@ const qe = R(
             getOptionLabel: io,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
-              be,
-              S(s({}, I), {
+              Se,
+              S(a({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(s({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(M, { children: [
-                    e ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                InputProps: S(a({}, I.InputProps), {
+                  endAdornment: /* @__PURE__ */ h(N, { children: [
+                    e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
                 })
@@ -1508,7 +1509,7 @@ const qe = R(
       ]
     }
   );
-}, zo = ot({
+}, zo = it({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1559,7 +1560,7 @@ const qe = R(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Uo = ot({
+}), Uo = it({
   palette: {
     primary: {
       main: "#007236",
@@ -1613,18 +1614,18 @@ const qe = R(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: ge(
+            backgroundColor: fe(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: ge(
+              backgroundColor: fe(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: ge(
+              backgroundColor: fe(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1651,17 +1652,17 @@ const qe = R(
     backgroundColor: "#E8E8E8"
   }
 }), ro = {
-  domainCode: yt,
+  domainCode: $t,
   navBarOpen: K,
-  navBarWidthOpen: Ct,
-  navBarWidthClosed: xt,
-  titleText: xe,
-  topBarHeight: vt,
-  navBarTop: wt
-}, Go = X(() => ({ children: e }) => /* @__PURE__ */ o(lt, { children: e })), ao = ({
+  navBarWidthOpen: xt,
+  navBarWidthClosed: vt,
+  titleText: ve,
+  topBarHeight: wt,
+  navBarTop: At
+}, Go = X(() => ({ children: e }) => /* @__PURE__ */ o(ct, { children: e })), ao = ({
   initialValues: e,
   children: t
-}) => (ct(e), /* @__PURE__ */ o(M, { children: t })), Vo = X(
+}) => (dt(e), /* @__PURE__ */ o(N, { children: t })), Vo = X(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     ao,
     {
@@ -1679,20 +1680,20 @@ const qe = R(
   return /* @__PURE__ */ o(an, { client: t, children: e });
 });
 export {
-  bt as AgDialog,
+  St as AgDialog,
   Po as AppLayout,
   Ho as AtomProvider,
   Mo as AuthGuard,
-  kt as Context,
-  ke as ContextError,
+  Dt as Context,
+  De as ContextError,
   Wo as DomainCodeDialog,
   $o as ExampleComponent,
   No as FetchAutocomplete,
   ao as HydrateAtoms,
-  pt as NAVBAR_WIDTH_CLOSED,
-  ut as NAVBAR_WIDTH_OPENED,
+  ht as NAVBAR_WIDTH_CLOSED,
+  pt as NAVBAR_WIDTH_OPENED,
   Eo as NavBar,
-  Oo as NavBarDarkStyledList,
+  To as NavBarDarkStyledList,
   Bo as NavBarLightStyledList,
   fn as NavBarProvider,
   Fo as PageLayout,
@@ -1701,23 +1702,23 @@ export {
   Lo as SingleAutocomplete,
   no as atomStore,
   Cn as buildNavBarState,
-  yt as domainCodeAtom,
+  $t as domainCodeAtom,
   zo as fed21Theme,
   zn as getAuth0Expiry,
   Uo as internalAgSystemsTheme,
   q as navBarClasses,
   K as navBarOpenAtom,
-  wt as navBarTopAtom,
-  xt as navBarWidthClosedAtom,
-  Ct as navBarWidthOpenAtom,
-  xe as titleTextAtom,
-  vt as topBarHeightAtom,
-  Tn as topBarMiddleAtom,
-  St as useAutocompleteOptions,
+  At as navBarTopAtom,
+  vt as navBarWidthClosedAtom,
+  xt as navBarWidthOpenAtom,
+  ve as titleTextAtom,
+  wt as topBarHeightAtom,
+  On as topBarMiddleAtom,
+  kt as useAutocompleteOptions,
   mn as useNavBar,
   to as useSaladBar,
   Go as withAtomProvider,
-  To as withBrowserRouter,
+  Oo as withBrowserRouter,
   Io as withNavBarProvider,
   Vo as withOverrideDefaults,
   qo as withQueryClient,