@australiangreens/ag-internal-components 0.0.97 → 0.0.98

package/dist/esm/index.js

@@ -24,19 +24,19 @@ var L = (e, t, n) => new Promise((i, r) => {
   var s = (l) => {
     try {
       d(n.next(l));
-    } catch (p) {
-      r(p);
+    } catch (u) {
+      r(u);
     }
   }, c = (l) => {
     try {
       d(n.throw(l));
-    } catch (p) {
-      r(p);
+    } catch (u) {
+      r(u);
     }
   }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
   d((n = n.apply(e, t)).next());
 });
-import { jsxs as u, Fragment as E, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, Fragment as E, jsx as o } from "react/jsx-runtime";
 import { useState as B, createContext as Je, useCallback as ie, useContext as Ze, useEffect as re, createElement as xe, useRef as ge } from "react";
 import { Typography as F, Button as ae, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as K, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
 import Kt from "@mui/material/CssBaseline";
@@ -46,19 +46,18 @@ import { createHelper as Q } from "souvlaki";
 import { BrowserRouter as Zt } from "react-router-dom";
 import st from "@mui/material/List";
 import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as jt, Cancel as en, ArrowDropDown as tn } from "@mui/icons-material";
-import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as nn, Provider as pt } from "jotai";
-import { useHydrateAtoms as ut } from "jotai/utils";
+import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as nn, Provider as ut } from "jotai";
+import { useHydrateAtoms as pt } from "jotai/utils";
 import Me from "react-avatar";
-import { simpleHashCode as on } from "src/utils";
-import rn from "autosuggest-highlight/match";
-import an from "autosuggest-highlight/parse";
-import { useQuery as sn, QueryClient as ln, QueryClientProvider as cn } from "@tanstack/react-query";
+import on from "autosuggest-highlight/match";
+import rn from "autosuggest-highlight/parse";
+import { useQuery as an, QueryClient as sn, QueryClientProvider as ln } from "@tanstack/react-query";
 import { useAuth0 as ht } from "@auth0/auth0-react";
