@australiangreens/ag-internal-components 0.0.64 → 0.0.65

package/dist/esm/index.js

@@ -1,15 +1,15 @@
-var kt = Object.defineProperty, It = Object.defineProperties;
-var $t = Object.getOwnPropertyDescriptors;
+var $t = Object.defineProperty, kt = Object.defineProperties;
+var It = Object.getOwnPropertyDescriptors;
 var ee = Object.getOwnPropertySymbols;
 var ye = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var ge = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var ge = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
     ye.call(t, n) && ge(e, n, t[n]);
   if (ee)
     for (var n of ee(t))
       Be.call(t, n) && ge(e, n, t[n]);
   return e;
-}, A = (e, t) => It(e, $t(t));
+}, A = (e, t) => kt(e, It(t));
 var Fe = (e, t) => {
   var n = {};
   for (var r in e)
@@ -19,28 +19,28 @@ var Fe = (e, t) => {
       t.indexOf(r) < 0 && Be.call(e, r) && (n[r] = e[r]);
   return n;
 };
-var Ne = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Pe = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
 var z = (e, t, n) => new Promise((r, s) => {
   var c = (p) => {
     try {
-      g(n.next(p));
+      h(n.next(p));
     } catch (u) {
       s(u);
     }
   }, d = (p) => {
     try {
-      g(n.throw(p));
+      h(n.throw(p));
     } catch (u) {
       s(u);
     }
-  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(c, d);
-  g((n = n.apply(e, t)).next());
+  }, h = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(c, d);
+  h((n = n.apply(e, t)).next());
 });
-import { jsxs as f, Fragment as F, jsx as o } from "react/jsx-runtime";
-import { useState as k, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Tt, createElement as xe, useRef as fe } from "react";
-import { Typography as T, Button as Et, Paper as Ze, Box as D, Drawer as be, Autocomplete as Ae, TextField as Se, CircularProgress as De, Chip as yt, Tooltip as Bt, Stack as Ft, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Nt, Collapse as Pt, Avatar as Pe, Fade as Lt, Skeleton as Le, Toolbar as Mt, Divider as Me, CssBaseline as _t, Snackbar as Ht, Alert as Rt, LinearProgress as Wt, FormHelperText as zt } from "@mui/material";
+import { jsxs as f, Fragment as P, jsx as o } from "react/jsx-runtime";
+import { useState as $, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Et, createElement as xe, useRef as fe } from "react";
+import { Typography as E, Button as Tt, Paper as Ze, Box as D, Drawer as be, Autocomplete as Ae, TextField as Se, CircularProgress as De, Chip as yt, Tooltip as Bt, Stack as Ft, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Pt, Collapse as Nt, Avatar as Ne, Fade as Lt, Skeleton as Le, Toolbar as Mt, Divider as Me, CssBaseline as _t, Snackbar as Ht, Alert as Rt, LinearProgress as Wt, FormHelperText as zt } from "@mui/material";
 import Gt from "@mui/material/CssBaseline";
-import { styled as P, createTheme as tt, alpha as me } from "@mui/material/styles";
+import { styled as N, createTheme as tt, alpha as me } from "@mui/material/styles";
 import { AgError as Ut } from "@australiangreens/ag-error";
 import { createHelper as se } from "souvlaki";
 import nt from "@mui/material/List";
@@ -55,12 +55,12 @@ import Zt from "autosuggest-highlight/match";
 import { atom as L, useSetAtom as it, useAtomValue as He, useAtom as X, getDefaultStore as en, Provider as at } from "jotai";
 import { useHydrateAtoms as st } from "jotai/utils";
 function fo({ text: e }) {
-  const [t, n] = k(0);
-  return /* @__PURE__ */ f(F, { 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" }) }),
+  const [t, n] = $(0);
+  return /* @__PURE__ */ f(P, { children: [
+    /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(E, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      Et,
+      Tt,
       {
         variant: "outlined",
         onClick: () => n((r) => r + 1),
@@ -86,7 +86,7 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   userInfoHolder: `${G}-userInfoHolder`,
   settings: `${G}-settings`,
   pieChartIcon: `${G}-pieChartIcon`
-}, tn = P(D, {
+}, tn = N(D, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${V.root}`]: {
@@ -119,7 +119,7 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   width: lt
 }, dt()), on = () => i({
   width: ct
-}, dt()), rn = P(be, {
+}, dt()), rn = N(be, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
   width: t ? lt : ct,
@@ -132,34 +132,34 @@ const lt = 330, ct = 73, G = "Navbar", V = {
 }), !t && {
   "& .MuiDrawer-paper": on()
 }));
-class ke extends Ut {
+class $e extends Ut {
 }
-Ne(ke, "errorName", "ContextError");
+Pe($e, "errorName", "ContextError");
 const pt = Je(null), an = {}, sn = {}, ln = ({
   overrideState: e = an,
   overrideActions: t = sn,
   children: n
 }) => {
-  const [{ open: r }, s] = k({ open: !0 }), c = oe((p) => {
+  const [{ open: r }, s] = $({ open: !0 }), c = oe((p) => {
     s({ open: p });
   }, []), d = oe(() => {
     s((p) => A(i({}, p), { open: !p.open }));
-  }, []), g = i(i({
+  }, []), h = i(i({
     open: r,
     setOpen: c,
     toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(pt.Provider, { value: g, children: n });
+  return /* @__PURE__ */ o(pt.Provider, { value: h, children: n });
 }, cn = () => {
   const e = Ye(pt);
   if (e === null)
-    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new $e("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
 }, dn = (e = {}) => i({
   open: !0
 }, e), mo = se(
   (e = dn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(ln, { overrideState: e, overrideActions: t, children: n })
-), Re = 7, Co = P(nt)(({ theme: e }) => ({
+), Re = 7, Co = N(nt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -197,7 +197,7 @@ const pt = Je(null), an = {}, sn = {}, ln = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), We = 7, vo = P(nt)(({ theme: e }) => ({
+})), We = 7, vo = N(nt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -265,13 +265,13 @@ const pn = ({
   onClose: d
 }) => {
   var u, w;
-  const [g, p] = k(!1);
+  const [h, p] = $(!1);
   return /* @__PURE__ */ f(
     Vt,
     {
       open: e,
       onClose: () => {
-        g || d();
+        h || d();
       },
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
@@ -284,7 +284,7 @@ const pn = ({
             {
               onClick: (u = c == null ? void 0 : c.onClick) != null ? u : d,
               "data-testid": c == null ? void 0 : c.testId,
-              disabled: (c == null ? void 0 : c.disabled) || g,
+              disabled: (c == null ? void 0 : c.disabled) || h,
               color: c == null ? void 0 : c.buttonColor,
               children: (w = c == null ? void 0 : c.text) != null ? w : "Cancel"
             }
@@ -297,7 +297,7 @@ const pn = ({
                 p(!0), yield (b = s.onClick) == null ? void 0 : b.call(s), p(!1);
               }),
               "data-testid": s.testId,
-              disabled: s.disabled || g,
+              disabled: s.disabled || h,
               color: s == null ? void 0 : s.buttonColor,
               children: s.text
             }
@@ -316,7 +316,7 @@ function wo({
   label: s,
   value: c,
   "data-testid": d,
-  sx: g,
+  sx: h,
   textFieldColor: p,
   textFieldVariant: u = "filled",
   loadingText: w = "Loading...",
@@ -327,7 +327,7 @@ function wo({
   preLoadedOptions: C = void 0,
   disablePortal: m = !1
 }) {
-  const [h, E] = k(""), [M, y] = k(C || []), [B, I] = k(!1), [_, N] = k(!1), H = (a, l) => {
+  const [g, T] = $(""), [M, y] = $(C || []), [B, k] = $(!1), [_, F] = $(!1), H = (a, l) => {
     const x = c.filter((q) => q.id !== l);
     n(x, "delete", a);
   };
@@ -336,8 +336,8 @@ function wo({
     const l = () => z(this, null, function* () {
       a = new AbortController();
       try {
-        const x = yield e(h, a.signal);
-        y(x != null ? x : []), N(!1);
+        const x = yield e(g, a.signal);
+        y(x != null ? x : []), F(!1);
       } catch (x) {
         if (x instanceof Error && x.name === "AbortError")
           console.debug("Previous lookup request was cancelled");
@@ -345,21 +345,21 @@ function wo({
           throw x;
       }
     });
-    if (h !== "")
-      return (!r || h.length >= r) && !C ? (N(!0), l()) : N(!1), function() {
+    if (g !== "")
+      return (!r || g.length >= r) && !C ? (F(!0), l()) : F(!1), function() {
         a && a.abort();
       };
-  }, [h, e, r, C]), re(() => {
+  }, [g, e, r, C]), re(() => {
     !B && !C && y([]), !B && C && y(C);
   }, [B, C]);
-  const R = Tt(() => C ? (a, l) => a.filter(
+  const R = Et(() => C ? (a, l) => a.filter(
     (x) => x.label.toLowerCase().includes(l.inputValue.toLowerCase())
   ) : (a) => a, [C]);
   return /* @__PURE__ */ f("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
       Ae,
       {
-        sx: g,
+        sx: h,
         "data-testid": d ? `${d}:Autocomplete` : void 0,
         disablePortal: m,
         multiple: !0,
@@ -370,12 +370,12 @@ function wo({
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: c,
-        onOpen: () => I(!0),
-        onClose: () => I(!1),
+        onOpen: () => k(!0),
+        onClose: () => k(!1),
         onChange: (a, l, x) => {
           n(l, x, a);
         },
-        onInputChange: (a, l) => E(l),
+        onInputChange: (a, l) => T(l),
         noOptionsText: b,
         loadingText: w,
         popupIcon: S,
@@ -388,12 +388,12 @@ function wo({
             error: v,
             helperText: O,
             InputProps: A(i({}, a.InputProps), {
-              endAdornment: /* @__PURE__ */ f(F, { children: [
+              endAdornment: /* @__PURE__ */ f(P, { children: [
                 _ ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
                 a.InputProps.endAdornment
               ] })
             }),
-            "data-testid": d ? `${d}:TextField` : void 0,
+            "data-testid": d ? `${d}:Autocomplete:TextField` : void 0,
             onKeyDown: (l) => {
               (l.key === "Backspace" || l.key === "Delete") && l.stopPropagation();
             },
@@ -412,7 +412,7 @@ function wo({
               "li",
               A(i({}, a), {
                 key: l.id,
-                "data-testid": d ? `${d}:Autocomplete:renderOption(${l.id.toString()})` : void 0
+                "data-testid": d ? `${d}:Autocomplete:option(${l.id.toString()})` : void 0
               }),
               /* @__PURE__ */ o("div", { children: le.map((J, ce) => /* @__PURE__ */ o(
                 "span",
@@ -430,7 +430,7 @@ function wo({
               "li",
               A(i({}, a), {
                 key: l.id,
-                "data-testid": d ? `${d}:renderOption(${l.id.toString()})` : void 0
+                "data-testid": d ? `${d}:option(${l.id.toString()})` : void 0
               }),
               l.label
             );
@@ -460,7 +460,7 @@ function wo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(T, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
+            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
           }
         ),
         "data-testid": d ? `${d}:Chip(${a.id.toString()})` : void 0,
@@ -484,33 +484,33 @@ const bo = ({
   sx: s,
   textFieldColor: c,
   textFieldVariant: d = "filled",
-  dataTestidPrefix: g = "",
+  "data-testid": h,
   minLength: p = 3,
   disablePortal: u = !1
 }) => {
-  const [w, b] = k([]), [S, v] = k(!1);
+  const [w, b] = $([]), [S, v] = $(!1);
   let O;
   const C = (m) => z(void 0, null, function* () {
     O = new AbortController();
     try {
-      const h = yield e(m, O.signal);
-      b(h != null ? h : []), v(!1);
-    } catch (h) {
-      if (h instanceof Error && h.name === "AbortError")
+      const g = yield e(m, O.signal);
+      b(g != null ? g : []), v(!1);
+    } catch (g) {
+      if (g instanceof Error && g.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
       else
-        throw h;
+        throw g;
     }
   });
-  return /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(Ft, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { "data-testid": h, children: /* @__PURE__ */ o(Ft, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Ae,
     {
       sx: s,
-      "data-testid": g ? g + "Autocomplete" : void 0,
+      "data-testid": h ? `${h}:Autocomplete` : void 0,
       loading: S,
       options: w,
-      onChange: (m, h) => {
-        t(m, h);
+      onChange: (m, g) => {
+        t(m, g);
       },
       disablePortal: u,
       filterOptions: (m) => m,
@@ -519,28 +519,28 @@ const bo = ({
       renderInput: (m) => /* @__PURE__ */ o(
         Se,
         A(i({
-          "data-testid": g ? g + "TextField" : void 0
+          "data-testid": h ? `${h}:Autocomplete:TextField` : void 0
         }, m), {
           variant: d,
           label: n,
           color: c
         })
       ),
-      isOptionEqualToValue: (m, h) => m.id === h.id,
-      onInputChange: (m, h) => {
-        (h == null ? void 0 : h.length) >= p && (v(!0), C(h));
+      isOptionEqualToValue: (m, g) => m.id === g.id,
+      onInputChange: (m, g) => {
+        (g == null ? void 0 : g.length) >= p && (v(!0), C(g));
       },
-      renderOption: (m, h) => /* @__PURE__ */ xe(
+      renderOption: (m, g) => /* @__PURE__ */ xe(
         "li",
         A(i({}, m), {
-          key: h.id,
-          "data-testid": g ? g + "li" + h.id.toString() : void 0
+          key: g.id,
+          "data-testid": h ? `${h}:Autocomplete:option(${g.id.toString()})` : void 0
         }),
-        h.label
+        g.label
       )
     }
   ) }) });
-}, un = 24, hn = 64, U = "TopBar", $ = {
+}, un = 24, hn = 64, U = "TopBar", I = {
   topStripe: `${U}-topStripe`,
   titleBar: `${U}-titleBar`,
   titleSlider: `${U}-titleSlider`,
@@ -554,18 +554,18 @@ const bo = ({
   var r, s;
   return {
     width: "100%",
-    [`& .${$.topStripe}`]: {
+    [`& .${I.topStripe}`]: {
       width: "100%",
       height: `${un}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${$.titleBar}`]: {
+    [`& .${I.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${hn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${$.titleSlider}`]: i(i({
+    [`& .${I.titleSlider}`]: i(i({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -574,14 +574,14 @@ const bo = ({
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${$.leftPanelButton}`]: {
+      [`& .${I.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${$.titleText}`]: {
+      [`& .${I.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${$.rightPanelButton}`]: {
+      [`& .${I.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -606,12 +606,12 @@ function fn({
   "data-testid": r
 }) {
   return /* @__PURE__ */ f(gn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
-    /* @__PURE__ */ o("div", { className: $.topStripe }),
-    /* @__PURE__ */ o("div", { className: $.titleBar, children: /* @__PURE__ */ f(D, { className: $.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: I.topStripe }),
+    /* @__PURE__ */ o("div", { className: I.titleBar, children: /* @__PURE__ */ f(D, { className: I.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
         Q,
         {
-          className: $.leftPanelButton,
+          className: I.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -623,11 +623,11 @@ function fn({
           ]
         }
       ),
-      /* @__PURE__ */ o(T, { className: $.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(E, { className: I.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ f(
         Q,
         {
-          className: $.rightPanelButton,
+          className: I.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -701,7 +701,7 @@ function ze({
   titleText: s = "",
   width: c = ut,
   showCloseArrow: d = !0,
-  debugOpacity: g = !1,
+  debugOpacity: h = !1,
   headerBoxProps: p = {},
   onOpened: u,
   onClosed: w,
@@ -721,31 +721,31 @@ function ze({
       anchor: t,
       open: n,
       width: c,
-      debugOpacity: g,
+      debugOpacity: h,
       "data-testid": b,
       navBarOpen: S,
       navBarWidthOpen: v,
       navBarWidthClosed: O,
       children: [
-        /* @__PURE__ */ o(Cn, A(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(F, { children: [
-          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: s }),
+        /* @__PURE__ */ o(Cn, A(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(P, { children: [
+          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s }),
           d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(rt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ f(F, { children: [
+        ] }) : /* @__PURE__ */ f(P, { children: [
           d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ot, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: s })
+          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s })
         ] }) })),
         e
       ]
     }
   );
 }
-const vn = P(D, {
+const vn = N(D, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -768,7 +768,7 @@ const vn = P(D, {
     }),
     marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
   });
-}), xn = P(et, {
+}), xn = N(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -783,7 +783,7 @@ const vn = P(D, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(F, {}),
+  content: /* @__PURE__ */ o(P, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
@@ -796,16 +796,16 @@ function Ao({
   sidePanelsAreMutuallyExclusive: s = !0,
   debugOpacity: c = !1,
   pageContainerProps: d,
-  pageContentDataTestId: g,
+  pageContentDataTestId: h,
   topBarDataTestId: p,
   navBarOpen: u,
   navBarWidthOpen: w,
   navBarWidthClosed: b
 }) {
-  const [S, v] = k(Ce), [O, C] = k(ve), [m, h] = k(Ce), [E, M] = k(ve), y = n !== void 0, B = r !== void 0, {
-    titleText: I,
+  const [S, v] = $(Ce), [O, C] = $(ve), [m, g] = $(Ce), [T, M] = $(ve), y = n !== void 0, B = r !== void 0, {
+    titleText: k,
     content: _,
-    flavour: N,
+    flavour: F,
     open: H,
     onChangeOpen: R,
     width: a,
@@ -817,9 +817,9 @@ function Ao({
   } = n ? i(i({}, te), n) : i({}, te), {
     titleText: ce,
     content: At,
-    flavour: Ie,
+    flavour: ke,
     open: de,
-    onChangeOpen: $e,
+    onChangeOpen: Ie,
     width: pe,
     arrowButtons: Y,
     startOpen: Z,
@@ -828,14 +828,14 @@ function Ao({
     dataTestId: Ot
   } = r ? i(i({}, te), r) : i({}, te);
   re(() => {
-    x !== Ce && (v(x), h(x));
+    x !== Ce && (v(x), g(x));
   }, [x]), re(() => {
     Z !== ve && (C(Z), M(Z));
   }, [Z]);
-  const ue = H === void 0 ? S : H, he = de === void 0 ? O : de, Te = (W) => {
-    H === void 0 && (v(W), s && B && (W ? (C(!1), M(O)) : C(E))), R && R(W);
-  }, Ee = (W) => {
-    de === void 0 && (C(W), s && y && (W ? (v(!1), h(S)) : v(m))), $e && $e(W);
+  const ue = H === void 0 ? S : H, he = de === void 0 ? O : de, Ee = (W) => {
+    H === void 0 && (v(W), s && B && (W ? (C(!1), M(O)) : C(T))), R && R(W);
+  }, Te = (W) => {
+    de === void 0 && (C(W), s && y && (W ? (v(!1), g(S)) : v(m))), Ie && Ie(W);
   };
   return /* @__PURE__ */ f(D, { children: [
     y && /* @__PURE__ */ o(
@@ -844,9 +844,9 @@ function Ao({
         "data-testid": J,
         anchor: "left",
         open: ue,
-        onClose: () => Te(!1),
+        onClose: () => Ee(!1),
         width: a,
-        titleText: I,
+        titleText: k,
         debugOpacity: c,
         showCloseArrow: l === "both" || l === "close",
         onOpened: q,
@@ -863,7 +863,7 @@ function Ao({
         "data-testid": Ot,
         anchor: "right",
         open: he,
-        onClose: () => Ee(!1),
+        onClose: () => Te(!1),
         width: pe,
         titleText: ce,
         debugOpacity: c,
@@ -881,43 +881,43 @@ function Ao({
       i(i({
         titleText: t,
         "data-testid": p
-      }, y && N === "push" ? {
+      }, y && F === "push" ? {
         leftPanel: {
           open: ue,
           width: a,
-          onOpen: () => Te(!0),
+          onOpen: () => Ee(!0),
           showOpenArrow: l === "both" || l === "open"
         }
-      } : {}), B && Ie === "push" ? {
+      } : {}), B && ke === "push" ? {
         rightPanel: {
           open: he,
           width: pe,
-          onOpen: () => Ee(!0),
+          onOpen: () => Te(!0),
           showOpenArrow: Y === "both" || Y === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
       vn,
-      A(i(i({}, N === "push" ? {
+      A(i(i({}, F === "push" ? {
         leftPanel: {
           open: ue,
           width: a
         }
-      } : {}), Ie === "push" ? {
+      } : {}), ke === "push" ? {
         rightPanel: {
           open: he,
           width: pe
         }
       } : {}), {
-        children: /* @__PURE__ */ o(xn, A(i({ "data-testid": g }, d), { children: e }))
+        children: /* @__PURE__ */ o(xn, A(i({ "data-testid": h }, d), { children: e }))
       })
     )
   ] });
 }
 const ht = () => {
   const e = ae();
-  return Nt(e.breakpoints.down("sm"));
+  return Pt(e.breakpoints.down("sm"));
 }, wn = 64, bn = 64, An = 256, K = L(!0), gt = L(An), ft = L(bn), we = L(""), mt = L(wn), Ct = L(void 0);
 function Sn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
@@ -930,7 +930,7 @@ const ne = "Navbar", j = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Dn = P(D, { name: "NavBar" })(({ theme: e }) => ({
+}, Dn = N(D, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${j.root}`]: {
     display: "flex"
   },
@@ -955,7 +955,7 @@ const ne = "Navbar", j = {
 }), On = (e) => {
   const t = ae();
   return /* @__PURE__ */ o(
-    Pt,
+    Nt,
     i({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -978,7 +978,7 @@ const ne = "Navbar", j = {
 }, vt(e)), Ue = (e, t) => i({
   width: t,
   transition: ie(e, "width", "leaving")
-}, vt(e)), kn = P(be, {
+}, vt(e)), $n = N(be, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: s }) => i(i({
   flexShrink: 0,
@@ -993,7 +993,7 @@ const ne = "Navbar", j = {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, s ? n : r)
 })));
-function In(e) {
+function kn(e) {
   let t = 0;
   for (let n = 0, r = e.length; n < r; n++) {
     const s = e.charCodeAt(n);
@@ -1001,8 +1001,8 @@ function In(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 Tn({ 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__ */ f(
     D,
@@ -1024,28 +1024,28 @@ function Tn({ user: e, domainCode: t, open: n }) {
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Pe,
+              Ne,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ve[Math.abs(In(e.name)) % Ve.length]
+                  bgcolor: Ve[Math.abs(kn(e.name)) % Ve.length]
                 },
-                children: $n(e.name)
+                children: In(e.name)
               }
-            ) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Ne, { sx: { width: "100%", height: "100%" } })
           }
         ),
         /* @__PURE__ */ o(On, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Lt, { 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(Le, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Le, { animation: !1, width: "25%" })
+          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Le, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Le, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function En({
+function Tn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -1053,12 +1053,12 @@ function En({
   top: s,
   middle: c,
   bottom: d,
-  user: g,
+  user: h,
   domainCode: p
 }) {
   const u = ht(), w = it(K);
   return /* @__PURE__ */ o(Dn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
-    kn,
+    $n,
     {
       open: e,
       widthOpen: n,
@@ -1081,8 +1081,8 @@ function En({
         /* @__PURE__ */ o(D, { flexGrow: "1", children: Array.isArray(c) ? /* @__PURE__ */ o(Sn, { links: c }) : c }),
         /* @__PURE__ */ f(D, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Me, { variant: "middle" }),
-          /* @__PURE__ */ o(Tn, { user: g, domainCode: p, open: e }),
-          d && /* @__PURE__ */ o(F, { children: d })
+          /* @__PURE__ */ o(En, { user: h, domainCode: p, open: e }),
+          d && /* @__PURE__ */ o(P, { children: d })
         ] })
       ]
     }
@@ -1119,8 +1119,8 @@ function yn({
 const Bn = "TopBar", Fn = {
   titleText: `${Bn}-titleText`
 };
-function Nn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = it(K), s = () => r((g) => !g), c = ae(), d = ht();
+function Pn({ titleText: e = "", height: t, "data-testid": n }) {
+  const r = it(K), s = () => r((h) => !h), c = ae(), d = ht();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
     Ze,
     {
@@ -1140,7 +1140,7 @@ function Nn({ titleText: e = "", height: t, "data-testid": n }) {
       },
       children: [
         /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Jt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(T, { className: Fn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(E, { className: Fn.titleText, variant: "h6", children: e })
       ]
     }
   ) });
@@ -1153,7 +1153,7 @@ function So({
   pageContentDataTestId: s,
   topBarDataTestId: c,
   navBarDataTestId: d,
-  navBarMiddle: g,
+  navBarMiddle: h,
   navBarBottom: p,
   user: u,
   domainCode: w
@@ -1165,14 +1165,14 @@ function So({
   const b = He(K), [S] = X(gt), [v] = X(ft), O = He(we), [C] = X(mt), [m] = X(Ct);
   return /* @__PURE__ */ f(D, { children: [
     /* @__PURE__ */ o(_t, {}),
-    /* @__PURE__ */ o(Nn, { titleText: O, "data-testid": c, height: C }),
+    /* @__PURE__ */ o(Pn, { titleText: O, "data-testid": c, height: C }),
     /* @__PURE__ */ f(D, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        En,
+        Tn,
         {
           open: b,
           top: m,
-          middle: g,
+          middle: h,
           bottom: p,
           user: u,
           domainCode: w,
@@ -1194,7 +1194,7 @@ function So({
     ] })
   ] });
 }
-const Pn = {
+const Nn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
@@ -1228,7 +1228,7 @@ function zn(c) {
     "children"
   ]);
   var R;
-  const [{ open: g }, p] = k({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), S = oe((a) => {
+  const [{ open: h }, p] = $({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), S = oe((a) => {
     p({ open: a });
   }, []), v = oe((a = {}) => {
     b.current += 1, u.current.length >= Xe && Date.now() - w.current >= je && (w.current = Date.now(), console.error(
@@ -1238,7 +1238,7 @@ function zn(c) {
       key: _n()
     }), a);
     return u.current.push(l), u.current.length === 1 && p({ open: !0 }), l.key;
-  }, []), O = (a = "", l = {}) => v(i({ message: a, severity: "success" }, l)), C = (a = "", l = {}) => v(i({ message: a, severity: "info" }, l)), m = (a = "", l = {}) => v(i({ message: a, severity: "warning" }, l)), h = (a = "", l = {}) => v(i({ message: a, severity: "error" }, l)), E = (a) => {
+  }, []), O = (a = "", l = {}) => v(i({ message: a, severity: "success" }, l)), C = (a = "", l = {}) => v(i({ message: a, severity: "info" }, l)), m = (a = "", l = {}) => v(i({ message: a, severity: "warning" }, l)), g = (a = "", l = {}) => v(i({ message: a, severity: "error" }, l)), T = (a) => {
     const l = u.current.findIndex((x) => x.key === a);
     if (l !== -1)
       return l === 0 ? (p({ open: !1 }), u.current[0]) : u.current.splice(l, 1);
@@ -1247,24 +1247,24 @@ function zn(c) {
   }, y = () => {
   }, B = () => {
     u.current.shift(), u.current.length > 0 && p({ open: !0 });
-  }, I = (R = u.current[0]) != null ? R : i({}, qe), _ = {};
-  "autoHideDuration" in I && (_.autoHideDuration = I.autoHideDuration);
-  const N = i(i({}, Pn), s), H = i(i({
-    open: g,
+  }, k = (R = u.current[0]) != null ? R : i({}, qe), _ = {};
+  "autoHideDuration" in k && (_.autoHideDuration = k.autoHideDuration);
+  const F = i(i({}, Nn), s), H = i(i({
+    open: h,
     setOpen: S,
     enqueueNotification: v,
     enqueueSuccessNotification: O,
     enqueueInfoNotification: C,
     enqueueWarningNotification: m,
-    enqueueErrorNotification: h,
-    removeNotification: E
+    enqueueErrorNotification: g,
+    removeNotification: T
   }, e), t);
   return /* @__PURE__ */ f(xt.Provider, { value: H, children: [
     r,
     /* @__PURE__ */ o(
       Ht,
-      A(i(i({}, N), _), {
-        open: g,
+      A(i(i({}, F), _), {
+        open: h,
         onClose: M,
         TransitionProps: {
           onExited: B,
@@ -1276,14 +1276,14 @@ function zn(c) {
             Rt,
             {
               onClose: (a) => M(a, "closeAlert"),
-              severity: I.severity,
+              severity: k.severity,
               variant: "filled",
-              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
-              style: I.progressIndicator === "linear" ? Hn : void 0,
-              children: I.message
+              icon: k.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              style: k.progressIndicator === "linear" ? Hn : void 0,
+              children: k.message
             }
           ),
-          I.progressIndicator === "linear" && /* @__PURE__ */ o(Wt, { color: "primary" })
+          k.progressIndicator === "linear" && /* @__PURE__ */ o(Wt, { color: "primary" })
         ] })
       })
     )
@@ -1292,7 +1292,7 @@ function zn(c) {
 function Gn() {
   const e = Ye(xt);
   if (e === null)
-    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new $e("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const Do = se(
@@ -1324,7 +1324,7 @@ const Qe = L(
 }, qn = (e) => {
   var t;
   return e === null ? "N/A" : (t = Vn[e]) != null ? t : "";
-}, ko = ({
+}, $o = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1332,8 +1332,8 @@ const Qe = L(
   applicationName: s,
   handleLogout: c
 }) => {
-  const [d, g] = X(bt), [p, u] = k(d), { enqueueSuccessNotification: w } = Gn(), b = r.length === 0, S = !!d && !r.includes(d) && !r.includes(p), v = !d || b || S, O = () => z(void 0, null, function* () {
-    p ? (g(p), w(`Set domain to ${p}`), n()) : g("");
+  const [d, h] = X(bt), [p, u] = $(d), { enqueueSuccessNotification: w } = Gn(), b = r.length === 0, S = !!d && !r.includes(d) && !r.includes(p), v = !d || b || S, O = () => z(void 0, null, function* () {
+    p ? (h(p), w(`Set domain to ${p}`), n()) : h("");
   }), C = () => z(void 0, null, function* () {
     d && !b && !S ? (u(d), n()) : v && c();
   });
@@ -1356,7 +1356,7 @@ const Qe = L(
       onClose: v ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ f(T, { marginBottom: 2, children: [
+        /* @__PURE__ */ f(E, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
@@ -1368,18 +1368,18 @@ const Qe = L(
             multiple: !1,
             disableClearable: !1,
             value: p !== "" ? p : null,
-            onChange: (h, E) => u(E != null ? E : ""),
+            onChange: (g, T) => u(T != null ? T : ""),
             getOptionLabel: qn,
             options: [...r],
-            renderInput: (h) => /* @__PURE__ */ o(
+            renderInput: (g) => /* @__PURE__ */ o(
               Se,
-              A(i({}, h), {
+              A(i({}, g), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: A(i({}, h.InputProps), {
-                  endAdornment: /* @__PURE__ */ f(F, { children: [
+                InputProps: A(i({}, g.InputProps), {
+                  endAdornment: /* @__PURE__ */ f(P, { children: [
                     e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    h.InputProps.endAdornment
+                    g.InputProps.endAdornment
                   ] })
                 })
               })
@@ -1390,7 +1390,7 @@ const Qe = L(
       ]
     }
   );
-}, Io = tt({
+}, ko = tt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1441,7 +1441,7 @@ const Qe = L(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), $o = tt({
+}), Io = tt({
   palette: {
     primary: {
       main: "#007236",
@@ -1540,10 +1540,10 @@ const Qe = L(
   titleText: we,
   topBarHeight: mt,
   navBarTop: Ct
-}, To = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), jn = ({
+}, Eo = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), jn = ({
   initialValues: e,
   children: t
-}) => (st(e), /* @__PURE__ */ o(F, { children: t })), Eo = se(
+}) => (st(e), /* @__PURE__ */ o(P, { children: t })), To = se(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     jn,
     {
@@ -1562,8 +1562,8 @@ export {
   So as AppLayout,
   Oo as AtomProvider,
   xt as Context,
-  ke as ContextError,
-  ko as DomainCodeDialog,
+  $e as ContextError,
+  $o as DomainCodeDialog,
   fo as ExampleComponent,
   wo as FetchAutocomplete,
   jn as HydrateAtoms,
@@ -1579,8 +1579,8 @@ export {
   Un as atomStore,
   dn as buildNavBarState,
   bt as domainCodeAtom,
-  Io as fed21Theme,
-  $o as internalAgSystemsTheme,
+  ko as fed21Theme,
+  Io as internalAgSystemsTheme,
   V as navBarClasses,
   K as navBarOpenAtom,
   Ct as navBarTopAtom,
@@ -1590,9 +1590,9 @@ export {
   mt as topBarHeightAtom,
   cn as useNavBar,
   Gn as useSaladBar,
-  To as withAtomProvider,
+  Eo as withAtomProvider,
   mo as withNavBarProvider,
-  Eo as withOverrideDefaults,
+  To as withOverrideDefaults,
   Do as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map