@australiangreens/ag-internal-components 0.0.68 → 0.0.70

package/dist/esm/index.js

@@ -1,44 +1,44 @@
 var Ot = Object.defineProperty, $t = Object.defineProperties;
 var It = Object.getOwnPropertyDescriptors;
 var ee = Object.getOwnPropertySymbols;
-var ye = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable;
+var ye = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
 var ge = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
     ye.call(t, n) && ge(e, n, t[n]);
   if (ee)
     for (var n of ee(t))
-      Pe.call(t, n) && ge(e, n, t[n]);
+      Ne.call(t, n) && ge(e, n, t[n]);
   return e;
 }, S = (e, t) => $t(e, It(t));
-var Ne = (e, t) => {
+var Pe = (e, t) => {
   var n = {};
   for (var r in e)
     ye.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && ee)
     for (var r of ee(e))
-      t.indexOf(r) < 0 && Pe.call(e, r) && (n[r] = e[r]);
+      t.indexOf(r) < 0 && Ne.call(e, r) && (n[r] = e[r]);
   return n;
 };
 var Be = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
-var N = (e, t, n) => new Promise((r, s) => {
+var P = (e, t, n) => new Promise((r, s) => {
   var l = (p) => {
     try {
-      g(n.next(p));
+      h(n.next(p));
     } catch (u) {
       s(u);
     }
   }, d = (p) => {
     try {
-      g(n.throw(p));
+      h(n.throw(p));
     } catch (u) {
       s(u);
     }
-  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(l, d);
-  g((n = n.apply(e, t)).next());
+  }, h = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(l, d);
+  h((n = n.apply(e, t)).next());
 });
-import { jsxs as f, Fragment as B, jsx as o } from "react/jsx-runtime";
+import { jsxs as g, Fragment as B, jsx as o } from "react/jsx-runtime";
 import { useState as O, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Et, createElement as xe, useRef as fe } from "react";
-import { Typography as E, Button as we, Paper as Ze, Box as D, Drawer as Ae, Dialog as Tt, DialogTitle as Ft, DialogContent as yt, DialogActions as Pt, Autocomplete as Se, TextField as De, CircularProgress as ke, Chip as Nt, Tooltip as Bt, Stack as Lt, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Mt, Collapse as _t, Avatar as Le, Fade as Ht, Skeleton as Me, Toolbar as Rt, Divider as _e, CssBaseline as Wt, Snackbar as zt, Alert as Gt, LinearProgress as Ut, FormHelperText as Vt } from "@mui/material";
+import { Typography as T, Button as we, Paper as Ze, Box as D, Drawer as Ae, Dialog as Tt, DialogTitle as Ft, DialogContent as yt, DialogActions as Nt, Autocomplete as Se, TextField as De, CircularProgress as ke, Chip as Pt, Tooltip as Bt, Stack as Lt, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Mt, Collapse as _t, Avatar as Le, Fade as Ht, Skeleton as Me, Toolbar as Rt, Divider as _e, CssBaseline as Wt, Snackbar as zt, Alert as Gt, LinearProgress as Ut, FormHelperText as Vt } from "@mui/material";
 import qt from "@mui/material/CssBaseline";
 import { styled as L, createTheme as tt, alpha as me } from "@mui/material/styles";
 import { AgError as Xt } from "@australiangreens/ag-error";
@@ -51,9 +51,9 @@ import { atom as M, useSetAtom as it, useAtomValue as He, useAtom as X, getDefau
 import { useHydrateAtoms as st } from "jotai/utils";
 function lo({ text: e }) {
   const [t, n] = O(0);
-  return /* @__PURE__ */ f(B, { 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" }) }),
+  return /* @__PURE__ */ g(B, { children: [
+    /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(T, { 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(
       we,
       {
@@ -63,11 +63,11 @@ function lo({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ f("p", { children: [
+    /* @__PURE__ */ g("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ f(Ze, { children: [
+    /* @__PURE__ */ g(Ze, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
@@ -139,12 +139,12 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
     s({ open: p });
   }, []), d = oe(() => {
     s((p) => S(i({}, p), { open: !p.open }));
-  }, []), g = i(i({
+  }, []), h = i(i({
     open: r,
     setOpen: l,
     toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(pt.Provider, { value: g, children: n });
+  return /* @__PURE__ */ o(pt.Provider, { value: h, children: n });
 }, ln = () => {
   const e = Ye(pt);
   if (e === null)
@@ -236,7 +236,7 @@ function ho({
   children: t
 }) {
   const { open: n } = ln();
-  return /* @__PURE__ */ f(en, { className: V.root, "data-testid": e, children: [
+  return /* @__PURE__ */ g(en, { className: V.root, "data-testid": e, children: [
     /* @__PURE__ */ o(qt, {}),
     /* @__PURE__ */ o(
       on,
@@ -258,26 +258,26 @@ const dn = ({
   primaryButton: s,
   secondaryButton: l,
   onClose: d,
-  sx: g,
+  sx: h,
   "data-testid": p
 }) => {
   var b, A;
   const [u, w] = O(!1);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ g(
     Tt,
     {
       open: e,
-      onClose: () => N(void 0, null, function* () {
+      onClose: () => P(void 0, null, function* () {
         u || (l != null && l.onClick ? yield l.onClick() : d());
       }),
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
       "data-testid": p,
-      sx: g,
+      sx: h,
       children: [
         /* @__PURE__ */ o(Ft, { children: t }),
         /* @__PURE__ */ o(yt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ f(Pt, { children: [
+        /* @__PURE__ */ g(Nt, { children: [
           /* @__PURE__ */ o(
             we,
             {
@@ -291,7 +291,7 @@ const dn = ({
           s && /* @__PURE__ */ o(
             we,
             {
-              onClick: () => N(void 0, null, function* () {
+              onClick: () => P(void 0, null, function* () {
                 var C;
                 w(!0), yield (C = s.onClick) == null ? void 0 : C.call(s), w(!1);
               }),
@@ -307,7 +307,7 @@ const dn = ({
   );
 };
 function go({
-  lookup: e = () => N(this, null, function* () {
+  lookup: e = () => P(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
@@ -315,7 +315,7 @@ function go({
   label: s,
   value: l,
   "data-testid": d,
-  sx: g,
+  sx: h,
   textFieldColor: p,
   textFieldVariant: u = "filled",
   loadingText: w = "Loading...",
@@ -324,19 +324,19 @@ function go({
   error: C = !1,
   helperText: k = "",
   preLoadedOptions: v = void 0,
-  disablePortal: m = !1
+  disablePortal: $ = !1
 }) {
-  const [h, T] = O(""), [_, F] = O(v || []), [y, $] = O(!1), [H, P] = O(!1), R = (a, c) => {
+  const [m, f] = O(""), [_, F] = O(v || []), [y, I] = O(!1), [H, N] = O(!1), R = (a, c) => {
     const x = l.filter((q) => q.id !== c);
     n(x, "delete", a);
   };
   re(() => {
     let a;
-    const c = () => N(this, null, function* () {
+    const c = () => P(this, null, function* () {
       a = new AbortController();
       try {
-        const x = yield e(h, a.signal);
-        F(x != null ? x : []), P(!1);
+        const x = yield e(m, a.signal);
+        F(x != null ? x : []), N(!1);
       } catch (x) {
         if (x instanceof Error && x.name === "AbortError")
           console.debug("Previous lookup request was cancelled");
@@ -344,23 +344,23 @@ function go({
           throw x;
       }
     });
-    if (h !== "")
-      return (!r || h.length >= r) && !v ? (P(!0), c()) : P(!1), function() {
+    if (m !== "")
+      return (!r || m.length >= r) && !v ? (N(!0), c()) : N(!1), function() {
         a && a.abort();
       };
-  }, [h, e, r, v]), re(() => {
+  }, [m, e, r, v]), re(() => {
     !y && !v && F([]), !y && v && F(v);
   }, [y, v]);
   const W = Et(() => v ? (a, c) => a.filter(
     (x) => x.label.toLowerCase().includes(c.inputValue.toLowerCase())
   ) : (a) => a, [v]);
-  return /* @__PURE__ */ f("div", { "data-testid": d, children: [
+  return /* @__PURE__ */ g("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        sx: g,
+        sx: h,
         "data-testid": d ? `${d}:Autocomplete` : void 0,
-        disablePortal: m,
+        disablePortal: $,
         multiple: !0,
         getOptionLabel: (a) => typeof a == "string" ? a : a.label,
         filterOptions: W,
@@ -369,12 +369,12 @@ function go({
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: l,
-        onOpen: () => $(!0),
-        onClose: () => $(!1),
+        onOpen: () => I(!0),
+        onClose: () => I(!1),
         onChange: (a, c, x) => {
           n(c, x, a);
         },
-        onInputChange: (a, c) => T(c),
+        onInputChange: (a, c) => f(c),
         noOptionsText: b,
         loadingText: w,
         popupIcon: A,
@@ -387,7 +387,7 @@ function go({
             error: C,
             helperText: k,
             InputProps: S(i({}, a.InputProps), {
-              endAdornment: /* @__PURE__ */ f(B, { children: [
+              endAdornment: /* @__PURE__ */ g(B, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
                 a.InputProps.endAdornment
               ] })
@@ -437,7 +437,7 @@ function go({
       }
     ),
     l.length > 0 && /* @__PURE__ */ o(D, { children: l.map((a) => /* @__PURE__ */ o(
-      Nt,
+      Pt,
       {
         sx: {
           marginTop: 1,
@@ -459,7 +459,7 @@ function go({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
+            children: /* @__PURE__ */ o(T, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
           }
         ),
         "data-testid": d ? `${d}:Chip(${a.id.toString()})` : void 0,
@@ -483,63 +483,65 @@ const fo = ({
   sx: s,
   textFieldColor: l,
   textFieldVariant: d = "filled",
-  "data-testid": g,
-  minLength: p = 3,
-  disablePortal: u = !1
+  "data-testid": h,
+  noOptionsText: p = "No options",
+  minLength: u = 3,
+  disablePortal: w = !1
 }) => {
-  const [w, b] = O([]), [A, C] = O(!1);
-  let k;
-  const v = (m) => N(void 0, null, function* () {
-    k = new AbortController();
+  const [b, A] = O([]), [C, k] = O(!1);
+  let v;
+  const $ = (m) => P(void 0, null, function* () {
+    v = new AbortController();
     try {
-      const h = yield e(m, k.signal);
-      b(h != null ? h : []), C(!1);
-    } catch (h) {
-      if (h instanceof Error && h.name === "AbortError")
+      const f = yield e(m, v.signal);
+      A(f != null ? f : []), k(!1);
+    } catch (f) {
+      if (f instanceof Error && f.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
       else
-        throw h;
+        throw f;
     }
   });
-  return /* @__PURE__ */ o("div", { "data-testid": g, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { "data-testid": h, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Se,
     {
       sx: s,
-      "data-testid": g ? `${g}:Autocomplete` : void 0,
-      loading: A,
-      options: w,
-      onChange: (m, h) => {
-        t(m, h);
+      "data-testid": h ? `${h}:Autocomplete` : void 0,
+      loading: C,
+      options: b,
+      onChange: (m, f) => {
+        t(m, f);
       },
-      disablePortal: u,
+      disablePortal: w,
       filterOptions: (m) => m,
       value: r,
+      noOptionsText: p,
       getOptionLabel: (m) => m.label,
       renderInput: (m) => /* @__PURE__ */ o(
         De,
         S(i({
-          "data-testid": g ? `${g}:Autocomplete:TextField` : void 0
+          "data-testid": h ? `${h}:Autocomplete:TextField` : void 0
         }, m), {
           variant: d,
           label: n,
           color: l
         })
       ),
-      isOptionEqualToValue: (m, h) => m.id === h.id,
-      onInputChange: (m, h) => {
-        (h == null ? void 0 : h.length) >= p && (C(!0), v(h));
+      isOptionEqualToValue: (m, f) => m.id === f.id,
+      onInputChange: (m, f) => {
+        (f == null ? void 0 : f.length) >= u && (k(!0), $(f));
       },
-      renderOption: (m, h) => /* @__PURE__ */ xe(
+      renderOption: (m, f) => /* @__PURE__ */ xe(
         "li",
         S(i({}, m), {
-          key: h.id,
-          "data-testid": g ? `${g}:Autocomplete:option(${h.id.toString()})` : void 0
+          key: f.id,
+          "data-testid": h ? `${h}:Autocomplete:option(${f.id.toString()})` : void 0
         }),
-        h.label
+        f.label
       )
     }
   ) }) });
-}, pn = 24, un = 64, U = "TopBar", I = {
+}, pn = 24, un = 64, U = "TopBar", E = {
   topStripe: `${U}-topStripe`,
   titleBar: `${U}-titleBar`,
   titleSlider: `${U}-titleSlider`,
@@ -553,18 +555,18 @@ const fo = ({
   var r, s;
   return {
     width: "100%",
-    [`& .${I.topStripe}`]: {
+    [`& .${E.topStripe}`]: {
       width: "100%",
       height: `${pn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${I.titleBar}`]: {
+    [`& .${E.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${un}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${I.titleSlider}`]: i(i({
+    [`& .${E.titleSlider}`]: i(i({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -573,14 +575,14 @@ const fo = ({
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${I.leftPanelButton}`]: {
+      [`& .${E.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${I.titleText}`]: {
+      [`& .${E.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${I.rightPanelButton}`]: {
+      [`& .${E.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -604,13 +606,13 @@ function gn({
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ f(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
-    /* @__PURE__ */ o("div", { className: I.topStripe }),
-    /* @__PURE__ */ o("div", { className: I.titleBar, children: /* @__PURE__ */ f(D, { className: I.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
+  return /* @__PURE__ */ g(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+    /* @__PURE__ */ o("div", { className: E.topStripe }),
+    /* @__PURE__ */ o("div", { className: E.titleBar, children: /* @__PURE__ */ g(D, { className: E.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ g(
         Q,
         {
-          className: I.leftPanelButton,
+          className: E.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -622,11 +624,11 @@ function gn({
           ]
         }
       ),
-      /* @__PURE__ */ o(E, { className: I.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ f(
+      /* @__PURE__ */ o(T, { className: E.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ g(
         Q,
         {
-          className: I.rightPanelButton,
+          className: E.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -700,7 +702,7 @@ function ze({
   titleText: s = "",
   width: l = ut,
   showCloseArrow: d = !0,
-  debugOpacity: g = !1,
+  debugOpacity: h = !1,
   headerBoxProps: p = {},
   onOpened: u,
   onClosed: w,
@@ -709,7 +711,7 @@ function ze({
   navBarWidthOpen: C = 0,
   navBarWidthClosed: k = 0
 }) {
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ g(
     fn,
     {
       SlideProps: {
@@ -720,24 +722,24 @@ function ze({
       anchor: t,
       open: n,
       width: l,
-      debugOpacity: g,
+      debugOpacity: h,
       "data-testid": b,
       navBarOpen: A,
       navBarWidthOpen: C,
       navBarWidthClosed: k,
       children: [
-        /* @__PURE__ */ o(mn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(B, { children: [
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s }),
-          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o(mn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ g(B, { children: [
+          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: s }),
+          d && /* @__PURE__ */ g(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(rt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ f(B, { children: [
-          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ g(B, { children: [
+          d && /* @__PURE__ */ g(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ot, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s })
+          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: s })
         ] }) })),
         e
       ]
@@ -795,16 +797,16 @@ function mo({
   sidePanelsAreMutuallyExclusive: s = !0,
   debugOpacity: l = !1,
   pageContainerProps: d,
-  pageContentDataTestId: g,
+  pageContentDataTestId: h,
   topBarDataTestId: p,
   navBarOpen: u,
   navBarWidthOpen: w,
   navBarWidthClosed: b
 }) {
-  const [A, C] = O(Ce), [k, v] = O(ve), [m, h] = O(Ce), [T, _] = O(ve), F = n !== void 0, y = r !== void 0, {
-    titleText: $,
+  const [A, C] = O(Ce), [k, v] = O(ve), [$, m] = O(Ce), [f, _] = O(ve), F = n !== void 0, y = r !== void 0, {
+    titleText: I,
     content: H,
-    flavour: P,
+    flavour: N,
     open: R,
     onChangeOpen: W,
     width: a,
@@ -827,16 +829,16 @@ function mo({
     dataTestId: kt
   } = r ? i(i({}, te), r) : i({}, te);
   re(() => {
-    x !== Ce && (C(x), h(x));
+    x !== Ce && (C(x), m(x));
   }, [x]), re(() => {
     Z !== ve && (v(Z), _(Z));
   }, [Z]);
   const ue = R === void 0 ? A : R, he = de === void 0 ? k : de, Te = (z) => {
-    R === void 0 && (C(z), s && y && (z ? (v(!1), _(k)) : v(T))), W && W(z);
+    R === void 0 && (C(z), s && y && (z ? (v(!1), _(k)) : v(f))), W && W(z);
   }, Fe = (z) => {
-    de === void 0 && (v(z), s && F && (z ? (C(!1), h(A)) : C(m))), Ee && Ee(z);
+    de === void 0 && (v(z), s && F && (z ? (C(!1), m(A)) : C($))), Ee && Ee(z);
   };
-  return /* @__PURE__ */ f(D, { children: [
+  return /* @__PURE__ */ g(D, { children: [
     F && /* @__PURE__ */ o(
       ze,
       {
@@ -845,7 +847,7 @@ function mo({
         open: ue,
         onClose: () => Te(!1),
         width: a,
-        titleText: $,
+        titleText: I,
         debugOpacity: l,
         showCloseArrow: c === "both" || c === "close",
         onOpened: q,
@@ -880,7 +882,7 @@ function mo({
       i(i({
         titleText: t,
         "data-testid": p
-      }, F && P === "push" ? {
+      }, F && N === "push" ? {
         leftPanel: {
           open: ue,
           width: a,
@@ -898,7 +900,7 @@ function mo({
     ),
     /* @__PURE__ */ o(
       Cn,
-      S(i(i({}, P === "push" ? {
+      S(i(i({}, N === "push" ? {
         leftPanel: {
           open: ue,
           width: a
@@ -909,7 +911,7 @@ function mo({
           width: pe
         }
       } : {}), {
-        children: /* @__PURE__ */ o(vn, S(i({ "data-testid": g }, d), { children: e }))
+        children: /* @__PURE__ */ o(vn, S(i({ "data-testid": h }, d), { children: e }))
       })
     )
   ] });
@@ -1003,7 +1005,7 @@ function On(e) {
 const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], $n = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function In({ user: e, domainCode: t, open: n }) {
   const r = ae();
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ g(
     D,
     {
       sx: {
@@ -1036,9 +1038,9 @@ function In({ user: e, domainCode: t, open: n }) {
             ) : /* @__PURE__ */ o(Le, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Dn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ f(D, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Me, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Me, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Dn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ g(D, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(T, { children: e.name }) : /* @__PURE__ */ o(Me, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Me, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -1052,11 +1054,11 @@ function En({
   top: s,
   middle: l,
   bottom: d,
-  user: g,
+  user: h,
   domainCode: p
 }) {
   const u = ht(), w = it(K);
-  return /* @__PURE__ */ o(Sn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ o(Sn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ g(
     kn,
     {
       open: e,
@@ -1073,14 +1075,14 @@ function En({
       isSmallScreen: u,
       children: [
         !u && /* @__PURE__ */ o(Rt, {}),
-        s && /* @__PURE__ */ f(D, { flexGrow: "0", children: [
+        s && /* @__PURE__ */ g(D, { flexGrow: "0", children: [
           s,
           /* @__PURE__ */ o(_e, { variant: "middle" })
         ] }),
         /* @__PURE__ */ o(D, { flexGrow: "1", children: Array.isArray(l) ? /* @__PURE__ */ o(An, { links: l }) : l }),
-        /* @__PURE__ */ f(D, { flexGrow: "0", children: [
+        /* @__PURE__ */ g(D, { flexGrow: "0", children: [
           /* @__PURE__ */ o(_e, { variant: "middle" }),
-          /* @__PURE__ */ o(In, { user: g, domainCode: p, open: e }),
+          /* @__PURE__ */ o(In, { user: h, domainCode: p, open: e }),
           d && /* @__PURE__ */ o(B, { children: d })
         ] })
       ]
@@ -1118,9 +1120,9 @@ function Tn({
 const Fn = "TopBar", yn = {
   titleText: `${Fn}-titleText`
 };
-function Pn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = it(K), s = () => r((g) => !g), l = ae(), d = ht();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
+function Nn({ titleText: e = "", height: t, "data-testid": n }) {
+  const r = it(K), s = () => r((h) => !h), l = ae(), d = ht();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ g(
     Ze,
     {
       square: !0,
@@ -1139,7 +1141,7 @@ function Pn({ titleText: e = "", height: t, "data-testid": n }) {
       },
       children: [
         /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(E, { className: yn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(T, { className: yn.titleText, variant: "h6", children: e })
       ]
     }
   ) });
@@ -1152,7 +1154,7 @@ function Co({
   pageContentDataTestId: s,
   topBarDataTestId: l,
   navBarDataTestId: d,
-  navBarMiddle: g,
+  navBarMiddle: h,
   navBarBottom: p,
   user: u,
   domainCode: w
@@ -1161,17 +1163,17 @@ function Co({
     [K, n != null ? n : !0],
     [be, t != null ? t : ""]
   ]);
-  const b = He(K), [A] = X(gt), [C] = X(ft), k = He(be), [v] = X(mt), [m] = X(Ct);
-  return /* @__PURE__ */ f(D, { children: [
+  const b = He(K), [A] = X(gt), [C] = X(ft), k = He(be), [v] = X(mt), [$] = X(Ct);
+  return /* @__PURE__ */ g(D, { children: [
     /* @__PURE__ */ o(Wt, {}),
-    /* @__PURE__ */ o(Pn, { titleText: k, "data-testid": l, height: v }),
-    /* @__PURE__ */ f(D, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ o(Nn, { titleText: k, "data-testid": l, height: v }),
+    /* @__PURE__ */ g(D, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         En,
         {
           open: b,
-          top: m,
-          middle: g,
+          top: $,
+          middle: h,
           bottom: p,
           user: u,
           domainCode: w,
@@ -1193,7 +1195,7 @@ function Co({
     ] })
   ] });
 }
-const Nn = {
+const Pn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
@@ -1220,14 +1222,14 @@ function Wn(l) {
     overrideActions: t = Rn,
     shouldClose: n = Bn.shouldClose,
     children: r
-  } = d, s = Ne(d, [
+  } = d, s = Pe(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var W;
-  const [{ open: g }, p] = O({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), A = oe((a) => {
+  const [{ open: h }, p] = O({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), A = oe((a) => {
     p({ open: a });
   }, []), C = oe((a = {}) => {
     b.current += 1, u.current.length >= Xe && Date.now() - w.current >= je && (w.current = Date.now(), console.error(
@@ -1237,7 +1239,7 @@ function Wn(l) {
       key: Mn()
     }), a);
     return u.current.push(c), u.current.length === 1 && p({ open: !0 }), c.key;
-  }, []), k = (a = "", c = {}) => C(i({ message: a, severity: "success" }, c)), v = (a = "", c = {}) => C(i({ message: a, severity: "info" }, c)), m = (a = "", c = {}) => C(i({ message: a, severity: "warning" }, c)), h = (a = "", c = {}) => C(i({ message: a, severity: "error" }, c)), T = (a) => {
+  }, []), k = (a = "", c = {}) => C(i({ message: a, severity: "success" }, c)), v = (a = "", c = {}) => C(i({ message: a, severity: "info" }, c)), $ = (a = "", c = {}) => C(i({ message: a, severity: "warning" }, c)), m = (a = "", c = {}) => C(i({ message: a, severity: "error" }, c)), f = (a) => {
     const c = u.current.findIndex((x) => x.key === a);
     if (c !== -1)
       return c === 0 ? (p({ open: !1 }), u.current[0]) : u.current.splice(c, 1);
@@ -1246,43 +1248,43 @@ function Wn(l) {
   }, F = () => {
   }, y = () => {
     u.current.shift(), u.current.length > 0 && p({ open: !0 });
-  }, $ = (W = u.current[0]) != null ? W : i({}, qe), H = {};
-  "autoHideDuration" in $ && (H.autoHideDuration = $.autoHideDuration);
-  const P = i(i({}, Nn), s), R = i(i({
-    open: g,
+  }, I = (W = u.current[0]) != null ? W : i({}, qe), H = {};
+  "autoHideDuration" in I && (H.autoHideDuration = I.autoHideDuration);
+  const N = i(i({}, Pn), s), R = i(i({
+    open: h,
     setOpen: A,
     enqueueNotification: C,
     enqueueSuccessNotification: k,
     enqueueInfoNotification: v,
-    enqueueWarningNotification: m,
-    enqueueErrorNotification: h,
-    removeNotification: T
+    enqueueWarningNotification: $,
+    enqueueErrorNotification: m,
+    removeNotification: f
   }, e), t);
-  return /* @__PURE__ */ f(xt.Provider, { value: R, children: [
+  return /* @__PURE__ */ g(xt.Provider, { value: R, children: [
     r,
     /* @__PURE__ */ o(
       zt,
-      S(i(i({}, P), H), {
-        open: g,
+      S(i(i({}, N), H), {
+        open: h,
         onClose: _,
         TransitionProps: {
           onExited: y,
           onExit: F
         },
         sx: { zIndex: Ln },
-        children: /* @__PURE__ */ f("div", { children: [
+        children: /* @__PURE__ */ g("div", { children: [
           /* @__PURE__ */ o(
             Gt,
             {
               onClose: (a) => _(a, "closeAlert"),
-              severity: $.severity,
+              severity: I.severity,
               variant: "filled",
-              icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: $.progressIndicator === "linear" ? _n : void 0,
-              children: $.message
+              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
+              style: I.progressIndicator === "linear" ? _n : void 0,
+              children: I.message
             }
           ),
-          $.progressIndicator === "linear" && /* @__PURE__ */ o(Ut, { color: "primary" })
+          I.progressIndicator === "linear" && /* @__PURE__ */ o(Ut, { color: "primary" })
         ] })
       })
     )
@@ -1331,13 +1333,13 @@ const Qe = M(
   applicationName: s,
   handleLogout: l
 }) => {
-  const [d, g] = X(bt), [p, u] = O(d), { enqueueSuccessNotification: w } = zn(), b = r.length === 0, A = !!d && !r.includes(d) && !r.includes(p), C = !d || b || A, k = () => N(void 0, null, function* () {
-    p ? (g(p), w(`Set domain to ${p}`), n()) : g("");
-  }), v = () => N(void 0, null, function* () {
+  const [d, h] = X(bt), [p, u] = O(d), { enqueueSuccessNotification: w } = zn(), b = r.length === 0, A = !!d && !r.includes(d) && !r.includes(p), C = !d || b || A, k = () => P(void 0, null, function* () {
+    p ? (h(p), w(`Set domain to ${p}`), n()) : h("");
+  }), v = () => P(void 0, null, function* () {
     d && !b && !A ? (u(d), n()) : C && l();
   });
-  let m;
-  return b ? m = "Unable to retrieve your active organisations. Try logging in again." : A && (m = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
+  let $;
+  return b ? $ = "Unable to retrieve your active organisations. Try logging in again." : A && ($ = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ g(
     dn,
     {
       isOpen: t,
@@ -1355,7 +1357,7 @@ const Qe = M(
       onClose: C ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ f(E, { marginBottom: 2, children: [
+        /* @__PURE__ */ g(T, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
@@ -1367,25 +1369,25 @@ const Qe = M(
             multiple: !1,
             disableClearable: !1,
             value: p !== "" ? p : null,
-            onChange: (h, T) => u(T != null ? T : ""),
+            onChange: (m, f) => u(f != null ? f : ""),
             getOptionLabel: Vn,
             options: [...r],
-            renderInput: (h) => /* @__PURE__ */ o(
+            renderInput: (m) => /* @__PURE__ */ o(
               De,
-              S(i({}, h), {
+              S(i({}, m), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(i({}, h.InputProps), {
-                  endAdornment: /* @__PURE__ */ f(B, { children: [
+                InputProps: S(i({}, m.InputProps), {
+                  endAdornment: /* @__PURE__ */ g(B, { children: [
                     e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    h.InputProps.endAdornment
+                    m.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        m && /* @__PURE__ */ o(Vt, { error: !0, children: m })
+        $ && /* @__PURE__ */ o(Vt, { error: !0, children: $ })
       ]
     }
   );