-import { Buffer as dn } from "buffer";
-import pn from "@mui/material/Skeleton";
-function To({ text: e }) {
+import { Buffer as cn } from "buffer";
+import dn from "@mui/material/Skeleton";
+function Oo({ text: e }) {
   const [t, n] = B(0);
-  return /* @__PURE__ */ u(E, { children: [
+  return /* @__PURE__ */ p(E, { 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(
@@ -70,11 +69,11 @@ function To({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ u("p", { children: [
+    /* @__PURE__ */ p("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ u(je, { children: [
+    /* @__PURE__ */ p(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
@@ -117,11 +116,11 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), hn = () => a({
+}), pn = () => a({
   width: gt
-}, mt()), gn = () => a({
+}, mt()), hn = () => a({
   width: ft
-}, mt()), fn = R(we, {
+}, mt()), gn = R(we, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
   width: t ? gt : ft,
@@ -130,16 +129,16 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": hn()
+  "& .MuiDrawer-paper": pn()
 }), !t && {
-  "& .MuiDrawer-paper": gn()
+  "& .MuiDrawer-paper": hn()
 }));
 class De extends Jt {
 }
 Fe(De, "errorName", "ContextError");
-const Ct = Je(null), mn = {}, Cn = {}, xn = ({
-  overrideState: e = mn,
-  overrideActions: t = Cn,
+const Ct = Je(null), fn = {}, mn = {}, Cn = ({
+  overrideState: e = fn,
+  overrideActions: t = mn,
   children: n
 }) => {
   const [{ open: i }, r] = B({ open: !0 }), s = ie((l) => {
@@ -152,16 +151,16 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     toggleOpen: c
   }, e), t);
   return /* @__PURE__ */ o(Ct.Provider, { value: d, children: n });
-}, vn = () => {
+}, xn = () => {
   const e = Ze(Ct);
   if (e === null)
     throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, wn = (e = {}) => a({
+}, vn = (e = {}) => a({
   open: !0
-}, e), Bo = Q(
-  (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
-), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Fo = R(st)(({ theme: e }) => ({
+}, e), To = Q(
+  (e = vn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Cn, { overrideState: e, overrideActions: t, children: n })
+), Bo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Eo = R(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -199,7 +198,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, Po = R(st)(({ theme: e }) => ({
+})), He = 7, Fo = R(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -238,15 +237,15 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // },
   }
 }));
-function No({
+function Po({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = vn();
-  return /* @__PURE__ */ u(un, { className: q.root, "data-testid": e, children: [
+  const { open: n } = xn();
+  return /* @__PURE__ */ p(un, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Kt, {}),
     /* @__PURE__ */ o(
-      fn,
+      gn,
       {
         variant: "permanent",
         anchor: "left",
@@ -257,14 +256,14 @@ function No({
     )
   ] });
 }
-const An = 24, bn = 64, G = "TopBar", T = {
+const wn = 24, An = 64, G = "TopBar", T = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, Sn = Ae("div", {
+}, bn = Ae("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -273,12 +272,12 @@ const An = 24, bn = 64, G = "TopBar", T = {
     width: "100%",
     [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${An}px`,
+      height: `${wn}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${bn}px`,
+      height: `${An}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -316,16 +315,16 @@ const An = 24, bn = 64, G = "TopBar", T = {
     })
   };
 });
-function kn({
+function Sn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ p(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ u(y, { className: T.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ p(y, { className: T.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
         K,
         {
           className: T.leftPanelButton,
@@ -341,7 +340,7 @@ function kn({
         }
       ),
       /* @__PURE__ */ o(F, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
         K,
         {
           className: T.rightPanelButton,
@@ -359,7 +358,7 @@ function kn({
     ] }) })
   ] });
 }
-const xt = 400, Dn = Ae(we, {
+const xt = 400, kn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -389,7 +388,7 @@ const xt = 400, Dn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), yn = Ae(y, {
+), Dn = Ae(y, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => k(a({
   display: "flex",
@@ -420,18 +419,18 @@ function We({
   showCloseArrow: c = !0,
   debugOpacity: d = !1,
   headerBoxProps: l = {},
-  onOpened: p,
+  onOpened: u,
   onClosed: v,
   "data-testid": C,
   navBarOpen: A = !1,
   navBarWidthOpen: g = 0,
   navBarWidthClosed: $ = 0
 }) {
-  return /* @__PURE__ */ u(
-    Dn,
+  return /* @__PURE__ */ p(
+    kn,
     {
       SlideProps: {
-        onEntered: () => p == null ? void 0 : p(),
+        onEntered: () => u == null ? void 0 : u(),
         onExited: () => v == null ? void 0 : v()
       },
       variant: "persistent",
@@ -444,14 +443,14 @@ function We({
       navBarWidthOpen: g,
       navBarWidthClosed: $,
       children: [
-        /* @__PURE__ */ o(yn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(E, { children: [
+        /* @__PURE__ */ o(Dn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(E, { children: [
           /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+          c && /* @__PURE__ */ p(K, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ u(E, { children: [
-          c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ p(E, { children: [
+          c && /* @__PURE__ */ p(K, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(lt, {}),
             " "
           ] }),
@@ -462,7 +461,7 @@ function We({
     }
   );
 }
-const $n = R(y, {
+const yn = R(y, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -485,7 +484,7 @@ const $n = R(y, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), In = R(et, {
+}), $n = R(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -505,7 +504,7 @@ const $n = R(y, {
   onClosed: void 0,
   dataTestId: void 0
 };
-function Lo({
+function No({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -515,7 +514,7 @@ function Lo({
   pageContainerProps: c,
   pageContentDataTestId: d,
   topBarDataTestId: l,
-  navBarOpen: p,
+  navBarOpen: u,
   navBarWidthOpen: v,
   navBarWidthClosed: C
 }) {
@@ -549,18 +548,18 @@ function Lo({
   }, [M]), re(() => {
     ee !== Ce && (b(ee), P(ee));
   }, [ee]);
-  const pe = h === void 0 ? A : h, ue = ce === void 0 ? $ : ce, Ie = (z) => {
+  const ue = h === void 0 ? A : h, pe = ce === void 0 ? $ : ce, Ie = (z) => {
     h === void 0 && (g(z), r && S && (z ? (b(!1), P($)) : b(O))), f && f(z);
   }, Oe = (z) => {
     ce === void 0 && (b(z), r && N && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
   };
-  return /* @__PURE__ */ u(y, { children: [
+  return /* @__PURE__ */ p(y, { children: [
     N && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Tt,
         anchor: "left",
-        open: pe,
+        open: ue,
         onClose: () => Ie(!1),
         width: m,
         titleText: w,
@@ -568,7 +567,7 @@ function Lo({
         showCloseArrow: x === "both" || x === "close",
         onOpened: Z,
         onClosed: le,
-        navBarOpen: p,
+        navBarOpen: u,
         navBarWidthOpen: v,
         navBarWidthClosed: C,
         children: H
@@ -579,7 +578,7 @@ function Lo({
       {
         "data-testid": Nt,
         anchor: "right",
-        open: ue,
+        open: pe,
         onClose: () => Oe(!1),
         width: de,
         titleText: Bt,
@@ -587,27 +586,27 @@ function Lo({
         showCloseArrow: j === "both" || j === "close",
         onOpened: Ft,
         onClosed: Pt,
-        navBarOpen: p,
+        navBarOpen: u,
         navBarWidthOpen: v,
         navBarWidthClosed: C,
         children: Et
       }
     ),
     /* @__PURE__ */ o(
-      kn,
+      Sn,
       a(a({
         titleText: t,
         "data-testid": l
       }, N && W === "push" ? {
         leftPanel: {
-          open: pe,
+          open: ue,
           width: m,
           onOpen: () => Ie(!0),
           showOpenArrow: x === "both" || x === "open"
         }
       } : {}), S && ye === "push" ? {
         rightPanel: {
-          open: ue,
+          open: pe,
           width: de,
           onOpen: () => Oe(!0),
           showOpenArrow: j === "both" || j === "open"
@@ -615,19 +614,19 @@ function Lo({
       } : {})
     ),
     /* @__PURE__ */ o(
-      $n,
+      yn,
       k(a(a({}, W === "push" ? {
         leftPanel: {
-          open: pe,
+          open: ue,
           width: m
         }
       } : {}), ye === "push" ? {
         rightPanel: {
-          open: ue,
+          open: pe,
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(In, k(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, k(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
@@ -635,8 +634,8 @@ function Lo({
 const vt = () => {
   const e = se();
   return Rt(e.breakpoints.down("sm"));
-}, On = 64, Tn = 72, Bn = 256, J = _(!0), wt = _(Bn), At = _(Tn), ve = _(""), En = _(void 0), bt = _(On), St = _(void 0);
-function Fn({ links: e }) {
+}, In = 64, On = 72, Tn = 256, J = _(!0), wt = _(Tn), At = _(On), ve = _(""), Bn = _(void 0), bt = _(In), St = _(void 0);
+function En({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const oe = "Navbar", Y = {
@@ -647,7 +646,7 @@ const oe = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Pn = R(y, { name: "NavBar" })(({ theme: e }) => ({
+}, Fn = R(y, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -669,7 +668,7 @@ const oe = "Navbar", Y = {
 })), X = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Nn = (e) => {
+}), Pn = (e) => {
   const t = se();
   return /* @__PURE__ */ o(
     Ht,
@@ -695,7 +694,7 @@ const oe = "Navbar", Y = {
 }, kt(e)), Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, kt(e)), Ln = R(we, {
+}, kt(e)), Nn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -709,10 +708,19 @@ const oe = "Navbar", Y = {
 })), !t && k(a({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, r ? n : i)
-}))), Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+})));
+function Ln(e) {
+  let t = 0;
+  for (let n = 0, i = e.length; n < i; n++) {
+    const r = e.charCodeAt(n);
+    t = (t << 5) - t + r, t |= 0;
+  }
+  return t;
+}
+const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ p(
     y,
     {
       sx: {
@@ -738,7 +746,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ge[Math.abs(on(e == null ? void 0 : e.name)) % Ge.length]
+                  bgcolor: Ge[Math.abs(Ln(e == null ? void 0 : e.name)) % Ge.length]
                 },
                 children: Ve(e == null ? void 0 : e.name)
               }
@@ -753,7 +761,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(E, { children: /* @__PURE__ */ u(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ o(E, { children: /* @__PURE__ */ p(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
               " ",
               Ve(e == null ? void 0 : e.name),
               " ",
@@ -761,7 +769,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ p(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
           e != null && e.name ? /* @__PURE__ */ o(F, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
           t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
@@ -779,11 +787,11 @@ function Mn({
   bottom: c,
   user: d,
   domainCode: l,
-  useNewAvatar: p = !1
+  useNewAvatar: u = !1
 }) {
   const v = vt(), C = dt(J);
-  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
-    Ln,
+  return /* @__PURE__ */ o(Fn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
+    Nn,
     {
       open: e,
       widthOpen: n,
@@ -799,14 +807,14 @@ function Mn({
       isSmallScreen: v,
       children: [
         !v && /* @__PURE__ */ o(zt, {}),
-        r && /* @__PURE__ */ u(y, { flexGrow: "0", children: [
+        r && /* @__PURE__ */ p(y, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
-        /* @__PURE__ */ u(y, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
+        /* @__PURE__ */ p(y, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(_n, { user: d, domainCode: l, open: e, useNewAvatar: p }),
+          /* @__PURE__ */ o(_n, { user: d, domainCode: l, open: e, useNewAvatar: u }),
           c && /* @__PURE__ */ o(E, { children: c })
         ] })
       ]
@@ -850,7 +858,7 @@ function zn({
   middle: i
 }) {
   const r = dt(J), s = () => r((l) => !l), c = se(), d = vt();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     je,
     {
       square: !0,
@@ -884,7 +892,7 @@ function zn({
     }
   ) });
 }
-function _o({
+function Lo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -894,15 +902,15 @@ function _o({
   navBarDataTestId: c,
   navBarMiddle: d,
   navBarBottom: l,
-  user: p,
+  user: u,
   domainCode: v
 }) {
-  ut([
+  pt([
     [J, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const C = _e(J), [A] = V(wt), [g] = V(At), $ = _e(ve), [b] = V(bt), [D] = V(En), [I] = V(St);
-  return /* @__PURE__ */ u(y, { children: [
+  const C = _e(J), [A] = V(wt), [g] = V(At), $ = _e(ve), [b] = V(bt), [D] = V(Bn), [I] = V(St);
+  return /* @__PURE__ */ p(y, { children: [
     /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
       zn,
@@ -913,7 +921,7 @@ function _o({
         middle: D
       }
     ),
-    /* @__PURE__ */ u(y, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ p(y, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Mn,
         {
@@ -921,7 +929,7 @@ function _o({
           top: I,
           middle: d,
           bottom: l,
-          user: p,
+          user: u,
           domainCode: v,
           widthOpen: A,
           widthClosed: g,
@@ -952,17 +960,17 @@ const Dt = ({
   onClose: c,
   sx: d,
   "data-testid": l,
-  disableCloseOnBackdropOrEscape: p = !1,
+  disableCloseOnBackdropOrEscape: u = !1,
   isLoading: v = !1
 }) => {
   var g, $;
   const [C, A] = B(!1);
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ p(
     tt,
     {
       open: e,
       onClose: (b, D) => L(void 0, null, function* () {
-        p && (D === "backdropClick" || D === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
+        u && (D === "backdropClick" || D === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
@@ -972,7 +980,7 @@ const Dt = ({
         v && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(ot, { children: t }),
         /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ u(rt, { children: [
+        /* @__PURE__ */ p(rt, { children: [
           /* @__PURE__ */ o(
             ae,
             {
@@ -1006,13 +1014,13 @@ const Dt = ({
   lookup: n,
   label: i,
   inputValue: r
-}) => sn({
+}) => an({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function Mo({
+function _o({
   lookup: e = () => L(this, null, function* () {
   }),
   enableHighlighting: t = !0,
@@ -1023,7 +1031,7 @@ function Mo({
   "data-testid": c,
   sx: d,
   boxSx: l,
-  textFieldColor: p,
+  textFieldColor: u,
   textFieldVariant: v = "filled",
   loadingText: C = "Loading...",
   noOptionsText: A = "No options",
@@ -1044,7 +1052,7 @@ function Mo({
     minLength: i,
     preLoadedOptions: D
   }), W = P.length >= i;
-  return /* @__PURE__ */ u("div", { "data-testid": c, children: [
+  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       be,
       {
@@ -1074,7 +1082,7 @@ function Mo({
             error: $,
             helperText: b,
             InputProps: k(a({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ u(E, { children: [
+              endAdornment: /* @__PURE__ */ p(E, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
@@ -1083,17 +1091,17 @@ function Mo({
             onKeyDown: (f) => {
               (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
             },
-            color: p
+            color: u
           })
         ),
         renderTags: () => null,
         isOptionEqualToValue: (h, f) => h.id === f.id,
         renderOption: (h, f, m) => {
           if (t) {
-            const x = rn(f.label, m.inputValue, {
+            const x = on(f.label, m.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = an(f.label, x);
+            }), M = rn(f.label, x);
             return /* @__PURE__ */ xe(
               "li",
               k(a({}, h), {
@@ -1162,7 +1170,7 @@ function Mo({
     )) })
   ] });
 }
-const Ro = ({
+const Mo = ({
   lookup: e = () => L(void 0, null, function* () {
   }),
   onChange: t,
@@ -1173,7 +1181,7 @@ const Ro = ({
   textFieldVariant: c = "filled",
   "data-testid": d,
   noOptionsText: l = "No options",
-  minLength: p = 3,
+  minLength: u = 3,
   disablePortal: v = !1,
   preLoadedOptions: C,
   helperText: A = "",
@@ -1185,9 +1193,9 @@ const Ro = ({
     inputValue: D,
     label: n,
     lookup: e,
-    minLength: p != null ? p : 0,
+    minLength: u != null ? u : 0,
     preLoadedOptions: C
-  }), N = D.length >= p;
+  }), N = D.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     be,
     {
@@ -1235,7 +1243,7 @@ const Ro = ({
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      dn.from(n, "base64").toString("utf8").split("").map(function(s) {
+      cn.from(n, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
@@ -1243,7 +1251,7 @@ const Ro = ({
   } catch (t) {
     return -1;
   }
-}, Ho = ({
+}, Ro = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
@@ -1301,7 +1309,7 @@ function Xn(e) {
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("User did not authorize the request");
 }
-function Wo({
+function Ho({
   children: e,
   appName: t = "the app"
 }) {
@@ -1317,13 +1325,13 @@ function Wo({
     s(d);
   }, [i, n, r, s]), r && Gn(r)) {
     let d = "Auth error", l = "An unknown Auth0 error occurred.";
-    return qn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : Xn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ u(tt, { open: !0, children: [
+    return qn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : Xn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(tt, { open: !0, children: [
       /* @__PURE__ */ o(ot, { children: d }),
       /* @__PURE__ */ o(it, { children: /* @__PURE__ */ o(F, { children: l }) }),
       /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(pn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Qn = {
   autoHideDuration: 6e3,
@@ -1359,26 +1367,26 @@ function to(s) {
     "children"
   ]);
   var f;
-  const [{ open: d }, l] = B({ open: !1 }), p = ge([]), v = ge(Date.now()), C = ge(0), A = ie((m) => {
+  const [{ open: d }, l] = B({ open: !1 }), u = ge([]), v = ge(Date.now()), C = ge(0), A = ie((m) => {
     l({ open: m });
   }, []), g = ie((m = {}) => {
-    C.current += 1, p.current.length >= Xe && Date.now() - v.current >= Qe && (v.current = Date.now(), console.error(
+    C.current += 1, u.current.length >= Xe && Date.now() - v.current >= Qe && (v.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${C.current} times in last ${Qe}ms)`
     ), C.current = 0);
     const x = a(k(a({}, qe), {
       key: Jn()
     }), m);
-    return p.current.push(x), p.current.length === 1 && l({ open: !0 }), x.key;
+    return u.current.push(x), u.current.length === 1 && l({ open: !0 }), x.key;
   }, []), $ = (m = "", x = {}) => g(a({ message: m, severity: "success" }, x)), b = (m = "", x = {}) => g(a({ message: m, severity: "info" }, x)), D = (m = "", x = {}) => g(a({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(a({ message: m, severity: "error" }, x)), O = (m) => {
-    const x = p.current.findIndex((M) => M.key === m);
+    const x = u.current.findIndex((M) => M.key === m);
     if (x !== -1)
-      return x === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(x, 1);
+      return x === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(x, 1);
   }, P = (m, x) => {
     n(m, x) && l({ open: !1 });
   }, N = () => {
   }, S = () => {
-    p.current.shift(), p.current.length > 0 && l({ open: !0 });
-  }, w = (f = p.current[0]) != null ? f : a({}, qe), H = {};
+    u.current.shift(), u.current.length > 0 && l({ open: !0 });
+  }, w = (f = u.current[0]) != null ? f : a({}, qe), H = {};
   "autoHideDuration" in w && (H.autoHideDuration = w.autoHideDuration);
   const W = a(a({}, Qn), r), h = a(a({
     open: d,
@@ -1390,7 +1398,7 @@ function to(s) {
     enqueueErrorNotification: I,
     removeNotification: O
   }, e), t);
-  return /* @__PURE__ */ u($t.Provider, { value: h, children: [
+  return /* @__PURE__ */ p($t.Provider, { value: h, children: [
     i,
     /* @__PURE__ */ o(
       Xt,
@@ -1402,7 +1410,7 @@ function to(s) {
           onExit: N
         },
         sx: { zIndex: Kn },
-        children: /* @__PURE__ */ u("div", { children: [
+        children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
             Qt,
             {
@@ -1426,12 +1434,12 @@ function no() {
     throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const zo = Q(
+const Wo = Q(
   (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), oo = nn(), Uo = ({
+), oo = nn(), zo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(pt, { store: t != null ? t : oo, children: e }), It = "domainCode";
+}) => /* @__PURE__ */ o(ut, { store: t != null ? t : oo, children: e }), It = "domainCode";
 var Ke;
 const Ye = _(
   JSON.parse((Ke = localStorage.getItem(It)) != null ? Ke : '{"domainCode": ""}').domainCode
@@ -1455,7 +1463,7 @@ const Ye = _(
 }, ro = (e) => {
   var t;
   return e === null ? "N/A" : (t = io[e]) != null ? t : "";
-}, Go = ({
+}, Uo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1463,13 +1471,13 @@ const Ye = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, d] = V(Ot), [l, p] = B(c), { enqueueSuccessNotification: v } = no(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, $ = () => L(void 0, null, function* () {
+  const [c, d] = V(Ot), [l, u] = B(c), { enqueueSuccessNotification: v } = no(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, $ = () => L(void 0, null, function* () {
     l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
   }), b = () => L(void 0, null, function* () {
-    c && !C && !A ? (p(c), n()) : g && s();
+    c && !C && !A ? (u(c), n()) : g && s();
   });
   let D;
-  return C ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+  return C ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
     Dt,
     {
       isOpen: t,
@@ -1487,7 +1495,7 @@ const Ye = _(
       onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ u(F, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(F, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1499,7 +1507,7 @@ const Ye = _(
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: (I, O) => p(O != null ? O : ""),
+            onChange: (I, O) => u(O != null ? O : ""),
             getOptionLabel: ro,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
@@ -1508,7 +1516,7 @@ const Ye = _(
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: k(a({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(E, { children: [
+                  endAdornment: /* @__PURE__ */ p(E, { children: [
                     e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
@@ -1521,7 +1529,7 @@ const Ye = _(
       ]
     }
   );
-}, Vo = at({
+}, Go = at({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1572,7 +1580,7 @@ const Ye = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), qo = at({
+}), Vo = at({
   palette: {
     primary: {
       main: "#007236",
@@ -1674,10 +1682,10 @@ const Ye = _(
   titleText: ve,
   topBarHeight: bt,
   navBarTop: St
-}, Xo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), so = ({
+}, qo = Q(() => ({ children: e }) => /* @__PURE__ */ o(ut, { children: e })), so = ({
   initialValues: e,
   children: t
-}) => (ut(e), /* @__PURE__ */ o(E, { children: t })), Qo = Q(
+}) => (pt(e), /* @__PURE__ */ o(E, { children: t })), Xo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     so,
     {
@@ -1690,37 +1698,37 @@ const Ye = _(
       children: t
     }
   )
-), Yo = Q(() => ({ children: e }) => {
-  const t = new ln();
-  return /* @__PURE__ */ o(cn, { client: t, children: e });
+), Qo = Q(() => ({ children: e }) => {
+  const t = new sn();
+  return /* @__PURE__ */ o(ln, { client: t, children: e });
 });
 export {
   Dt as AgDialog,
-  _o as AppLayout,
-  Uo as AtomProvider,
-  Wo as AuthGuard,
+  Lo as AppLayout,
+  zo as AtomProvider,
+  Ho as AuthGuard,
   $t as Context,
   De as ContextError,
-  Go as DomainCodeDialog,
-  To as ExampleComponent,
-  Mo as FetchAutocomplete,
+  Uo as DomainCodeDialog,
+  Oo as ExampleComponent,
+  _o as FetchAutocomplete,
   so as HydrateAtoms,
   ft as NAVBAR_WIDTH_CLOSED,
   gt as NAVBAR_WIDTH_OPENED,
-  No as NavBar,
-  Fo as NavBarDarkStyledList,
-  Po as NavBarLightStyledList,
-  xn as NavBarProvider,
-  Lo as PageLayout,
+  Po as NavBar,
+  Eo as NavBarDarkStyledList,
+  Fo as NavBarLightStyledList,
+  Cn as NavBarProvider,
+  No as PageLayout,
   to as SaladBarProvider,
-  Ho as SessionExpiryDialog,
-  Ro as SingleAutocomplete,
+  Ro as SessionExpiryDialog,
+  Mo as SingleAutocomplete,
   oo as atomStore,
-  wn as buildNavBarState,
+  vn as buildNavBarState,
   Ot as domainCodeAtom,
-  Vo as fed21Theme,
+  Go as fed21Theme,
   Un as getAuth0Expiry,
-  qo as internalAgSystemsTheme,
+  Vo as internalAgSystemsTheme,
   q as navBarClasses,
   J as navBarOpenAtom,
   St as navBarTopAtom,
@@ -1728,15 +1736,15 @@ export {
   wt as navBarWidthOpenAtom,
   ve as titleTextAtom,
   bt as topBarHeightAtom,
-  En as topBarMiddleAtom,
+  Bn as topBarMiddleAtom,
   yt as useAutocompleteOptions,
-  vn as useNavBar,
+  xn as useNavBar,
   no as useSaladBar,
-  Xo as withAtomProvider,
-  Eo as withBrowserRouter,
-  Bo as withNavBarProvider,
-  Qo as withOverrideDefaults,
-  Yo as withQueryClient,
-  zo as withSaladBarProvider
+  qo as withAtomProvider,
+  Bo as withBrowserRouter,
+  To as withNavBarProvider,
+  Xo as withOverrideDefaults,
+  Qo as withQueryClient,
+  Wo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map