@australiangreens/ag-internal-components 0.0.70 → 0.0.72

package/dist/esm/index.js

@@ -20,7 +20,7 @@ var Pe = (e, t) => {
   return n;
 };
 var Be = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
-var P = (e, t, n) => new Promise((r, s) => {
+var B = (e, t, n) => new Promise((r, s) => {
   var l = (p) => {
     try {
       h(n.next(p));
@@ -36,22 +36,22 @@ var P = (e, t, n) => new Promise((r, s) => {
   }, h = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(l, d);
   h((n = n.apply(e, t)).next());
 });
-import { jsxs as g, Fragment as B, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, Fragment as L, 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 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 { styled as M, createTheme as tt, alpha as me } from "@mui/material/styles";
 import { AgError as Xt } from "@australiangreens/ag-error";
 import { createHelper as se } from "souvlaki";
 import nt from "@mui/material/List";
 import { Cancel as jt, ArrowDropDown as Qt, ArrowForward as ot, ArrowBack as rt, ViewHeadline as Kt } from "@mui/icons-material";
 import Jt from "autosuggest-highlight/parse";
 import Yt from "autosuggest-highlight/match";
-import { atom as M, useSetAtom as it, useAtomValue as He, useAtom as X, getDefaultStore as Zt, Provider as at } from "jotai";
+import { atom as N, useSetAtom as it, useAtomValue as He, useAtom as V, getDefaultStore as Zt, Provider as at } from "jotai";
 import { useHydrateAtoms as st } from "jotai/utils";
-function lo({ text: e }) {
+function co({ text: e }) {
   const [t, n] = O(0);
-  return /* @__PURE__ */ g(B, { children: [
+  return /* @__PURE__ */ f(L, { 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(
@@ -63,17 +63,17 @@ function lo({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ g("p", { children: [
+    /* @__PURE__ */ f("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ g(Ze, { children: [
+    /* @__PURE__ */ f(Ze, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const lt = 330, ct = 73, G = "Navbar", V = {
+const lt = 330, ct = 73, G = "Navbar", q = {
   root: `${G}-root`,
   menuButton: `${G}-menuButton`,
   hide: `${G}-hide`,
@@ -81,23 +81,23 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   userInfoHolder: `${G}-userInfoHolder`,
   settings: `${G}-settings`,
   pieChartIcon: `${G}-pieChartIcon`
-}, en = L(D, {
+}, en = M(D, {
   name: "NavBar"
 })(({ theme: e }) => ({
-  [`&.${V.root}`]: {
+  [`&.${q.root}`]: {
     display: "flex"
   },
-  [`& .${V.menuButton}`]: {
+  [`& .${q.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${V.hide}`]: {
+  [`& .${q.hide}`]: {
     display: "none"
   },
-  [`& .${V.content}`]: {
+  [`& .${q.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   },
-  [`& .${V.userInfoHolder}`]: {
+  [`& .${q.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
@@ -114,7 +114,7 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   width: lt
 }, dt()), nn = () => i({
   width: ct
-}, dt()), on = L(Ae, {
+}, dt()), on = M(Ae, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
   width: t ? lt : ct,
@@ -152,9 +152,9 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
   return e;
 }, cn = (e = {}) => i({
   open: !0
-}, e), co = se(
+}, e), po = se(
   (e = cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(sn, { overrideState: e, overrideActions: t, children: n })
-), Re = 7, po = L(nt)(({ theme: e }) => ({
+), Re = 7, uo = M(nt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -192,7 +192,7 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), We = 7, uo = L(nt)(({ theme: e }) => ({
+})), We = 7, ho = M(nt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -231,12 +231,12 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
     // },
   }
 }));
-function ho({
+function go({
   "data-testid": e,
   children: t
 }) {
   const { open: n } = ln();
-  return /* @__PURE__ */ g(en, { className: V.root, "data-testid": e, children: [
+  return /* @__PURE__ */ f(en, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(qt, {}),
     /* @__PURE__ */ o(
       on,
@@ -263,11 +263,11 @@ const dn = ({
 }) => {
   var b, A;
   const [u, w] = O(!1);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     Tt,
     {
       open: e,
-      onClose: () => P(void 0, null, function* () {
+      onClose: () => B(void 0, null, function* () {
         u || (l != null && l.onClick ? yield l.onClick() : d());
       }),
       fullWidth: !0,
@@ -277,7 +277,7 @@ const dn = ({
       children: [
         /* @__PURE__ */ o(Ft, { children: t }),
         /* @__PURE__ */ o(yt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ g(Nt, { children: [
+        /* @__PURE__ */ f(Nt, { children: [
           /* @__PURE__ */ o(
             we,
             {
@@ -291,7 +291,7 @@ const dn = ({
           s && /* @__PURE__ */ o(
             we,
             {
-              onClick: () => P(void 0, null, function* () {
+              onClick: () => B(void 0, null, function* () {
                 var C;
                 w(!0), yield (C = s.onClick) == null ? void 0 : C.call(s), w(!1);
               }),
@@ -306,8 +306,8 @@ const dn = ({
     }
   );
 };
-function go({
-  lookup: e = () => P(this, null, function* () {
+function fo({
+  lookup: e = () => B(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
@@ -326,17 +326,17 @@ function go({
   preLoadedOptions: v = void 0,
   disablePortal: $ = !1
 }) {
-  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);
+  const [g, m] = O(""), [_, F] = O(v || []), [y, I] = O(!1), [H, P] = O(!1), R = (a, c) => {
+    const x = l.filter((X) => X.id !== c);
     n(x, "delete", a);
   };
   re(() => {
     let a;
-    const c = () => P(this, null, function* () {
+    const c = () => B(this, null, function* () {
       a = new AbortController();
       try {
-        const x = yield e(m, a.signal);
-        F(x != null ? x : []), N(!1);
+        const x = yield e(g, a.signal);
+        F(x != null ? x : []), P(!1);
       } catch (x) {
         if (x instanceof Error && x.name === "AbortError")
           console.debug("Previous lookup request was cancelled");
@@ -344,17 +344,17 @@ function go({
           throw x;
       }
     });
-    if (m !== "")
-      return (!r || m.length >= r) && !v ? (N(!0), c()) : N(!1), function() {
+    if (g !== "")
+      return (!r || g.length >= r) && !v ? (P(!0), c()) : P(!1), function() {
         a && a.abort();
       };
-  }, [m, e, r, v]), re(() => {
+  }, [g, 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__ */ g("div", { "data-testid": d, children: [
+  return /* @__PURE__ */ f("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
       Se,
       {
@@ -374,7 +374,7 @@ function go({
         onChange: (a, c, x) => {
           n(c, x, a);
         },
-        onInputChange: (a, c) => f(c),
+        onInputChange: (a, c) => m(c),
         noOptionsText: b,
         loadingText: w,
         popupIcon: A,
@@ -387,7 +387,7 @@ function go({
             error: C,
             helperText: k,
             InputProps: S(i({}, a.InputProps), {
-              endAdornment: /* @__PURE__ */ g(B, { children: [
+              endAdornment: /* @__PURE__ */ f(L, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
                 a.InputProps.endAdornment
               ] })
@@ -403,10 +403,10 @@ function go({
         isOptionEqualToValue: (a, c) => a.id === c.id,
         renderOption: (a, c, x) => {
           if (t) {
-            const q = Yt(c.label, x.inputValue, {
+            const X = Yt(c.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), le = Jt(c.label, q);
+            }), le = Jt(c.label, X);
             return /* @__PURE__ */ xe(
               "li",
               S(i({}, a), {
@@ -475,7 +475,7 @@ function go({
     )) })
   ] });
 }
-const fo = ({
+const mo = ({
   lookup: e,
   onChange: t,
   label: n,
@@ -490,16 +490,16 @@ const fo = ({
 }) => {
   const [b, A] = O([]), [C, k] = O(!1);
   let v;
-  const $ = (m) => P(void 0, null, function* () {
+  const $ = (g) => B(void 0, null, function* () {
     v = new AbortController();
     try {
-      const f = yield e(m, v.signal);
-      A(f != null ? f : []), k(!1);
-    } catch (f) {
-      if (f instanceof Error && f.name === "AbortError")
+      const m = yield e(g, v.signal);
+      A(m != null ? m : []), k(!1);
+    } catch (m) {
+      if (m instanceof Error && m.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
       else
-        throw f;
+        throw m;
     }
   });
   return /* @__PURE__ */ o("div", { "data-testid": h, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
@@ -509,35 +509,35 @@ const fo = ({
       "data-testid": h ? `${h}:Autocomplete` : void 0,
       loading: C,
       options: b,
-      onChange: (m, f) => {
-        t(m, f);
+      onChange: (g, m) => {
+        t(g, m);
       },
       disablePortal: w,
-      filterOptions: (m) => m,
+      filterOptions: (g) => g,
       value: r,
       noOptionsText: p,
-      getOptionLabel: (m) => m.label,
-      renderInput: (m) => /* @__PURE__ */ o(
+      getOptionLabel: (g) => g.label,
+      renderInput: (g) => /* @__PURE__ */ o(
         De,
         S(i({
           "data-testid": h ? `${h}:Autocomplete:TextField` : void 0
-        }, m), {
+        }, g), {
           variant: d,
           label: n,
           color: l
         })
       ),
-      isOptionEqualToValue: (m, f) => m.id === f.id,
-      onInputChange: (m, f) => {
-        (f == null ? void 0 : f.length) >= u && (k(!0), $(f));
+      isOptionEqualToValue: (g, m) => g.id === m.id,
+      onInputChange: (g, m) => {
+        (m == null ? void 0 : m.length) >= u && (k(!0), $(m));
       },
-      renderOption: (m, f) => /* @__PURE__ */ xe(
+      renderOption: (g, m) => /* @__PURE__ */ xe(
         "li",
-        S(i({}, m), {
-          key: f.id,
-          "data-testid": h ? `${h}:Autocomplete:option(${f.id.toString()})` : void 0
+        S(i({}, g), {
+          key: m.id,
+          "data-testid": h ? `${h}:Autocomplete:option(${m.id.toString()})` : void 0
         }),
-        f.label
+        m.label
       )
     }
   ) }) });
@@ -606,10 +606,10 @@ function gn({
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ g(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ f(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(
+    /* @__PURE__ */ o("div", { className: E.titleBar, children: /* @__PURE__ */ f(D, { className: E.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
         Q,
         {
           className: E.leftPanelButton,
@@ -625,7 +625,7 @@ function gn({
         }
       ),
       /* @__PURE__ */ o(T, { className: E.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ g(
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ f(
         Q,
         {
           className: E.rightPanelButton,
@@ -711,7 +711,7 @@ function ze({
   navBarWidthOpen: C = 0,
   navBarWidthClosed: k = 0
 }) {
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     fn,
     {
       SlideProps: {
@@ -728,14 +728,14 @@ function ze({
       navBarWidthOpen: C,
       navBarWidthClosed: k,
       children: [
-        /* @__PURE__ */ o(mn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ g(B, { children: [
+        /* @__PURE__ */ o(mn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(L, { 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: [
+          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(rt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ g(B, { children: [
-          d && /* @__PURE__ */ g(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ f(L, { children: [
+          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ot, {}),
             " "
           ] }),
@@ -746,7 +746,7 @@ function ze({
     }
   );
 }
-const Cn = L(D, {
+const Cn = M(D, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -769,7 +769,7 @@ const Cn = L(D, {
     }),
     marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
   });
-}), vn = L(et, {
+}), vn = M(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -784,12 +784,12 @@ const Cn = L(D, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(B, {}),
+  content: /* @__PURE__ */ o(L, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function mo({
+function Co({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -803,16 +803,16 @@ function mo({
   navBarWidthOpen: w,
   navBarWidthClosed: b
 }) {
-  const [A, C] = O(Ce), [k, v] = O(ve), [$, m] = O(Ce), [f, _] = O(ve), F = n !== void 0, y = r !== void 0, {
+  const [A, C] = O(Ce), [k, v] = O(ve), [$, g] = O(Ce), [m, _] = O(ve), F = n !== void 0, y = r !== void 0, {
     titleText: I,
     content: H,
-    flavour: N,
+    flavour: P,
     open: R,
     onChangeOpen: W,
     width: a,
     arrowButtons: c,
     startOpen: x,
-    onOpened: q,
+    onOpened: X,
     onClosed: le,
     dataTestId: J
   } = n ? i(i({}, te), n) : i({}, te), {
@@ -829,16 +829,16 @@ function mo({
     dataTestId: kt
   } = r ? i(i({}, te), r) : i({}, te);
   re(() => {
-    x !== Ce && (C(x), m(x));
+    x !== Ce && (C(x), g(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(f))), W && W(z);
+    R === void 0 && (C(z), s && y && (z ? (v(!1), _(k)) : v(m))), W && W(z);
   }, Fe = (z) => {
-    de === void 0 && (v(z), s && F && (z ? (C(!1), m(A)) : C($))), Ee && Ee(z);
+    de === void 0 && (v(z), s && F && (z ? (C(!1), g(A)) : C($))), Ee && Ee(z);
   };
-  return /* @__PURE__ */ g(D, { children: [
+  return /* @__PURE__ */ f(D, { children: [
     F && /* @__PURE__ */ o(
       ze,
       {
@@ -850,7 +850,7 @@ function mo({
         titleText: I,
         debugOpacity: l,
         showCloseArrow: c === "both" || c === "close",
-        onOpened: q,
+        onOpened: X,
         onClosed: le,
         navBarOpen: u,
         navBarWidthOpen: w,
@@ -882,7 +882,7 @@ function mo({
       i(i({
         titleText: t,
         "data-testid": p
-      }, F && N === "push" ? {
+      }, F && P === "push" ? {
         leftPanel: {
           open: ue,
           width: a,
@@ -900,7 +900,7 @@ function mo({
     ),
     /* @__PURE__ */ o(
       Cn,
-      S(i(i({}, N === "push" ? {
+      S(i(i({}, P === "push" ? {
         leftPanel: {
           open: ue,
           width: a
@@ -919,8 +919,8 @@ function mo({
 const ht = () => {
   const e = ae();
   return Mt(e.breakpoints.down("sm"));
-}, xn = 64, wn = 64, bn = 256, K = M(!0), gt = M(bn), ft = M(wn), be = M(""), mt = M(xn), Ct = M(void 0);
-function An({ links: e }) {
+}, xn = 64, wn = 64, bn = 256, K = N(!0), gt = N(bn), ft = N(wn), be = N(""), An = N(void 0), mt = N(xn), Ct = N(void 0);
+function Sn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const ne = "Navbar", j = {
@@ -931,7 +931,7 @@ const ne = "Navbar", j = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Sn = L(D, { name: "NavBar" })(({ theme: e }) => ({
+}, Dn = M(D, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${j.root}`]: {
     display: "flex"
   },
@@ -953,7 +953,7 @@ const ne = "Navbar", j = {
 })), ie = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Dn = (e) => {
+}), kn = (e) => {
   const t = ae();
   return /* @__PURE__ */ o(
     _t,
@@ -979,7 +979,7 @@ const ne = "Navbar", j = {
 }, vt(e)), Ue = (e, t) => i({
   width: t,
   transition: ie(e, "width", "leaving")
-}, vt(e)), kn = L(Ae, {
+}, vt(e)), On = M(Ae, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: s }) => i(i({
   flexShrink: 0,
@@ -994,7 +994,7 @@ const ne = "Navbar", j = {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, s ? n : r)
 })));
-function On(e) {
+function $n(e) {
   let t = 0;
   for (let n = 0, r = e.length; n < r; n++) {
     const s = e.charCodeAt(n);
@@ -1002,10 +1002,10 @@ function On(e) {
   }
   return t;
 }
-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 Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], In = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function En({ user: e, domainCode: t, open: n }) {
   const r = ae();
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     D,
     {
       sx: {
@@ -1031,14 +1031,14 @@ function In({ user: e, domainCode: t, open: n }) {
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ve[Math.abs(On(e.name)) % Ve.length]
+                  bgcolor: Ve[Math.abs($n(e.name)) % Ve.length]
                 },
-                children: $n(e.name)
+                children: In(e.name)
               }
             ) : /* @__PURE__ */ o(Le, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__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: [
+        /* @__PURE__ */ o(kn, { 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(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%" })
         ] }) }) })
@@ -1046,7 +1046,7 @@ function In({ user: e, domainCode: t, open: n }) {
     }
   );
 }
-function En({
+function Tn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -1058,8 +1058,8 @@ function En({
   domainCode: p
 }) {
   const u = ht(), w = it(K);
-  return /* @__PURE__ */ o(Sn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ g(
-    kn,
+  return /* @__PURE__ */ o(Dn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
+    On,
     {
       open: e,
       widthOpen: n,
@@ -1075,21 +1075,21 @@ function En({
       isSmallScreen: u,
       children: [
         !u && /* @__PURE__ */ o(Rt, {}),
-        s && /* @__PURE__ */ g(D, { flexGrow: "0", children: [
+        s && /* @__PURE__ */ f(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__ */ g(D, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(D, { flexGrow: "1", children: Array.isArray(l) ? /* @__PURE__ */ o(Sn, { links: l }) : l }),
+        /* @__PURE__ */ f(D, { flexGrow: "0", children: [
           /* @__PURE__ */ o(_e, { variant: "middle" }),
-          /* @__PURE__ */ o(In, { user: h, domainCode: p, open: e }),
-          d && /* @__PURE__ */ o(B, { children: d })
+          /* @__PURE__ */ o(En, { user: h, domainCode: p, open: e }),
+          d && /* @__PURE__ */ o(L, { children: d })
         ] })
       ]
     }
   ) });
 }
-function Tn({
+function Fn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1
@@ -1117,12 +1117,17 @@ function Tn({
     }
   );
 }
-const Fn = "TopBar", yn = {
-  titleText: `${Fn}-titleText`
+const yn = "TopBar", Nn = {
+  titleText: `${yn}-titleText`
 };
-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(
+function Pn({
+  titleText: e = "",
+  height: t,
+  "data-testid": n,
+  middle: r
+}) {
+  const s = it(K), l = () => s((p) => !p), d = ae(), h = ht();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
     Ze,
     {
       square: !0,
@@ -1137,16 +1142,17 @@ function Nn({ titleText: e = "", height: t, "data-testid": n }) {
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : l.zIndex.drawer + 1
+        zIndex: h ? 0 : d.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(T, { className: yn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: l, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(T, { className: Nn.titleText, variant: "h6", children: e }),
+        r
       ]
     }
   ) });
 }
-function Co({
+function vo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -1163,16 +1169,24 @@ 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), [$] = X(Ct);
-  return /* @__PURE__ */ g(D, { children: [
+  const b = He(K), [A] = V(gt), [C] = V(ft), k = He(be), [v] = V(mt), [$] = V(An), [g] = V(Ct);
+  return /* @__PURE__ */ f(D, { children: [
     /* @__PURE__ */ o(Wt, {}),
-    /* @__PURE__ */ o(Nn, { titleText: k, "data-testid": l, height: v }),
-    /* @__PURE__ */ g(D, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ o(
+      Pn,
+      {
+        titleText: k,
+        "data-testid": l,
+        height: v,
+        middle: $
+      }
+    ),
+    /* @__PURE__ */ f(D, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        En,
+        Tn,
         {
           open: b,
-          top: $,
+          top: g,
           middle: h,
           bottom: p,
           user: u,
@@ -1184,7 +1198,7 @@ function Co({
         }
       ),
       /* @__PURE__ */ o(
-        Tn,
+        Fn,
         S(i({
           "data-testid": s,
           topBarHeight: v
@@ -1195,13 +1209,13 @@ function Co({
     ] })
   ] });
 }
-const Pn = {
+const Bn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Bn = {
+}, Ln = {
   shouldClose: (e, t) => t !== "clickaway"
 }, qe = {
   message: "",
@@ -1209,18 +1223,18 @@ const Pn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Xe = 100, je = 2e3, Ln = 2e3, Mn = (() => {
+}, Xe = 100, je = 2e3, Mn = 2e3, _n = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), _n = {
+})(), Hn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Hn = {}, Rn = {}, xt = Je(null);
-function Wn(l) {
+}, Rn = {}, Wn = {}, xt = Je(null);
+function zn(l) {
   var d = l, {
-    overrideState: e = Hn,
-    overrideActions: t = Rn,
-    shouldClose: n = Bn.shouldClose,
+    overrideState: e = Rn,
+    overrideActions: t = Wn,
+    shouldClose: n = Ln.shouldClose,
     children: r
   } = d, s = Pe(d, [
     "overrideState",
@@ -1236,10 +1250,10 @@ function Wn(l) {
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${b.current} times in last ${je}ms)`
     ), b.current = 0);
     const c = i(S(i({}, qe), {
-      key: Mn()
+      key: _n()
     }), 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)), $ = (a = "", c = {}) => C(i({ message: a, severity: "warning" }, c)), m = (a = "", c = {}) => C(i({ message: a, severity: "error" }, c)), f = (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)), g = (a = "", c = {}) => C(i({ message: a, severity: "error" }, c)), m = (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);
@@ -1250,29 +1264,29 @@ function Wn(l) {
     u.current.shift(), u.current.length > 0 && p({ open: !0 });
   }, 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({
+  const P = i(i({}, Bn), s), R = i(i({
     open: h,
     setOpen: A,
     enqueueNotification: C,
     enqueueSuccessNotification: k,
     enqueueInfoNotification: v,
     enqueueWarningNotification: $,
-    enqueueErrorNotification: m,
-    removeNotification: f
+    enqueueErrorNotification: g,
+    removeNotification: m
   }, e), t);
-  return /* @__PURE__ */ g(xt.Provider, { value: R, children: [
+  return /* @__PURE__ */ f(xt.Provider, { value: R, children: [
     r,
     /* @__PURE__ */ o(
       zt,
-      S(i(i({}, N), H), {
+      S(i(i({}, P), H), {
         open: h,
         onClose: _,
         TransitionProps: {
           onExited: y,
           onExit: F
         },
-        sx: { zIndex: Ln },
-        children: /* @__PURE__ */ g("div", { children: [
+        sx: { zIndex: Mn },
+        children: /* @__PURE__ */ f("div", { children: [
           /* @__PURE__ */ o(
             Gt,
             {
@@ -1280,7 +1294,7 @@ function Wn(l) {
               severity: I.severity,
               variant: "filled",
               icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: I.progressIndicator === "linear" ? _n : void 0,
+              style: I.progressIndicator === "linear" ? Hn : void 0,
               children: I.message
             }
           ),
@@ -1290,27 +1304,27 @@ function Wn(l) {
     )
   ] });
 }
-function zn() {
+function Gn() {
   const e = Ye(xt);
   if (e === null)
     throw new $e("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const vo = se(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Wn, S(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), Gn = Zt(), xo = ({
+const xo = se(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(zn, S(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+), Un = Zt(), wo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(at, { store: t != null ? t : Gn, children: e }), wt = "domainCode";
+}) => /* @__PURE__ */ o(at, { store: t != null ? t : Un, children: e }), wt = "domainCode";
 var Ke;
-const Qe = M(
+const Qe = N(
   JSON.parse((Ke = localStorage.getItem(wt)) != null ? Ke : '{"domainCode": ""}').domainCode
-), bt = M(
+), bt = N(
   (e) => e(Qe),
   (e, t, n) => {
     t(Qe, n), localStorage.setItem(wt, JSON.stringify({ domainCode: n }));
   }
-), Un = {
+), Vn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1322,10 +1336,10 @@ const Qe = M(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Vn = (e) => {
+}, qn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Un[e]) != null ? t : "";
-}, wo = ({
+  return e === null ? "N/A" : (t = Vn[e]) != null ? t : "";
+}, bo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1333,13 +1347,13 @@ const Qe = M(
   applicationName: s,
   handleLogout: l
 }) => {
-  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* () {
+  const [d, h] = V(bt), [p, u] = O(d), { enqueueSuccessNotification: w } = Gn(), b = r.length === 0, A = !!d && !r.includes(d) && !r.includes(p), C = !d || b || A, k = () => B(void 0, null, function* () {
     p ? (h(p), w(`Set domain to ${p}`), n()) : h("");
-  }), v = () => P(void 0, null, function* () {
+  }), v = () => B(void 0, null, function* () {
     d && !b && !A ? (u(d), n()) : C && l();
   });
   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(
+  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__ */ f(
     dn,
     {
       isOpen: t,
@@ -1357,7 +1371,7 @@ const Qe = M(
       onClose: C ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ g(T, { marginBottom: 2, children: [
+        /* @__PURE__ */ f(T, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
@@ -1369,18 +1383,18 @@ const Qe = M(
             multiple: !1,
             disableClearable: !1,
             value: p !== "" ? p : null,
-            onChange: (m, f) => u(f != null ? f : ""),
-            getOptionLabel: Vn,
+            onChange: (g, m) => u(m != null ? m : ""),
+            getOptionLabel: qn,
             options: [...r],
-            renderInput: (m) => /* @__PURE__ */ o(
+            renderInput: (g) => /* @__PURE__ */ o(
               De,
-              S(i({}, m), {
+              S(i({}, g), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(i({}, m.InputProps), {
-                  endAdornment: /* @__PURE__ */ g(B, { children: [
+                InputProps: S(i({}, g.InputProps), {
+                  endAdornment: /* @__PURE__ */ f(L, { children: [
                     e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    m.InputProps.endAdornment
+                    g.InputProps.endAdornment
                   ] })
                 })
               })
@@ -1391,7 +1405,7 @@ const Qe = M(
       ]
     }
   );
-}, bo = tt({
+}, Ao = tt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1442,7 +1456,7 @@ const Qe = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Ao = tt({
+}), So = tt({
   palette: {
     primary: {
       main: "#007236",
@@ -1533,7 +1547,7 @@ const Qe = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), qn = {
+}), Xn = {
   domainCode: bt,
   navBarOpen: K,
   navBarWidthOpen: gt,
@@ -1541,16 +1555,16 @@ const Qe = M(
   titleText: be,
   topBarHeight: mt,
   navBarTop: Ct
-}, So = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), Xn = ({
+}, Do = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), jn = ({
   initialValues: e,
   children: t
-}) => (st(e), /* @__PURE__ */ o(B, { children: t })), Do = se(
+}) => (st(e), /* @__PURE__ */ o(L, { children: t })), ko = se(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    Xn,
+    jn,
     {
       initialValues: Object.entries(e).map(
         ([n, r]) => [
-          qn[n],
+          Xn[n],
           r
         ]
       ),
@@ -1560,40 +1574,41 @@ const Qe = M(
 );
 export {
   dn as AgDialog,
-  Co as AppLayout,
-  xo as AtomProvider,
+  vo as AppLayout,
+  wo as AtomProvider,
   xt as Context,
   $e as ContextError,
-  wo as DomainCodeDialog,
-  lo as ExampleComponent,
-  go as FetchAutocomplete,
-  Xn as HydrateAtoms,
+  bo as DomainCodeDialog,
+  co as ExampleComponent,
+  fo as FetchAutocomplete,
+  jn as HydrateAtoms,
   ct as NAVBAR_WIDTH_CLOSED,
   lt as NAVBAR_WIDTH_OPENED,
-  ho as NavBar,
-  po as NavBarDarkStyledList,
-  uo as NavBarLightStyledList,
+  go as NavBar,
+  uo as NavBarDarkStyledList,
+  ho as NavBarLightStyledList,
   sn as NavBarProvider,
-  mo as PageLayout,
-  Wn as SaladBarProvider,
-  fo as SingleAutocomplete,
-  Gn as atomStore,
+  Co as PageLayout,
+  zn as SaladBarProvider,
+  mo as SingleAutocomplete,
+  Un as atomStore,
   cn as buildNavBarState,
   bt as domainCodeAtom,
-  bo as fed21Theme,
-  Ao as internalAgSystemsTheme,
-  V as navBarClasses,
+  Ao as fed21Theme,
+  So as internalAgSystemsTheme,
+  q as navBarClasses,
   K as navBarOpenAtom,
   Ct as navBarTopAtom,
   ft as navBarWidthClosedAtom,
   gt as navBarWidthOpenAtom,
   be as titleTextAtom,
   mt as topBarHeightAtom,
+  An as topBarMiddleAtom,
   ln as useNavBar,
-  zn as useSaladBar,
-  So as withAtomProvider,
-  co as withNavBarProvider,
-  Do as withOverrideDefaults,
-  vo as withSaladBarProvider
+  Gn as useSaladBar,
+  Do as withAtomProvider,
+  po as withNavBarProvider,
+  ko as withOverrideDefaults,
+  xo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map