@australiangreens/ag-internal-components 0.0.90 → 0.0.92

package/dist/esm/index.js

@@ -9,7 +9,7 @@ var he = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writ
     for (var n of ee(t))
       Be.call(t, n) && he(e, n, t[n]);
   return e;
-}, S = (e, t) => Nt(e, Lt(t));
+}, k = (e, t) => Nt(e, Lt(t));
 var Ee = (e, t) => {
   var n = {};
   for (var i in e)
@@ -20,7 +20,7 @@ var Ee = (e, t) => {
   return n;
 };
 var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
-var P = (e, t, n) => new Promise((i, r) => {
+var N = (e, t, n) => new Promise((i, r) => {
   var s = (l) => {
     try {
       d(n.next(l));
@@ -36,17 +36,17 @@ var P = (e, t, n) => new Promise((i, r) => {
   }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
   d((n = n.apply(e, t)).next());
 });
-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 { jsxs as h, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { useState as B, createContext as Ye, useCallback as oe, useContext as Ke, useEffect as ie, createElement as xe, useRef as ge } from "react";
+import { Typography as E, 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 M, createTheme as it, alpha as fe } from "@mui/material/styles";
+import { styled as R, 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 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 { atom as _, 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";
@@ -55,10 +55,10 @@ 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__ */ 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" }) }),
+  const [t, n] = B(0);
+  return /* @__PURE__ */ h(L, { children: [
+    /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(E, { 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(
       re,
       {
@@ -86,7 +86,7 @@ const pt = 330, ht = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, cn = M($, {
+}, cn = R($, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -119,7 +119,7 @@ const pt = 330, ht = 73, U = "Navbar", q = {
   width: pt
 }, gt()), un = () => a({
   width: ht
-}, gt()), pn = M(we, {
+}, gt()), pn = R(we, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
   width: t ? pt : ht,
@@ -140,10 +140,10 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
   overrideActions: t = gn,
   children: n
 }) => {
-  const [{ open: i }, r] = E({ open: !0 }), s = oe((l) => {
+  const [{ open: i }, r] = B({ open: !0 }), s = oe((l) => {
     r({ open: l });
   }, []), c = oe(() => {
-    r((l) => S(a({}, l), { open: !l.open }));
+    r((l) => k(a({}, l), { open: !l.open }));
   }, []), d = a(a({
     open: i,
     setOpen: s,
@@ -159,7 +159,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
   open: !0
 }, e), Io = X(
   (e = Cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(fn, { overrideState: e, overrideActions: t, children: n })
-), Oo = X(() => ({ children: e }) => /* @__PURE__ */ o(Kt, { children: e })), Me = 7, To = M(rt)(({ theme: e }) => ({
+), Oo = X(() => ({ children: e }) => /* @__PURE__ */ o(Kt, { children: e })), Me = 7, To = R(rt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -197,7 +197,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Re = 7, Bo = M(rt)(({ theme: e }) => ({
+})), Re = 7, Bo = R(rt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -255,7 +255,7 @@ function Eo({
     )
   ] });
 }
-const xn = 24, vn = 64, G = "TopBar", B = {
+const xn = 24, vn = 64, G = "TopBar", T = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
@@ -269,18 +269,18 @@ const xn = 24, vn = 64, G = "TopBar", B = {
   var i, r;
   return {
     width: "100%",
-    [`& .${B.topStripe}`]: {
+    [`& .${T.topStripe}`]: {
       width: "100%",
       height: `${xn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${B.titleBar}`]: {
+    [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${vn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${B.titleSlider}`]: a(a({
+    [`& .${T.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -289,14 +289,14 @@ const xn = 24, vn = 64, G = "TopBar", B = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${B.leftPanelButton}`]: {
+      [`& .${T.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${B.titleText}`]: {
+      [`& .${T.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${B.rightPanelButton}`]: {
+      [`& .${T.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -321,12 +321,12 @@ function An({
   "data-testid": i
 }) {
   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__ */ h($, { className: B.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: T.topStripe }),
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ h($, { className: T.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
         Y,
         {
-          className: B.leftPanelButton,
+          className: T.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -338,11 +338,11 @@ function An({
           ]
         }
       ),
-      /* @__PURE__ */ o(F, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(E, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
         Y,
         {
-          className: B.rightPanelButton,
+          className: T.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -389,7 +389,7 @@ const mt = 400, bn = Ae(we, {
   })
 ), Sn = Ae($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => S(a({
+})(({ theme: e, anchor: t }) => k(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -419,18 +419,18 @@ function He({
   debugOpacity: d = !1,
   headerBoxProps: l = {},
   onOpened: u,
-  onClosed: v,
+  onClosed: w,
   "data-testid": x,
-  navBarOpen: w = !1,
+  navBarOpen: A = !1,
   navBarWidthOpen: g = 0,
-  navBarWidthClosed: D = 0
+  navBarWidthClosed: y = 0
 }) {
   return /* @__PURE__ */ h(
     bn,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
-        onExited: () => v == null ? void 0 : v()
+        onExited: () => w == null ? void 0 : w()
       },
       variant: "persistent",
       anchor: t,
@@ -438,29 +438,29 @@ function He({
       width: s,
       debugOpacity: d,
       "data-testid": x,
-      navBarOpen: w,
+      navBarOpen: A,
       navBarWidthOpen: g,
-      navBarWidthClosed: D,
+      navBarWidthClosed: y,
       children: [
-        /* @__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 }),
+        /* @__PURE__ */ o(Sn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(L, { children: [
+          /* @__PURE__ */ o(E, { 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__ */ h(N, { children: [
+        ] }) : /* @__PURE__ */ h(L, { children: [
           c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(at, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const kn = M($, {
+const kn = R($, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -483,7 +483,7 @@ const kn = M($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), Dn = M(Ze, {
+}), Dn = R(Ze, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -498,7 +498,7 @@ const kn = M($, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(N, {}),
+  content: /* @__PURE__ */ o(L, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
@@ -514,18 +514,18 @@ function Fo({
   pageContentDataTestId: d,
   topBarDataTestId: l,
   navBarOpen: u,
-  navBarWidthOpen: v,
+  navBarWidthOpen: w,
   navBarWidthClosed: x
 }) {
-  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,
+  const [A, g] = B(me), [y, b] = B(Ce), [D, I] = B(me), [O, F] = B(Ce), P = n !== void 0, S = i !== void 0, {
+    titleText: v,
     content: H,
     flavour: W,
     open: p,
     onChangeOpen: f,
     width: m,
     arrowButtons: C,
-    startOpen: _,
+    startOpen: M,
     onOpened: J,
     onClosed: le,
     dataTestId: It
@@ -543,17 +543,17 @@ function Fo({
     dataTestId: Ft
   } = i ? a(a({}, te), i) : a({}, te);
   ie(() => {
-    _ !== me && (g(_), I(_));
-  }, [_]), ie(() => {
-    j !== Ce && (b(j), A(j));
+    M !== me && (g(M), I(M));
+  }, [M]), ie(() => {
+    j !== Ce && (b(j), F(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);
+  const ue = p === void 0 ? A : p, pe = ce === void 0 ? y : ce, Ie = (z) => {
+    p === void 0 && (g(z), r && S && (z ? (b(!1), F(y)) : b(O))), f && f(z);
   }, Oe = (z) => {
-    ce === void 0 && (b(z), r && y && (z ? (g(!1), I(w)) : g(k))), $e && $e(z);
+    ce === void 0 && (b(z), r && P && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
   };
   return /* @__PURE__ */ h($, { children: [
-    y && /* @__PURE__ */ o(
+    P && /* @__PURE__ */ o(
       He,
       {
         "data-testid": It,
@@ -561,18 +561,18 @@ function Fo({
         open: ue,
         onClose: () => Ie(!1),
         width: m,
-        titleText: O,
+        titleText: v,
         debugOpacity: s,
         showCloseArrow: C === "both" || C === "close",
         onOpened: J,
         onClosed: le,
         navBarOpen: u,
-        navBarWidthOpen: v,
+        navBarWidthOpen: w,
         navBarWidthClosed: x,
         children: H
       }
     ),
-    R && /* @__PURE__ */ o(
+    S && /* @__PURE__ */ o(
       He,
       {
         "data-testid": Ft,
@@ -586,7 +586,7 @@ function Fo({
         onOpened: Bt,
         onClosed: Et,
         navBarOpen: u,
-        navBarWidthOpen: v,
+        navBarWidthOpen: w,
         navBarWidthClosed: x,
         children: Tt
       }
@@ -596,14 +596,14 @@ function Fo({
       a(a({
         titleText: t,
         "data-testid": l
-      }, y && W === "push" ? {
+      }, P && W === "push" ? {
         leftPanel: {
           open: ue,
           width: m,
           onOpen: () => Ie(!0),
           showOpenArrow: C === "both" || C === "open"
         }
-      } : {}), R && ye === "push" ? {
+      } : {}), S && ye === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
@@ -614,7 +614,7 @@ function Fo({
     ),
     /* @__PURE__ */ o(
       kn,
-      S(a(a({}, W === "push" ? {
+      k(a(a({}, W === "push" ? {
         leftPanel: {
           open: ue,
           width: m
@@ -625,7 +625,7 @@ function Fo({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Dn, S(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o(Dn, k(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
@@ -633,7 +633,7 @@ function Fo({
 const Ct = () => {
   const e = se();
   return _t(e.breakpoints.down("sm"));
-}, 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);
+}, yn = 64, $n = 72, In = 256, K = _(!0), xt = _(In), vt = _($n), ve = _(""), On = _(void 0), wt = _(yn), At = _(void 0);
 function Tn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
@@ -645,7 +645,7 @@ const ne = "Navbar", Q = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Bn = M($, { name: "NavBar" })(({ theme: e }) => ({
+}, Bn = R($, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Q.root}`]: {
     display: "flex"
   },
@@ -693,7 +693,7 @@ const ne = "Navbar", Q = {
 }, bt(e)), ze = (e, t) => a({
   width: t,
   transition: ae(e, "width", "leaving")
-}, bt(e)), Fn = M(we, {
+}, bt(e)), Fn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -701,10 +701,10 @@ const ne = "Navbar", Q = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && S(a({}, We(e, n)), {
+}, t && k(a({}, We(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": We(e, n)
-})), !t && S(a({}, ze(e, r ? n : i)), {
+})), !t && k(a({}, ze(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ze(e, r ? n : i)
 })));
@@ -753,8 +753,8 @@ function Ln({ user: e, domainCode: t, open: n }) {
           }
         ),
         /* @__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%" })
+          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -771,7 +771,7 @@ function _n({
   user: d,
   domainCode: l
 }) {
-  const u = Ct(), v = lt(K);
+  const u = Ct(), w = lt(K);
   return /* @__PURE__ */ o(Bn, { className: Q.root, "data-testid": i, children: /* @__PURE__ */ h(
     Fn,
     {
@@ -784,7 +784,7 @@ function _n({
         component: "nav"
       },
       onClose: () => {
-        v(!1);
+        w(!1);
       },
       isSmallScreen: u,
       children: [
@@ -797,7 +797,7 @@ function _n({
         /* @__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(N, { children: c })
+          c && /* @__PURE__ */ o(L, { children: c })
         ] })
       ]
     }
@@ -815,8 +815,6 @@ function Mn({
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
-        scrollbarGutter: "stable",
-        // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
       children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
@@ -870,7 +868,7 @@ function Wn({
             children: /* @__PURE__ */ o(Jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(F, { className: Hn.titleText, variant: "h6", children: e }),
+        /* @__PURE__ */ o(E, { className: Hn.titleText, variant: "h6", children: e }),
         i
       ]
     }
@@ -887,22 +885,22 @@ function Po({
   navBarMiddle: d,
   navBarBottom: l,
   user: u,
-  domainCode: v
+  domainCode: w
 }) {
   dt([
     [K, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const x = _e(K), [w] = V(xt), [g] = V(vt), D = _e(ve), [b] = V(wt), [k] = V(On), [I] = V(At);
+  const x = _e(K), [A] = V(xt), [g] = V(vt), y = _e(ve), [b] = V(wt), [D] = V(On), [I] = V(At);
   return /* @__PURE__ */ h($, { children: [
     /* @__PURE__ */ o(Wt, {}),
     /* @__PURE__ */ o(
       Wn,
       {
-        titleText: D,
+        titleText: y,
         "data-testid": s,
         height: b,
-        middle: k
+        middle: D
       }
     ),
     /* @__PURE__ */ h($, { sx: { display: "flex" }, children: [
@@ -914,8 +912,8 @@ function Po({
           middle: d,
           bottom: l,
           user: u,
-          domainCode: v,
-          widthOpen: w,
+          domainCode: w,
+          widthOpen: A,
           widthClosed: g,
           offsetTop: b,
           "data-testid": c
@@ -923,7 +921,7 @@ function Po({
       ),
       /* @__PURE__ */ o(
         Mn,
-        S(a({
+        k(a({
           "data-testid": r,
           topBarHeight: b
         }, i), {
@@ -944,23 +942,23 @@ const St = ({
   sx: d,
   "data-testid": l,
   disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: v = !1
+  isLoading: w = !1
 }) => {
-  var g, D;
-  const [x, w] = E(!1);
+  var g, y;
+  const [x, A] = B(!1);
   return /* @__PURE__ */ h(
     je,
     {
       open: e,
-      onClose: (b, k) => P(void 0, null, function* () {
-        u && (k === "backdropClick" || k === "escapeKeyDown") || x || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (b, D) => N(void 0, null, function* () {
+        u && (D === "backdropClick" || D === "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(et, { sx: { height: "4px", marginBottom: "-4px" } }),
+        w && /* @__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: [
@@ -971,15 +969,15 @@ const St = ({
               "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"
+              children: (y = s == null ? void 0 : s.text) != null ? y : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             re,
             {
-              onClick: () => P(void 0, null, function* () {
+              onClick: () => N(void 0, null, function* () {
                 var b;
-                w(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), w(!1);
+                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || x,
@@ -1004,7 +1002,7 @@ const St = ({
   queryKey: ["autocomplete", i, r]
 });
 function No({
-  lookup: e = () => P(this, null, function* () {
+  lookup: e = () => N(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
@@ -1015,57 +1013,57 @@ function No({
   sx: d,
   boxSx: l,
   textFieldColor: u,
-  textFieldVariant: v = "filled",
+  textFieldVariant: w = "filled",
   loadingText: x = "Loading...",
-  noOptionsText: w = "No options",
+  noOptionsText: A = "No options",
   popupIcon: g = /* @__PURE__ */ o(jt, {}),
-  error: D = !1,
+  error: y = !1,
   helperText: b = "",
-  preLoadedOptions: k = void 0,
+  preLoadedOptions: D = void 0,
   disablePortal: I = !1,
-  disableIconFlip: T = !1
+  disableIconFlip: O = !1
 }) {
-  const [A, y] = E(""), R = (p, f) => {
+  const [F, P] = B(""), S = (p, f) => {
     const m = s.filter((C) => C.id !== f);
     n(m, "delete", p);
-  }, { data: O, isLoading: H } = kt({
-    inputValue: A,
+  }, { data: v, isLoading: H } = kt({
+    inputValue: F,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: k
-  }), W = A.length >= i;
+    preLoadedOptions: D
+  }), W = F.length >= i;
   return /* @__PURE__ */ h("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       be,
       {
-        sx: a(a({}, d), T ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: a(a({}, d), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
         getOptionLabel: (p) => typeof p == "string" ? p : p.label,
         loading: W ? H : !1,
-        options: [...s, ...O != null ? O : []],
+        options: [...s, ...v != null ? v : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
         onChange: (p, f, m) => {
           n(f, m, p);
         },
-        onInputChange: (p, f) => y(f),
-        noOptionsText: W ? w : "Start typing to search",
+        onInputChange: (p, f) => P(f),
+        noOptionsText: W ? A : "Start typing to search",
         loadingText: x,
         popupIcon: g,
         renderInput: (p) => /* @__PURE__ */ o(
           Se,
-          S(a({}, p), {
+          k(a({}, p), {
             label: r,
             fullWidth: !0,
-            variant: v,
-            error: D,
+            variant: w,
+            error: y,
             helperText: b,
-            InputProps: S(a({}, p.InputProps), {
-              endAdornment: /* @__PURE__ */ h(N, { children: [
+            InputProps: k(a({}, p.InputProps), {
+              endAdornment: /* @__PURE__ */ h(L, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
                 p.InputProps.endAdornment
               ] })
@@ -1084,14 +1082,14 @@ function No({
             const C = tn(f.label, m.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), _ = nn(f.label, C);
+            }), M = nn(f.label, C);
             return /* @__PURE__ */ xe(
               "li",
-              S(a({}, p), {
+              k(a({}, p), {
                 key: f.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: _.map((J, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: M.map((J, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -1105,7 +1103,7 @@ function No({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              S(a({}, p), {
+              k(a({}, p), {
                 key: f.id,
                 "data-testid": c ? `${c}:option(${f.id.toString()})` : void 0
               }),
@@ -1137,11 +1135,11 @@ function No({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
           }
         ),
         "data-testid": c ? `${c}:Chip(${p.id.toString()})` : void 0,
-        onDelete: (f) => R(f, p.id),
+        onDelete: (f) => S(f, p.id),
         deleteIcon: /* @__PURE__ */ o(
           Zt,
           {
@@ -1154,7 +1152,7 @@ function No({
   ] });
 }
 const Lo = ({
-  lookup: e = () => P(void 0, null, function* () {
+  lookup: e = () => N(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
@@ -1165,55 +1163,58 @@ const Lo = ({
   "data-testid": d,
   noOptionsText: l = "No options",
   minLength: u = 3,
-  disablePortal: v = !1,
+  disablePortal: w = !1,
   preLoadedOptions: x,
-  helperText: w = "",
-  disabled: g
+  helperText: A = "",
+  disabled: g,
+  popupIcon: y,
+  disableIconFlip: b
 }) => {
-  const [D, b] = E(""), { data: k, isLoading: I } = kt({
+  const [D, I] = B(""), { data: O, isLoading: F } = kt({
     inputValue: D,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
     preLoadedOptions: x
-  }), T = D.length >= u;
+  }), P = D.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Gt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     be,
     {
-      sx: r,
+      sx: a(a({}, r), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": d ? `${d}:Autocomplete` : void 0,
-      loading: T ? I : !1,
-      options: k != null ? k : [],
-      onChange: (A, y) => {
-        t(A, y);
+      loading: P ? F : !1,
+      options: O != null ? O : [],
+      onChange: (S, v) => {
+        t(S, v);
       },
-      disablePortal: v,
-      filterOptions: (A) => A,
+      disablePortal: w,
+      filterOptions: (S) => S,
       value: i,
-      noOptionsText: T ? l : "Start typing to search",
-      getOptionLabel: (A) => A.label,
-      renderInput: (A) => /* @__PURE__ */ o(
+      noOptionsText: P ? l : "Start typing to search",
+      getOptionLabel: (S) => S.label,
+      popupIcon: y,
+      renderInput: (S) => /* @__PURE__ */ o(
         Se,
-        S(a({
+        k(a({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, A), {
+        }, S), {
           variant: c,
           label: n,
           color: s,
-          helperText: w
+          helperText: A
         })
       ),
-      isOptionEqualToValue: (A, y) => A.id === y.id,
-      onInputChange: (A, y) => {
-        b(y);
+      isOptionEqualToValue: (S, v) => S.id === v.id,
+      onInputChange: (S, v) => {
+        I(v);
       },
-      renderOption: (A, y) => /* @__PURE__ */ xe(
+      renderOption: (S, v) => /* @__PURE__ */ xe(
         "li",
-        S(a({}, A), {
-          key: y.id,
-          "data-testid": d ? `${d}:Autocomplete:option(${y.id.toString()})` : void 0
+        k(a({}, S), {
+          key: v.id,
+          "data-testid": d ? `${d}:Autocomplete:option(${v.id.toString()})` : void 0
         }),
-        y.label
+        v.label
       ),
       disabled: g
     }
@@ -1236,15 +1237,15 @@ const Lo = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ut(), [s, c] = E(0), d = () => P(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ut(), [s, c] = B(0), d = () => N(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => P(void 0, null, function* () {
+  }), l = () => N(void 0, null, function* () {
     c(s + 1), t();
   });
   return ie(() => {
-    (() => P(void 0, null, function* () {
+    (() => N(void 0, null, function* () {
       if (s > 0) {
-        const w = yield r({ cacheMode: "off" }), g = zn(w) * 1e3;
+        const A = yield r({ cacheMode: "off" }), g = zn(A) * 1e3;
         n(g);
       }
     }))();
@@ -1307,11 +1308,11 @@ function Mo({
     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__ */ h(je, { open: !0, children: [
       /* @__PURE__ */ o(tt, { children: d }),
-      /* @__PURE__ */ o(nt, { children: /* @__PURE__ */ o(F, { children: l }) }),
+      /* @__PURE__ */ o(nt, { children: /* @__PURE__ */ o(E, { children: l }) }),
       /* @__PURE__ */ o(ot, { children: /* @__PURE__ */ o(re, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(N, { children: e }) : /* @__PURE__ */ o(ln, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(L, { children: e }) : /* @__PURE__ */ o(ln, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Xn = {
   autoHideDuration: 6e3,
@@ -1347,62 +1348,62 @@ function eo(s) {
     "children"
   ]);
   var f;
-  const [{ open: d }, l] = E({ open: !1 }), u = ge([]), v = ge(Date.now()), x = ge(0), w = oe((m) => {
+  const [{ open: d }, l] = B({ open: !1 }), u = ge([]), w = ge(Date.now()), x = ge(0), A = oe((m) => {
     l({ open: m });
   }, []), g = oe((m = {}) => {
-    x.current += 1, u.current.length >= Ve && Date.now() - v.current >= qe && (v.current = Date.now(), console.error(
+    x.current += 1, u.current.length >= Ve && Date.now() - w.current >= qe && (w.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), {
+    const C = a(k(a({}, Ge), {
       key: Kn()
     }), m);
     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);
+  }, []), y = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), b = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), D = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), O = (m) => {
+    const C = u.current.findIndex((M) => M.key === m);
     if (C !== -1)
       return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
-  }, A = (m, C) => {
+  }, F = (m, C) => {
     n(m, C) && l({ open: !1 });
-  }, y = () => {
-  }, R = () => {
+  }, P = () => {
+  }, S = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, O = (f = u.current[0]) != null ? f : a({}, Ge), H = {};
-  "autoHideDuration" in O && (H.autoHideDuration = O.autoHideDuration);
+  }, v = (f = u.current[0]) != null ? f : a({}, Ge), H = {};
+  "autoHideDuration" in v && (H.autoHideDuration = v.autoHideDuration);
   const W = a(a({}, Xn), r), p = a(a({
     open: d,
-    setOpen: w,
+    setOpen: A,
     enqueueNotification: g,
-    enqueueSuccessNotification: D,
+    enqueueSuccessNotification: y,
     enqueueInfoNotification: b,
-    enqueueWarningNotification: k,
+    enqueueWarningNotification: D,
     enqueueErrorNotification: I,
-    removeNotification: T
+    removeNotification: O
   }, e), t);
   return /* @__PURE__ */ h(Dt.Provider, { value: p, children: [
     i,
     /* @__PURE__ */ o(
       Vt,
-      S(a(a({}, W), H), {
+      k(a(a({}, W), H), {
         open: d,
-        onClose: A,
+        onClose: F,
         TransitionProps: {
-          onExited: R,
-          onExit: y
+          onExited: S,
+          onExit: P
         },
         sx: { zIndex: Yn },
         children: /* @__PURE__ */ h("div", { children: [
           /* @__PURE__ */ o(
             qt,
             {
-              onClose: (m) => A(m, "closeAlert"),
-              severity: O.severity,
+              onClose: (m) => F(m, "closeAlert"),
+              severity: v.severity,
               variant: "filled",
-              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: O.progressIndicator === "linear" ? Jn : void 0,
-              children: O.message
+              icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
+              style: v.progressIndicator === "linear" ? Jn : void 0,
+              children: v.message
             }
           ),
-          O.progressIndicator === "linear" && /* @__PURE__ */ o(et, { color: "primary" })
+          v.progressIndicator === "linear" && /* @__PURE__ */ o(et, { color: "primary" })
         ] })
       })
     )
@@ -1415,15 +1416,15 @@ function to() {
   return e;
 }
 const Ro = X(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, S(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), no = en(), Ho = ({
   children: e,
   store: t
 }) => /* @__PURE__ */ o(ct, { store: t != null ? t : no, children: e }), yt = "domainCode";
 var Qe;
-const Xe = L(
+const Xe = _(
   JSON.parse((Qe = localStorage.getItem(yt)) != null ? Qe : '{"domainCode": ""}').domainCode
-), $t = L(
+), $t = _(
   (e) => e(Xe),
   (e, t, n) => {
     t(Xe, n), localStorage.setItem(yt, JSON.stringify({ domainCode: n }));
@@ -1451,21 +1452,21 @@ const Xe = L(
   applicationName: r,
   handleLogout: s
 }) => {
-  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("");
-  }), b = () => P(void 0, null, function* () {
-    c && !x && !w ? (u(c), n()) : g && s();
+  const [c, d] = V($t), [l, u] = B(c), { enqueueSuccessNotification: w } = to(), x = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || x || A, y = () => N(void 0, null, function* () {
+    l ? (d(l), w(`Set domain to ${l}`), n()) : d("");
+  }), b = () => N(void 0, null, function* () {
+    c && !x && !A ? (u(c), n()) : g && s();
   });
-  let k;
-  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(
+  let D;
+  return x ? 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__ */ h(
     St,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: D,
-        disabled: !l || x || w,
+        onClick: y,
+        disabled: !l || x || A,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -1475,7 +1476,7 @@ const Xe = L(
       onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ h(F, { marginBottom: 2, children: [
+        /* @__PURE__ */ h(E, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1487,16 +1488,16 @@ const Xe = L(
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: (I, T) => u(T != null ? T : ""),
+            onChange: (I, O) => u(O != null ? O : ""),
             getOptionLabel: io,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
               Se,
-              S(a({}, I), {
+              k(a({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(a({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ h(N, { children: [
+                InputProps: k(a({}, I.InputProps), {
+                  endAdornment: /* @__PURE__ */ h(L, { children: [
                     e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
@@ -1505,7 +1506,7 @@ const Xe = L(
             )
           }
         ),
-        k && /* @__PURE__ */ o(Xt, { error: !0, children: k })
+        D && /* @__PURE__ */ o(Xt, { error: !0, children: D })
       ]
     }
   );
@@ -1662,7 +1663,7 @@ const Xe = L(
 }, Go = X(() => ({ children: e }) => /* @__PURE__ */ o(ct, { children: e })), ao = ({
   initialValues: e,
   children: t
-}) => (dt(e), /* @__PURE__ */ o(N, { children: t })), Vo = X(
+}) => (dt(e), /* @__PURE__ */ o(L, { children: t })), Vo = X(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     ao,
     {