@australiangreens/ag-internal-components 0.0.73 → 0.0.75

package/dist/esm/index.js

@@ -1,60 +1,60 @@
-var $t = Object.defineProperty, Ot = Object.defineProperties;
-var It = Object.getOwnPropertyDescriptors;
+var Ot = Object.defineProperty, $t = Object.defineProperties;
+var Tt = Object.getOwnPropertyDescriptors;
 var Z = Object.getOwnPropertySymbols;
-var Oe = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable;
-var ce = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
+var Oe = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
+var ce = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
   for (var n in t || (t = {}))
     Oe.call(t, n) && ce(e, n, t[n]);
   if (Z)
     for (var n of Z(t))
-      Ie.call(t, n) && ce(e, n, t[n]);
+      $e.call(t, n) && ce(e, n, t[n]);
   return e;
-}, D = (e, t) => Ot(e, It(t));
-var ye = (e, t) => {
+}, A = (e, t) => $t(e, Tt(t));
+var Te = (e, t) => {
   var n = {};
   for (var i in e)
     Oe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && Z)
     for (var i of Z(e))
-      t.indexOf(i) < 0 && Ie.call(e, i) && (n[i] = e[i]);
+      t.indexOf(i) < 0 && $e.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Te = (e, t, n) => (ce(e, typeof t != "symbol" ? t + "" : t, n), n);
-var W = (e, t, n) => new Promise((i, a) => {
+var ye = (e, t, n) => (ce(e, typeof t != "symbol" ? t + "" : t, n), n);
+var z = (e, t, n) => new Promise((i, a) => {
   var s = (c) => {
     try {
-      u(n.next(c));
-    } catch (p) {
-      a(p);
+      p(n.next(c));
+    } catch (d) {
+      a(d);
     }
   }, l = (c) => {
     try {
-      u(n.throw(c));
-    } catch (p) {
-      a(p);
+      p(n.throw(c));
+    } catch (d) {
+      a(d);
     }
-  }, u = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
-  u((n = n.apply(e, t)).next());
+  }, p = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
+  p((n = n.apply(e, t)).next());
 });
-import { jsxs as g, Fragment as L, jsx as o } from "react/jsx-runtime";
-import { useState as y, createContext as Xe, useCallback as ne, useContext as Qe, createElement as ge, useEffect as Ee, useRef as de } from "react";
-import { Typography as E, Button as fe, Paper as je, Box as k, Drawer as Ce, Dialog as yt, DialogTitle as Tt, DialogContent as Et, DialogActions as Ft, Autocomplete as ve, TextField as xe, CircularProgress as we, Chip as Nt, Tooltip as Pt, Stack as Bt, styled as be, IconButton as Q, Container as Ke, useTheme as ie, useMediaQuery as Lt, Collapse as Mt, Avatar as Fe, Fade as _t, Skeleton as Ne, Toolbar as Ht, Divider as Pe, CssBaseline as Rt, Snackbar as Wt, Alert as zt, LinearProgress as Gt, FormHelperText as Ut } from "@mui/material";
+import { jsxs as h, Fragment as _, jsx as o } from "react/jsx-runtime";
+import { useState as E, createContext as Xe, useCallback as ne, useContext as Qe, createElement as ge, useEffect as Ee, useRef as de } from "react";
+import { Typography as F, Button as fe, Paper as je, Box as I, Drawer as Ce, Dialog as yt, DialogTitle as Et, DialogContent as Ft, DialogActions as Nt, Autocomplete as ve, TextField as xe, CircularProgress as we, Chip as Pt, Tooltip as Bt, Stack as Lt, styled as be, IconButton as Q, Container as Ke, useTheme as ie, useMediaQuery as Mt, Collapse as _t, Avatar as Fe, Fade as Ht, Skeleton as Ne, Toolbar as Rt, Divider as Pe, CssBaseline as Wt, Snackbar as zt, Alert as Gt, LinearProgress as Vt, FormHelperText as Ut } from "@mui/material";
 import qt from "@mui/material/CssBaseline";
-import { styled as M, createTheme as Je, alpha as pe } from "@mui/material/styles";
-import { AgError as Vt } from "@australiangreens/ag-error";
+import { styled as H, createTheme as Je, alpha as pe } from "@mui/material/styles";
+import { AgError as Xt } from "@australiangreens/ag-error";
 import { createHelper as K } from "souvlaki";
 import Ye from "@mui/material/List";
-import { Cancel as Xt, ArrowDropDown as Qt, ArrowForward as Ze, ArrowBack as et, ViewHeadline as jt } from "@mui/icons-material";
-import Kt from "autosuggest-highlight/match";
-import Jt from "autosuggest-highlight/parse";
-import { useQuery as Yt, QueryClient as Zt, QueryClientProvider as en } from "@tanstack/react-query";
-import { atom as P, useSetAtom as tt, useAtomValue as Be, useAtom as q, getDefaultStore as tn, Provider as nt } from "jotai";
+import { Cancel as Qt, ArrowDropDown as jt, ArrowForward as Ze, ArrowBack as et, ViewHeadline as Kt } from "@mui/icons-material";
+import Jt from "autosuggest-highlight/match";
+import Yt from "autosuggest-highlight/parse";
+import { useQuery as Zt, QueryClient as en, QueryClientProvider as tn } from "@tanstack/react-query";
+import { atom as B, useSetAtom as tt, useAtomValue as Be, useAtom as U, getDefaultStore as nn, Provider as nt } from "jotai";
 import { useHydrateAtoms as ot } from "jotai/utils";
-function ho({ text: e }) {
-  const [t, n] = y(0);
-  return /* @__PURE__ */ g(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" }) }),
+function go({ text: e }) {
+  const [t, n] = E(0);
+  return /* @__PURE__ */ h(_, { children: [
+    /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(F, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
       fe,
       {
@@ -64,41 +64,41 @@ function ho({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ g("p", { children: [
+    /* @__PURE__ */ h("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ g(je, { children: [
+    /* @__PURE__ */ h(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const it = 330, rt = 73, z = "Navbar", V = {
-  root: `${z}-root`,
-  menuButton: `${z}-menuButton`,
-  hide: `${z}-hide`,
-  content: `${z}-content`,
-  userInfoHolder: `${z}-userInfoHolder`,
-  settings: `${z}-settings`,
-  pieChartIcon: `${z}-pieChartIcon`
-}, nn = M(k, {
+const it = 330, rt = 73, G = "Navbar", q = {
+  root: `${G}-root`,
+  menuButton: `${G}-menuButton`,
+  hide: `${G}-hide`,
+  content: `${G}-content`,
+  userInfoHolder: `${G}-userInfoHolder`,
+  settings: `${G}-settings`,
+  pieChartIcon: `${G}-pieChartIcon`
+}, on = H(I, {
   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"
@@ -111,11 +111,11 @@ const it = 330, rt = 73, z = "Navbar", V = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), on = () => r({
+}), rn = () => r({
   width: it
-}, at()), rn = () => r({
+}, at()), an = () => r({
   width: rt
-}, at()), an = M(Ce, {
+}, at()), sn = H(Ce, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => r(r({
   width: t ? it : rt,
@@ -124,38 +124,38 @@ const it = 330, rt = 73, z = "Navbar", V = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": on()
-}), !t && {
   "& .MuiDrawer-paper": rn()
+}), !t && {
+  "& .MuiDrawer-paper": an()
 }));
-class Ae extends Vt {
+class Ae extends Xt {
 }
-Te(Ae, "errorName", "ContextError");
-const st = Xe(null), sn = {}, ln = {}, cn = ({
-  overrideState: e = sn,
-  overrideActions: t = ln,
+ye(Ae, "errorName", "ContextError");
+const st = Xe(null), ln = {}, cn = {}, dn = ({
+  overrideState: e = ln,
+  overrideActions: t = cn,
   children: n
 }) => {
-  const [{ open: i }, a] = y({ open: !0 }), s = ne((c) => {
+  const [{ open: i }, a] = E({ open: !0 }), s = ne((c) => {
     a({ open: c });
   }, []), l = ne(() => {
-    a((c) => D(r({}, c), { open: !c.open }));
-  }, []), u = r(r({
+    a((c) => A(r({}, c), { open: !c.open }));
+  }, []), p = r(r({
     open: i,
     setOpen: s,
     toggleOpen: l
   }, e), t);
-  return /* @__PURE__ */ o(st.Provider, { value: u, children: n });
-}, dn = () => {
+  return /* @__PURE__ */ o(st.Provider, { value: p, children: n });
+}, pn = () => {
   const e = Qe(st);
   if (e === null)
     throw new Ae("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, pn = (e = {}) => r({
+}, un = (e = {}) => r({
   open: !0
-}, e), go = K(
-  (e = pn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(cn, { overrideState: e, overrideActions: t, children: n })
-), Le = 7, fo = M(Ye)(({ theme: e }) => ({
+}, e), fo = K(
+  (e = un(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(dn, { overrideState: e, overrideActions: t, children: n })
+), Le = 7, mo = H(Ye)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -193,7 +193,7 @@ const st = Xe(null), sn = {}, ln = {}, cn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Me = 7, mo = M(Ye)(({ theme: e }) => ({
+})), Me = 7, Co = H(Ye)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -232,15 +232,15 @@ const st = Xe(null), sn = {}, ln = {}, cn = ({
     // },
   }
 }));
-function Co({
+function vo({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = dn();
-  return /* @__PURE__ */ g(nn, { className: V.root, "data-testid": e, children: [
+  const { open: n } = pn();
+  return /* @__PURE__ */ h(on, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(qt, {}),
     /* @__PURE__ */ o(
-      an,
+      sn,
       {
         variant: "permanent",
         anchor: "left",
@@ -251,7 +251,7 @@ function Co({
     )
   ] });
 }
-const un = ({
+const hn = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -259,45 +259,45 @@ const un = ({
   primaryButton: a,
   secondaryButton: s,
   onClose: l,
-  sx: u,
+  sx: p,
   "data-testid": c
 }) => {
-  var b, S;
-  const [p, w] = y(!1);
-  return /* @__PURE__ */ g(
+  var w, b;
+  const [d, x] = E(!1);
+  return /* @__PURE__ */ h(
     yt,
     {
       open: e,
-      onClose: () => W(void 0, null, function* () {
-        p || (s != null && s.onClick ? yield s.onClick() : l());
+      onClose: () => z(void 0, null, function* () {
+        d || (s != null && s.onClick ? yield s.onClick() : l());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": c,
-      sx: u,
+      sx: p,
       children: [
-        /* @__PURE__ */ o(Tt, { children: t }),
-        /* @__PURE__ */ o(Et, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ g(Ft, { children: [
+        /* @__PURE__ */ o(Et, { children: t }),
+        /* @__PURE__ */ o(Ft, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ h(Nt, { children: [
           /* @__PURE__ */ o(
             fe,
             {
-              onClick: (b = s == null ? void 0 : s.onClick) != null ? b : l,
+              onClick: (w = s == null ? void 0 : s.onClick) != null ? w : l,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || p,
+              disabled: (s == null ? void 0 : s.disabled) || d,
               color: s == null ? void 0 : s.buttonColor,
-              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
+              children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
             }
           ),
           a && /* @__PURE__ */ o(
             fe,
             {
-              onClick: () => W(void 0, null, function* () {
-                var C;
-                w(!0), yield (C = a.onClick) == null ? void 0 : C.call(a), w(!1);
+              onClick: () => z(void 0, null, function* () {
+                var m;
+                x(!0), yield (m = a.onClick) == null ? void 0 : m.call(a), x(!1);
               }),
               "data-testid": a.testId,
-              disabled: a.disabled || p,
+              disabled: a.disabled || d,
               color: a == null ? void 0 : a.buttonColor,
               children: a.text
             }
@@ -306,117 +306,129 @@ const un = ({
       ]
     }
   );
-};
-function vo({
-  lookup: e = () => W(this, null, function* () {
+}, lt = ({
+  minLength: e,
+  preLoadedOptions: t,
+  lookup: n,
+  label: i,
+  inputValue: a
+}) => Zt({
+  queryFn: () => e && a.length < e ? t != null ? t : [] : t ? t.filter(
+    (s) => s.label.toLowerCase().includes(a.toLowerCase())
+  ) : n(a),
+  queryKey: ["autocomplete", i, a]
+});
+function xo({
+  lookup: e = () => z(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
-  minLength: i,
+  minLength: i = 0,
   label: a,
   value: s,
   "data-testid": l,
-  sx: u,
+  sx: p,
   textFieldColor: c,
-  textFieldVariant: p = "filled",
-  loadingText: w = "Loading...",
-  noOptionsText: b = "No options",
-  popupIcon: S = /* @__PURE__ */ o(Qt, {}),
-  error: C = !1,
-  helperText: $ = "",
-  preLoadedOptions: A = void 0,
+  textFieldVariant: d = "filled",
+  loadingText: x = "Loading...",
+  noOptionsText: w = "No options",
+  popupIcon: b = /* @__PURE__ */ o(jt, {}),
+  error: m = !1,
+  helperText: D = "",
+  preLoadedOptions: k = void 0,
   disablePortal: O = !1
 }) {
-  const [h, f] = y(""), _ = (d, m) => {
-    const T = s.filter((N) => N.id !== m);
-    n(T, "delete", d);
-  }, { data: F, isLoading: B } = Yt({
-    queryFn: () => i && h.length < i ? A != null ? A : [] : A ? A.filter(
-      (d) => d.label.toLowerCase().includes(h.toLowerCase())
-    ) : e(h),
-    queryKey: ["autocomplete", a, h]
-  });
-  return /* @__PURE__ */ g("div", { "data-testid": l, children: [
+  const [g, S] = E(""), R = (u, f) => {
+    const y = s.filter((P) => P.id !== f);
+    n(y, "delete", u);
+  }, { data: N, isLoading: L } = lt({
+    inputValue: g,
+    label: a,
+    lookup: e,
+    minLength: i,
+    preLoadedOptions: k
+  }), $ = g.length >= i;
+  return /* @__PURE__ */ h("div", { "data-testid": l, children: [
     /* @__PURE__ */ o(
       ve,
       {
-        sx: u,
+        sx: p,
         "data-testid": l ? `${l}:Autocomplete` : void 0,
         disablePortal: O,
         multiple: !0,
-        getOptionLabel: (d) => typeof d == "string" ? d : d.label,
-        loading: B,
-        options: [...s, ...F != null ? F : []],
+        getOptionLabel: (u) => typeof u == "string" ? u : u.label,
+        loading: $ ? L : !1,
+        options: [...s, ...N != null ? N : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
-        onChange: (d, m, T) => {
-          n(m, T, d);
+        onChange: (u, f, y) => {
+          n(f, y, u);
         },
-        onInputChange: (d, m) => f(m),
-        noOptionsText: b,
-        loadingText: w,
-        popupIcon: S,
-        renderInput: (d) => /* @__PURE__ */ o(
+        onInputChange: (u, f) => S(f),
+        noOptionsText: $ ? w : "Start typing to search",
+        loadingText: x,
+        popupIcon: b,
+        renderInput: (u) => /* @__PURE__ */ o(
           xe,
-          D(r({}, d), {
+          A(r({}, u), {
             label: a,
             fullWidth: !0,
-            variant: p,
-            error: C,
-            helperText: $,
-            InputProps: D(r({}, d.InputProps), {
-              endAdornment: /* @__PURE__ */ g(L, { children: [
-                B ? /* @__PURE__ */ o(we, { color: "inherit", size: 20 }) : null,
-                d.InputProps.endAdornment
+            variant: d,
+            error: m,
+            helperText: D,
+            InputProps: A(r({}, u.InputProps), {
+              endAdornment: /* @__PURE__ */ h(_, { children: [
+                L ? /* @__PURE__ */ o(we, { color: "inherit", size: 20 }) : null,
+                u.InputProps.endAdornment
               ] })
             }),
             "data-testid": l ? `${l}:Autocomplete:TextField` : void 0,
-            onKeyDown: (m) => {
-              (m.key === "Backspace" || m.key === "Delete") && m.stopPropagation();
+            onKeyDown: (f) => {
+              (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
             },
             color: c
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (d, m) => d.id === m.id,
-        renderOption: (d, m, T) => {
+        isOptionEqualToValue: (u, f) => u.id === f.id,
+        renderOption: (u, f, y) => {
           if (t) {
-            const N = Kt(m.label, T.inputValue, {
+            const P = Jt(f.label, y.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), H = Jt(m.label, N);
+            }), v = Yt(f.label, P);
             return /* @__PURE__ */ ge(
               "li",
-              D(r({}, d), {
-                key: m.id,
-                "data-testid": l ? `${l}:Autocomplete:option(${m.id.toString()})` : void 0
+              A(r({}, u), {
+                key: f.id,
+                "data-testid": l ? `${l}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: H.map((v, x) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: v.map((C, M) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: v.highlight ? 700 : 400
+                    fontWeight: C.highlight ? 700 : 400
                   },
-                  children: v.text
+                  children: C.text
                 },
-                x
+                M
               )) })
             );
           } else
             return /* @__PURE__ */ ge(
               "li",
-              D(r({}, d), {
-                key: m.id,
-                "data-testid": l ? `${l}:option(${m.id.toString()})` : void 0
+              A(r({}, u), {
+                key: f.id,
+                "data-testid": l ? `${l}:option(${f.id.toString()})` : void 0
               }),
-              m.label
+              f.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(k, { children: s.map((d) => /* @__PURE__ */ o(
-      Nt,
+    s.length > 0 && /* @__PURE__ */ o(I, { children: s.map((u) => /* @__PURE__ */ o(
+      Pt,
       {
         sx: {
           marginTop: 1,
@@ -424,9 +436,9 @@ function vo({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          Pt,
+          Bt,
           {
-            title: d.tooltipContent || "",
+            title: u.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -438,114 +450,109 @@ function vo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: d.chipLabel ? d.chipLabel : d.label })
+            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: u.chipLabel ? u.chipLabel : u.label })
           }
         ),
-        "data-testid": l ? `${l}:Chip(${d.id.toString()})` : void 0,
-        onDelete: (m) => _(m, d.id),
+        "data-testid": l ? `${l}:Chip(${u.id.toString()})` : void 0,
+        onDelete: (f) => R(f, u.id),
         deleteIcon: /* @__PURE__ */ o(
-          Xt,
+          Qt,
           {
-            "data-testid": l ? `${l}:Chip(${d.id.toString()}):deleteIcon` : void 0
+            "data-testid": l ? `${l}:Chip(${u.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      d.id
+      u.id
     )) })
   ] });
 }
-const xo = ({
-  lookup: e,
+const wo = ({
+  lookup: e = () => z(void 0, null, function* () {
+  }),
   onChange: t,
   label: n,
   value: i,
   sx: a,
   textFieldColor: s,
   textFieldVariant: l = "filled",
-  "data-testid": u,
+  "data-testid": p,
   noOptionsText: c = "No options",
-  minLength: p = 3,
-  disablePortal: w = !1
+  minLength: d = 3,
+  disablePortal: x = !1,
+  preLoadedOptions: w
 }) => {
-  const [b, S] = y([]), [C, $] = y(!1);
-  let A;
-  const O = (h) => W(void 0, null, function* () {
-    A = new AbortController();
-    try {
-      const f = yield e(h, A.signal);
-      S(f != null ? f : []), $(!1);
-    } catch (f) {
-      if (f instanceof Error && f.name === "AbortError")
-        console.debug("Previous lookup request was cancelled");
-      else
-        throw f;
-    }
-  });
-  return /* @__PURE__ */ o("div", { "data-testid": u, children: /* @__PURE__ */ o(Bt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+  const [b, m] = E(""), { data: D, isLoading: k } = lt({
+    inputValue: b,
+    label: n,
+    lookup: e,
+    minLength: d != null ? d : 0,
+    preLoadedOptions: w
+  }), O = b.length >= d;
+  return /* @__PURE__ */ o("div", { "data-testid": p, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     ve,
     {
       sx: a,
-      "data-testid": u ? `${u}:Autocomplete` : void 0,
-      loading: C,
-      options: b,
-      onChange: (h, f) => {
-        t(h, f);
+      "data-testid": p ? `${p}:Autocomplete` : void 0,
+      loading: O ? k : !1,
+      options: D != null ? D : [],
+      onChange: (g, S) => {
+        t(g, S);
       },
-      disablePortal: w,
-      filterOptions: (h) => h,
+      disablePortal: x,
+      filterOptions: (g) => g,
       value: i,
-      noOptionsText: c,
-      getOptionLabel: (h) => h.label,
-      renderInput: (h) => /* @__PURE__ */ o(
+      noOptionsText: O ? c : "Start typing to search",
+      getOptionLabel: (g) => g.label,
+      renderInput: (g) => /* @__PURE__ */ o(
         xe,
-        D(r({
-          "data-testid": u ? `${u}:Autocomplete:TextField` : void 0
-        }, h), {
+        A(r({
+          "data-testid": p ? `${p}:Autocomplete:TextField` : void 0
+        }, g), {
           variant: l,
           label: n,
           color: s
         })
       ),
-      isOptionEqualToValue: (h, f) => h.id === f.id,
-      onInputChange: (h, f) => {
-        (f == null ? void 0 : f.length) >= p && ($(!0), O(f));
+      isOptionEqualToValue: (g, S) => g.id === S.id,
+      onInputChange: (g, S) => {
+        m(S);
       },
-      renderOption: (h, f) => /* @__PURE__ */ ge(
+      renderOption: (g, S) => /* @__PURE__ */ ge(
         "li",
-        D(r({}, h), {
-          key: f.id,
-          "data-testid": u ? `${u}:Autocomplete:option(${f.id.toString()})` : void 0
+        A(r({}, g), {
+          key: S.id,
+          "data-testid": p ? `${p}:Autocomplete:option(${S.id.toString()})` : void 0
         }),
-        f.label
+        S.label
       )
     }
   ) }) });
-}, hn = 24, gn = 64, G = "TopBar", I = {
-  topStripe: `${G}-topStripe`,
-  titleBar: `${G}-titleBar`,
-  titleSlider: `${G}-titleSlider`,
-  titleText: `${G}-titleText`,
-  leftPanelButton: `${G}-leftPanelButton`,
-  rightPanelButton: `${G}-leftPanelButton`
-}, fn = be("div", {
+}, gn = 24, fn = 64, V = "TopBar", T = {
+  topStripe: `${V}-topStripe`,
+  titleBar: `${V}-titleBar`,
+  titleSlider: `${V}-titleSlider`,
+  titleText: `${V}-titleText`,
+  leftPanelButton: `${V}-leftPanelButton`,
+  rightPanelButton: `${V}-leftPanelButton`
+}, mn = be("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: G
+  name: V
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, a;
   return {
     width: "100%",
-    [`& .${I.topStripe}`]: {
+    [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${hn}px`,
+      height: `${gn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${I.titleBar}`]: {
+    [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${gn}px`,
+      height: `${fn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${I.titleSlider}`]: r(r({
+    [`& .${T.titleSlider}`]: r(r({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -554,14 +561,14 @@ const xo = ({
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${I.leftPanelButton}`]: {
+      [`& .${T.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${I.titleText}`]: {
+      [`& .${T.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${I.rightPanelButton}`]: {
+      [`& .${T.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -579,19 +586,19 @@ const xo = ({
     })
   };
 });
-function mn({
+function Cn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ g(fn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: I.topStripe }),
-    /* @__PURE__ */ o("div", { className: I.titleBar, children: /* @__PURE__ */ g(k, { className: I.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ g(
+  return /* @__PURE__ */ h(mn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: T.topStripe }),
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ h(I, { className: T.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
         Q,
         {
-          className: I.leftPanelButton,
+          className: T.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -603,11 +610,11 @@ function mn({
           ]
         }
       ),
-      /* @__PURE__ */ o(E, { className: I.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ g(
+      /* @__PURE__ */ o(F, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
         Q,
         {
-          className: I.rightPanelButton,
+          className: T.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -622,7 +629,7 @@ function mn({
     ] }) })
   ] });
 }
-const lt = 400, Cn = be(Ce, {
+const ct = 400, vn = be(Ce, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -652,9 +659,9 @@ const lt = 400, Cn = be(Ce, {
       marginLeft: `${a}px`
     }))
   })
-), vn = be(k, {
+), xn = be(I, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => D(r({
+})(({ theme: e, anchor: t }) => A(r({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -679,53 +686,53 @@ function _e({
   onClose: i = () => {
   },
   titleText: a = "",
-  width: s = lt,
+  width: s = ct,
   showCloseArrow: l = !0,
-  debugOpacity: u = !1,
+  debugOpacity: p = !1,
   headerBoxProps: c = {},
-  onOpened: p,
-  onClosed: w,
-  "data-testid": b,
-  navBarOpen: S = !1,
-  navBarWidthOpen: C = 0,
-  navBarWidthClosed: $ = 0
+  onOpened: d,
+  onClosed: x,
+  "data-testid": w,
+  navBarOpen: b = !1,
+  navBarWidthOpen: m = 0,
+  navBarWidthClosed: D = 0
 }) {
-  return /* @__PURE__ */ g(
-    Cn,
+  return /* @__PURE__ */ h(
+    vn,
     {
       SlideProps: {
-        onEntered: () => p == null ? void 0 : p(),
-        onExited: () => w == null ? void 0 : w()
+        onEntered: () => d == null ? void 0 : d(),
+        onExited: () => x == null ? void 0 : x()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
-      debugOpacity: u,
-      "data-testid": b,
-      navBarOpen: S,
-      navBarWidthOpen: C,
-      navBarWidthClosed: $,
+      debugOpacity: p,
+      "data-testid": w,
+      navBarOpen: b,
+      navBarWidthOpen: m,
+      navBarWidthClosed: D,
       children: [
-        /* @__PURE__ */ o(vn, D(r({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ g(L, { children: [
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: a }),
-          l && /* @__PURE__ */ g(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o(xn, A(r({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ h(_, { children: [
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: a }),
+          l && /* @__PURE__ */ h(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(et, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ g(L, { children: [
-          l && /* @__PURE__ */ g(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ h(_, { children: [
+          l && /* @__PURE__ */ h(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(Ze, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const xn = M(k, {
+const wn = H(I, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -748,7 +755,7 @@ const xn = M(k, {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), wn = M(Ke, {
+}), bn = H(Ke, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -758,17 +765,17 @@ const xn = M(k, {
 })), ue = !1, he = !1, ee = {
   titleText: "",
   flavour: "push",
-  width: lt,
+  width: ct,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(L, {}),
+  content: /* @__PURE__ */ o(_, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function wo({
+function bo({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -776,110 +783,110 @@ function wo({
   sidePanelsAreMutuallyExclusive: a = !0,
   debugOpacity: s = !1,
   pageContainerProps: l,
-  pageContentDataTestId: u,
+  pageContentDataTestId: p,
   topBarDataTestId: c,
-  navBarOpen: p,
-  navBarWidthOpen: w,
-  navBarWidthClosed: b
+  navBarOpen: d,
+  navBarWidthOpen: x,
+  navBarWidthClosed: w
 }) {
-  const [S, C] = y(ue), [$, A] = y(he), [O, h] = y(ue), [f, _] = y(he), F = n !== void 0, B = i !== void 0, {
-    titleText: d,
-    content: m,
-    flavour: T,
-    open: N,
-    onChangeOpen: H,
+  const [b, m] = E(ue), [D, k] = E(he), [O, g] = E(ue), [S, R] = E(he), N = n !== void 0, L = i !== void 0, {
+    titleText: $,
+    content: u,
+    flavour: f,
+    open: y,
+    onChangeOpen: P,
     width: v,
-    arrowButtons: x,
-    startOpen: U,
-    onOpened: vt,
-    onClosed: xt,
-    dataTestId: wt
+    arrowButtons: C,
+    startOpen: M,
+    onOpened: xt,
+    onClosed: wt,
+    dataTestId: bt
   } = n ? r(r({}, ee), n) : r({}, ee), {
-    titleText: bt,
-    content: At,
+    titleText: At,
+    content: St,
     flavour: Se,
     open: re,
     onChangeOpen: De,
     width: ae,
     arrowButtons: J,
     startOpen: Y,
-    onOpened: St,
-    onClosed: Dt,
-    dataTestId: kt
+    onOpened: Dt,
+    onClosed: kt,
+    dataTestId: It
   } = i ? r(r({}, ee), i) : r({}, ee);
   Ee(() => {
-    U !== ue && (C(U), h(U));
-  }, [U]), Ee(() => {
-    Y !== he && (A(Y), _(Y));
+    M !== ue && (m(M), g(M));
+  }, [M]), Ee(() => {
+    Y !== he && (k(Y), R(Y));
   }, [Y]);
-  const se = N === void 0 ? S : N, le = re === void 0 ? $ : re, ke = (R) => {
-    N === void 0 && (C(R), a && B && (R ? (A(!1), _($)) : A(f))), H && H(R);
-  }, $e = (R) => {
-    re === void 0 && (A(R), a && F && (R ? (C(!1), h(S)) : C(O))), De && De(R);
+  const se = y === void 0 ? b : y, le = re === void 0 ? D : re, ke = (W) => {
+    y === void 0 && (m(W), a && L && (W ? (k(!1), R(D)) : k(S))), P && P(W);
+  }, Ie = (W) => {
+    re === void 0 && (k(W), a && N && (W ? (m(!1), g(b)) : m(O))), De && De(W);
   };
-  return /* @__PURE__ */ g(k, { children: [
-    F && /* @__PURE__ */ o(
+  return /* @__PURE__ */ h(I, { children: [
+    N && /* @__PURE__ */ o(
       _e,
       {
-        "data-testid": wt,
+        "data-testid": bt,
         anchor: "left",
         open: se,
         onClose: () => ke(!1),
         width: v,
-        titleText: d,
+        titleText: $,
         debugOpacity: s,
-        showCloseArrow: x === "both" || x === "close",
-        onOpened: vt,
-        onClosed: xt,
-        navBarOpen: p,
-        navBarWidthOpen: w,
-        navBarWidthClosed: b,
-        children: m
+        showCloseArrow: C === "both" || C === "close",
+        onOpened: xt,
+        onClosed: wt,
+        navBarOpen: d,
+        navBarWidthOpen: x,
+        navBarWidthClosed: w,
+        children: u
       }
     ),
-    B && /* @__PURE__ */ o(
+    L && /* @__PURE__ */ o(
       _e,
       {
-        "data-testid": kt,
+        "data-testid": It,
         anchor: "right",
         open: le,
-        onClose: () => $e(!1),
+        onClose: () => Ie(!1),
         width: ae,
-        titleText: bt,
+        titleText: At,
         debugOpacity: s,
         showCloseArrow: J === "both" || J === "close",
-        onOpened: St,
-        onClosed: Dt,
-        navBarOpen: p,
-        navBarWidthOpen: w,
-        navBarWidthClosed: b,
-        children: At
+        onOpened: Dt,
+        onClosed: kt,
+        navBarOpen: d,
+        navBarWidthOpen: x,
+        navBarWidthClosed: w,
+        children: St
       }
     ),
     /* @__PURE__ */ o(
-      mn,
+      Cn,
       r(r({
         titleText: t,
         "data-testid": c
-      }, F && T === "push" ? {
+      }, N && f === "push" ? {
         leftPanel: {
           open: se,
           width: v,
           onOpen: () => ke(!0),
-          showOpenArrow: x === "both" || x === "open"
+          showOpenArrow: C === "both" || C === "open"
         }
-      } : {}), B && Se === "push" ? {
+      } : {}), L && Se === "push" ? {
         rightPanel: {
           open: le,
           width: ae,
-          onOpen: () => $e(!0),
+          onOpen: () => Ie(!0),
           showOpenArrow: J === "both" || J === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      xn,
-      D(r(r({}, T === "push" ? {
+      wn,
+      A(r(r({}, f === "push" ? {
         leftPanel: {
           open: se,
           width: v
@@ -890,16 +897,16 @@ function wo({
           width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ o(wn, D(r({ "data-testid": u }, l), { children: e }))
+        children: /* @__PURE__ */ o(bn, A(r({ "data-testid": p }, l), { children: e }))
       })
     )
   ] });
 }
-const ct = () => {
+const dt = () => {
   const e = ie();
-  return Lt(e.breakpoints.down("sm"));
-}, bn = 64, An = 64, Sn = 256, j = P(!0), dt = P(Sn), pt = P(An), me = P(""), Dn = P(void 0), ut = P(bn), ht = P(void 0);
-function kn({ links: e }) {
+  return Mt(e.breakpoints.down("sm"));
+}, An = 64, Sn = 64, Dn = 256, j = B(!0), pt = B(Dn), ut = B(Sn), me = B(""), kn = B(void 0), ht = B(An), gt = B(void 0);
+function In({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const te = "Navbar", X = {
@@ -910,7 +917,7 @@ const te = "Navbar", X = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, $n = M(k, { name: "NavBar" })(({ theme: e }) => ({
+}, On = H(I, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${X.root}`]: {
     display: "flex"
   },
@@ -932,10 +939,10 @@ const te = "Navbar", X = {
 })), oe = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), On = (e) => {
+}), $n = (e) => {
   const t = ie();
   return /* @__PURE__ */ o(
-    Mt,
+    _t,
     r({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -944,7 +951,7 @@ const te = "Navbar", X = {
       }
     }, e)
   );
-}, gt = (e) => {
+}, ft = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -955,10 +962,10 @@ const te = "Navbar", X = {
 }, He = (e, t) => r({
   width: t,
   transition: oe(e, "width", "entering")
-}, gt(e)), Re = (e, t) => r({
+}, ft(e)), Re = (e, t) => r({
   width: t,
   transition: oe(e, "width", "leaving")
-}, gt(e)), In = M(Ce, {
+}, ft(e)), Tn = H(Ce, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: a }) => r(r({
   flexShrink: 0,
@@ -966,10 +973,10 @@ const te = "Navbar", X = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && D(r({}, He(e, n)), {
+}, t && A(r({}, He(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": He(e, n)
-})), !t && D(r({}, Re(e, a ? n : i)), {
+})), !t && A(r({}, Re(e, a ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Re(e, a ? n : i)
 })));
@@ -981,11 +988,11 @@ function yn(e) {
   }
   return t;
 }
-const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Tn = (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 We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], En = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Fn({ user: e, domainCode: t, open: n }) {
   const i = ie();
-  return /* @__PURE__ */ g(
-    k,
+  return /* @__PURE__ */ h(
+    I,
     {
       sx: {
         paddingTop: 3,
@@ -996,7 +1003,7 @@ function En({ user: e, domainCode: t, open: n }) {
       },
       children: [
         /* @__PURE__ */ o(
-          k,
+          I,
           {
             sx: {
               width: n ? "5rem" : "2rem",
@@ -1012,20 +1019,20 @@ function En({ user: e, domainCode: t, open: n }) {
                   height: "100%",
                   bgcolor: We[Math.abs(yn(e.name)) % We.length]
                 },
-                children: Tn(e.name)
+                children: En(e.name)
               }
             ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(On, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(_t, { in: n, children: /* @__PURE__ */ g(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          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%" })
+        /* @__PURE__ */ o($n, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ h(I, { 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%" })
         ] }) }) })
       ]
     }
   );
 }
-function Fn({
+function Nn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -1033,48 +1040,48 @@ function Fn({
   top: a,
   middle: s,
   bottom: l,
-  user: u,
+  user: p,
   domainCode: c
 }) {
-  const p = ct(), w = tt(j);
-  return /* @__PURE__ */ o($n, { className: X.root, "data-testid": i, children: /* @__PURE__ */ g(
-    In,
+  const d = dt(), x = tt(j);
+  return /* @__PURE__ */ o(On, { className: X.root, "data-testid": i, children: /* @__PURE__ */ h(
+    Tn,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: p ? "temporary" : "permanent",
+      variant: d ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        w(!1);
+        x(!1);
       },
-      isSmallScreen: p,
+      isSmallScreen: d,
       children: [
-        !p && /* @__PURE__ */ o(Ht, {}),
-        a && /* @__PURE__ */ g(k, { flexGrow: "0", children: [
+        !d && /* @__PURE__ */ o(Rt, {}),
+        a && /* @__PURE__ */ h(I, { flexGrow: "0", children: [
           a,
           /* @__PURE__ */ o(Pe, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(kn, { links: s }) : s }),
-        /* @__PURE__ */ g(k, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(In, { links: s }) : s }),
+        /* @__PURE__ */ h(I, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Pe, { variant: "middle" }),
-          /* @__PURE__ */ o(En, { user: u, domainCode: c, open: e }),
-          l && /* @__PURE__ */ o(L, { children: l })
+          /* @__PURE__ */ o(Fn, { user: p, domainCode: c, open: e }),
+          l && /* @__PURE__ */ o(_, { children: l })
         ] })
       ]
     }
   ) });
 }
-function Nn({
+function Pn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1
 }) {
   return /* @__PURE__ */ o(
-    k,
+    I,
     {
       sx: {
         overflow: "auto",
@@ -1096,17 +1103,17 @@ function Nn({
     }
   );
 }
-const Pn = "TopBar", Bn = {
-  titleText: `${Pn}-titleText`
+const Bn = "TopBar", Ln = {
+  titleText: `${Bn}-titleText`
 };
-function Ln({
+function Mn({
   titleText: e = "",
   height: t,
   "data-testid": n,
   middle: i
 }) {
-  const a = tt(j), s = () => a((c) => !c), l = ie(), u = ct();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ g(
+  const a = tt(j), s = () => a((c) => !c), l = ie(), p = dt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
     je,
     {
       square: !0,
@@ -1121,17 +1128,17 @@ function Ln({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: u ? 0 : l.zIndex.drawer + 1
+        zIndex: p ? 0 : l.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(jt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(E, { className: Bn.titleText, variant: "h6", children: e }),
+        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(F, { className: Ln.titleText, variant: "h6", children: e }),
         i
       ]
     }
   ) });
 }
-function bo({
+function Ao({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -1139,48 +1146,48 @@ function bo({
   pageContentDataTestId: a,
   topBarDataTestId: s,
   navBarDataTestId: l,
-  navBarMiddle: u,
+  navBarMiddle: p,
   navBarBottom: c,
-  user: p,
-  domainCode: w
+  user: d,
+  domainCode: x
 }) {
   ot([
     [j, n != null ? n : !0],
     [me, t != null ? t : ""]
   ]);
-  const b = Be(j), [S] = q(dt), [C] = q(pt), $ = Be(me), [A] = q(ut), [O] = q(Dn), [h] = q(ht);
-  return /* @__PURE__ */ g(k, { children: [
-    /* @__PURE__ */ o(Rt, {}),
+  const w = Be(j), [b] = U(pt), [m] = U(ut), D = Be(me), [k] = U(ht), [O] = U(kn), [g] = U(gt);
+  return /* @__PURE__ */ h(I, { children: [
+    /* @__PURE__ */ o(Wt, {}),
     /* @__PURE__ */ o(
-      Ln,
+      Mn,
       {
-        titleText: $,
+        titleText: D,
         "data-testid": s,
-        height: A,
+        height: k,
         middle: O
       }
     ),
-    /* @__PURE__ */ g(k, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ h(I, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Fn,
+        Nn,
         {
-          open: b,
-          top: h,
-          middle: u,
+          open: w,
+          top: g,
+          middle: p,
           bottom: c,
-          user: p,
-          domainCode: w,
-          widthOpen: S,
-          widthClosed: C,
-          offsetTop: A,
+          user: d,
+          domainCode: x,
+          widthOpen: b,
+          widthClosed: m,
+          offsetTop: k,
           "data-testid": l
         }
       ),
       /* @__PURE__ */ o(
-        Nn,
-        D(r({
+        Pn,
+        A(r({
           "data-testid": a,
-          topBarHeight: A
+          topBarHeight: k
         }, i), {
           children: e
         })
@@ -1188,13 +1195,13 @@ function bo({
     ] })
   ] });
 }
-const Mn = {
+const _n = {
   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
-}, _n = {
+}, Hn = {
   shouldClose: (e, t) => t !== "clickaway"
 }, ze = {
   message: "",
@@ -1202,108 +1209,108 @@ const Mn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ge = 100, Ue = 2e3, Hn = 2e3, Rn = (() => {
+}, Ge = 100, Ve = 2e3, Rn = 2e3, Wn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Wn = {
+})(), zn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, zn = {}, Gn = {}, ft = Xe(null);
+}, Gn = {}, Vn = {}, mt = Xe(null);
 function Un(s) {
   var l = s, {
-    overrideState: e = zn,
-    overrideActions: t = Gn,
-    shouldClose: n = _n.shouldClose,
+    overrideState: e = Gn,
+    overrideActions: t = Vn,
+    shouldClose: n = Hn.shouldClose,
     children: i
-  } = l, a = ye(l, [
+  } = l, a = Te(l, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var H;
-  const [{ open: u }, c] = y({ open: !1 }), p = de([]), w = de(Date.now()), b = de(0), S = ne((v) => {
+  var P;
+  const [{ open: p }, c] = E({ open: !1 }), d = de([]), x = de(Date.now()), w = de(0), b = ne((v) => {
     c({ open: v });
-  }, []), C = ne((v = {}) => {
-    b.current += 1, p.current.length >= Ge && Date.now() - w.current >= Ue && (w.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${b.current} times in last ${Ue}ms)`
-    ), b.current = 0);
-    const x = r(D(r({}, ze), {
-      key: Rn()
+  }, []), m = ne((v = {}) => {
+    w.current += 1, d.current.length >= Ge && Date.now() - x.current >= Ve && (x.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${w.current} times in last ${Ve}ms)`
+    ), w.current = 0);
+    const C = r(A(r({}, ze), {
+      key: Wn()
     }), v);
-    return p.current.push(x), p.current.length === 1 && c({ open: !0 }), x.key;
-  }, []), $ = (v = "", x = {}) => C(r({ message: v, severity: "success" }, x)), A = (v = "", x = {}) => C(r({ message: v, severity: "info" }, x)), O = (v = "", x = {}) => C(r({ message: v, severity: "warning" }, x)), h = (v = "", x = {}) => C(r({ message: v, severity: "error" }, x)), f = (v) => {
-    const x = p.current.findIndex((U) => U.key === v);
-    if (x !== -1)
-      return x === 0 ? (c({ open: !1 }), p.current[0]) : p.current.splice(x, 1);
-  }, _ = (v, x) => {
-    n(v, x) && c({ open: !1 });
-  }, F = () => {
-  }, B = () => {
-    p.current.shift(), p.current.length > 0 && c({ open: !0 });
-  }, d = (H = p.current[0]) != null ? H : r({}, ze), m = {};
-  "autoHideDuration" in d && (m.autoHideDuration = d.autoHideDuration);
-  const T = r(r({}, Mn), a), N = r(r({
-    open: u,
-    setOpen: S,
-    enqueueNotification: C,
-    enqueueSuccessNotification: $,
-    enqueueInfoNotification: A,
+    return d.current.push(C), d.current.length === 1 && c({ open: !0 }), C.key;
+  }, []), D = (v = "", C = {}) => m(r({ message: v, severity: "success" }, C)), k = (v = "", C = {}) => m(r({ message: v, severity: "info" }, C)), O = (v = "", C = {}) => m(r({ message: v, severity: "warning" }, C)), g = (v = "", C = {}) => m(r({ message: v, severity: "error" }, C)), S = (v) => {
+    const C = d.current.findIndex((M) => M.key === v);
+    if (C !== -1)
+      return C === 0 ? (c({ open: !1 }), d.current[0]) : d.current.splice(C, 1);
+  }, R = (v, C) => {
+    n(v, C) && c({ open: !1 });
+  }, N = () => {
+  }, L = () => {
+    d.current.shift(), d.current.length > 0 && c({ open: !0 });
+  }, $ = (P = d.current[0]) != null ? P : r({}, ze), u = {};
+  "autoHideDuration" in $ && (u.autoHideDuration = $.autoHideDuration);
+  const f = r(r({}, _n), a), y = r(r({
+    open: p,
+    setOpen: b,
+    enqueueNotification: m,
+    enqueueSuccessNotification: D,
+    enqueueInfoNotification: k,
     enqueueWarningNotification: O,
-    enqueueErrorNotification: h,
-    removeNotification: f
+    enqueueErrorNotification: g,
+    removeNotification: S
   }, e), t);
-  return /* @__PURE__ */ g(ft.Provider, { value: N, children: [
+  return /* @__PURE__ */ h(mt.Provider, { value: y, children: [
     i,
     /* @__PURE__ */ o(
-      Wt,
-      D(r(r({}, T), m), {
-        open: u,
-        onClose: _,
+      zt,
+      A(r(r({}, f), u), {
+        open: p,
+        onClose: R,
         TransitionProps: {
-          onExited: B,
-          onExit: F
+          onExited: L,
+          onExit: N
         },
-        sx: { zIndex: Hn },
-        children: /* @__PURE__ */ g("div", { children: [
+        sx: { zIndex: Rn },
+        children: /* @__PURE__ */ h("div", { children: [
           /* @__PURE__ */ o(
-            zt,
+            Gt,
             {
-              onClose: (v) => _(v, "closeAlert"),
-              severity: d.severity,
+              onClose: (v) => R(v, "closeAlert"),
+              severity: $.severity,
               variant: "filled",
-              icon: d.progressIndicator === "circular" ? /* @__PURE__ */ o(we, { size: "1em" }) : void 0,
-              style: d.progressIndicator === "linear" ? Wn : void 0,
-              children: d.message
+              icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(we, { size: "1em" }) : void 0,
+              style: $.progressIndicator === "linear" ? zn : void 0,
+              children: $.message
             }
           ),
-          d.progressIndicator === "linear" && /* @__PURE__ */ o(Gt, { color: "primary" })
+          $.progressIndicator === "linear" && /* @__PURE__ */ o(Vt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
 function qn() {
-  const e = Qe(ft);
+  const e = Qe(mt);
   if (e === null)
     throw new Ae("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Ao = K(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Un, D(r({}, e), { overrideState: t, overrideActions: n, children: i }))
-), Vn = tn(), So = ({
+const So = K(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Un, A(r({}, e), { overrideState: t, overrideActions: n, children: i }))
+), Xn = nn(), Do = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(nt, { store: t != null ? t : Vn, children: e }), mt = "domainCode";
-var Ve;
-const qe = P(
-  JSON.parse((Ve = localStorage.getItem(mt)) != null ? Ve : '{"domainCode": ""}').domainCode
-), Ct = P(
-  (e) => e(qe),
+}) => /* @__PURE__ */ o(nt, { store: t != null ? t : Xn, children: e }), Ct = "domainCode";
+var qe;
+const Ue = B(
+  JSON.parse((qe = localStorage.getItem(Ct)) != null ? qe : '{"domainCode": ""}').domainCode
+), vt = B(
+  (e) => e(Ue),
   (e, t, n) => {
-    t(qe, n), localStorage.setItem(mt, JSON.stringify({ domainCode: n }));
+    t(Ue, n), localStorage.setItem(Ct, JSON.stringify({ domainCode: n }));
   }
-), Xn = {
+), Qn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1315,10 +1322,10 @@ const qe = P(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Qn = (e) => {
+}, jn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Xn[e]) != null ? t : "";
-}, Do = ({
+  return e === null ? "N/A" : (t = Qn[e]) != null ? t : "";
+}, ko = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1326,31 +1333,31 @@ const qe = P(
   applicationName: a,
   handleLogout: s
 }) => {
-  const [l, u] = q(Ct), [c, p] = y(l), { enqueueSuccessNotification: w } = qn(), b = i.length === 0, S = !!l && !i.includes(l) && !i.includes(c), C = !l || b || S, $ = () => W(void 0, null, function* () {
-    c ? (u(c), w(`Set domain to ${c}`), n()) : u("");
-  }), A = () => W(void 0, null, function* () {
-    l && !b && !S ? (p(l), n()) : C && s();
+  const [l, p] = U(vt), [c, d] = E(l), { enqueueSuccessNotification: x } = qn(), w = i.length === 0, b = !!l && !i.includes(l) && !i.includes(c), m = !l || w || b, D = () => z(void 0, null, function* () {
+    c ? (p(c), x(`Set domain to ${c}`), n()) : p("");
+  }), k = () => z(void 0, null, function* () {
+    l && !w && !b ? (d(l), n()) : m && s();
   });
   let O;
-  return b ? O = "Unable to retrieve your active organisations. Try logging in again." : S && (O = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ g(
-    un,
+  return w ? O = "Unable to retrieve your active organisations. Try logging in again." : b && (O = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ h(
+    hn,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: $,
-        disabled: !c || b || S,
+        onClick: D,
+        disabled: !c || w || b,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: C ? "Logout" : "Cancel",
-        onClick: A
+        text: m ? "Logout" : "Cancel",
+        onClick: k
       },
-      onClose: C ? () => {
+      onClose: m ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ g(E, { marginBottom: 2, children: [
+        /* @__PURE__ */ h(F, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
@@ -1362,18 +1369,18 @@ const qe = P(
             multiple: !1,
             disableClearable: !1,
             value: c !== "" ? c : null,
-            onChange: (h, f) => p(f != null ? f : ""),
-            getOptionLabel: Qn,
+            onChange: (g, S) => d(S != null ? S : ""),
+            getOptionLabel: jn,
             options: [...i],
-            renderInput: (h) => /* @__PURE__ */ o(
+            renderInput: (g) => /* @__PURE__ */ o(
               xe,
-              D(r({}, h), {
+              A(r({}, g), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: D(r({}, h.InputProps), {
-                  endAdornment: /* @__PURE__ */ g(L, { children: [
+                InputProps: A(r({}, g.InputProps), {
+                  endAdornment: /* @__PURE__ */ h(_, { children: [
                     e ? /* @__PURE__ */ o(we, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    h.InputProps.endAdornment
+                    g.InputProps.endAdornment
                   ] })
                 })
               })
@@ -1384,7 +1391,7 @@ const qe = P(
       ]
     }
   );
-}, ko = Je({
+}, Io = Je({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1435,7 +1442,7 @@ const qe = P(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), $o = Je({
+}), Oo = Je({
   palette: {
     primary: {
       main: "#007236",
@@ -1526,24 +1533,24 @@ const qe = P(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), jn = {
-  domainCode: Ct,
+}), Kn = {
+  domainCode: vt,
   navBarOpen: j,
-  navBarWidthOpen: dt,
-  navBarWidthClosed: pt,
+  navBarWidthOpen: pt,
+  navBarWidthClosed: ut,
   titleText: me,
-  topBarHeight: ut,
-  navBarTop: ht
-}, Oo = K(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Kn = ({
+  topBarHeight: ht,
+  navBarTop: gt
+}, $o = K(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Jn = ({
   initialValues: e,
   children: t
-}) => (ot(e), /* @__PURE__ */ o(L, { children: t })), Io = K(
+}) => (ot(e), /* @__PURE__ */ o(_, { children: t })), To = K(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    Kn,
+    Jn,
     {
       initialValues: Object.entries(e).map(
         ([n, i]) => [
-          jn[n],
+          Kn[n],
           i
         ]
       ),
@@ -1551,47 +1558,48 @@ const qe = P(
     }
   )
 ), yo = K(() => ({ children: e }) => {
-  const t = new Zt();
-  return /* @__PURE__ */ o(en, { client: t, children: e });
+  const t = new en();
+  return /* @__PURE__ */ o(tn, { client: t, children: e });
 });
 export {
-  un as AgDialog,
-  bo as AppLayout,
-  So as AtomProvider,
-  ft as Context,
+  hn as AgDialog,
+  Ao as AppLayout,
+  Do as AtomProvider,
+  mt as Context,
   Ae as ContextError,
-  Do as DomainCodeDialog,
-  ho as ExampleComponent,
-  vo as FetchAutocomplete,
-  Kn as HydrateAtoms,
+  ko as DomainCodeDialog,
+  go as ExampleComponent,
+  xo as FetchAutocomplete,
+  Jn as HydrateAtoms,
   rt as NAVBAR_WIDTH_CLOSED,
   it as NAVBAR_WIDTH_OPENED,
-  Co as NavBar,
-  fo as NavBarDarkStyledList,
-  mo as NavBarLightStyledList,
-  cn as NavBarProvider,
-  wo as PageLayout,
+  vo as NavBar,
+  mo as NavBarDarkStyledList,
+  Co as NavBarLightStyledList,
+  dn as NavBarProvider,
+  bo as PageLayout,
   Un as SaladBarProvider,
-  xo as SingleAutocomplete,
-  Vn as atomStore,
-  pn as buildNavBarState,
-  Ct as domainCodeAtom,
-  ko as fed21Theme,
-  $o as internalAgSystemsTheme,
-  V as navBarClasses,
+  wo as SingleAutocomplete,
+  Xn as atomStore,
+  un as buildNavBarState,
+  vt as domainCodeAtom,
+  Io as fed21Theme,
+  Oo as internalAgSystemsTheme,
+  q as navBarClasses,
   j as navBarOpenAtom,
-  ht as navBarTopAtom,
-  pt as navBarWidthClosedAtom,
-  dt as navBarWidthOpenAtom,
+  gt as navBarTopAtom,
+  ut as navBarWidthClosedAtom,
+  pt as navBarWidthOpenAtom,
   me as titleTextAtom,
-  ut as topBarHeightAtom,
-  Dn as topBarMiddleAtom,
-  dn as useNavBar,
+  ht as topBarHeightAtom,
+  kn as topBarMiddleAtom,
+  lt as useAutocompleteOptions,
+  pn as useNavBar,
   qn as useSaladBar,
-  Oo as withAtomProvider,
-  go as withNavBarProvider,
-  Io as withOverrideDefaults,
+  $o as withAtomProvider,
+  fo as withNavBarProvider,
+  To as withOverrideDefaults,
   yo as withQueryClient,
-  Ao as withSaladBarProvider
+  So as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map