@australiangreens/ag-internal-components 0.0.30 → 0.0.31

package/dist/esm/index.js

@@ -1,42 +1,66 @@
-var Je = Object.defineProperty, Ze = Object.defineProperties;
-var et = Object.getOwnPropertyDescriptors;
-var V = Object.getOwnPropertySymbols;
-var fe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
-var ie = (e, t, n) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
+var nt = Object.defineProperty, rt = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
+var q = Object.getOwnPropertySymbols;
+var we = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
+var ie = (e, t, n) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
   for (var n in t || (t = {}))
-    fe.call(t, n) && ie(e, n, t[n]);
-  if (V)
-    for (var n of V(t))
-      xe.call(t, n) && ie(e, n, t[n]);
+    we.call(t, n) && ie(e, n, t[n]);
+  if (q)
+    for (var n of q(t))
+      me.call(t, n) && ie(e, n, t[n]);
   return e;
-}, h = (e, t) => Ze(e, et(t));
-var Be = (e, t) => {
+}, v = (e, t) => rt(e, ot(t));
+var Ce = (e, t) => {
   var n = {};
   for (var i in e)
-    fe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && V)
-    for (var i of V(e))
-      t.indexOf(i) < 0 && xe.call(e, i) && (n[i] = e[i]);
+    we.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+  if (e != null && q)
+    for (var i of q(e))
+      t.indexOf(i) < 0 && me.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var we = (e, t, n) => (ie(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsxs as l, Fragment as Q, jsx as o } from "react/jsx-runtime";
-import { useState as $, createContext as le, useCallback as Y, useContext as ce, useEffect as K, useReducer as tt, useMemo as nt, useRef as ae } from "react";
-import { Typography as A, Button as rt, Paper as pe, styled as W, Box as O, IconButton as M, Drawer as ot, Container as Se, Divider as Te, CssBaseline as it, Snackbar as at, Alert as st, CircularProgress as dt, LinearProgress as lt } from "@mui/material";
-import ct from "@mui/material/CssBaseline";
-import { styled as E } from "@mui/material/styles";
-import Le from "@mui/material/Drawer";
-import { AgError as pt } from "@australiangreens/ag-error";
-import { createHelper as Ae } from "souvlaki";
-import Ee from "@mui/material/List";
-import { ArrowForward as Pe, ArrowBack as ke, ViewHeadline as ut } from "@mui/icons-material";
-function hn({ text: e }) {
-  const [t, n] = $(0);
-  return /* @__PURE__ */ l(Q, { children: [
-    /* @__PURE__ */ o(A, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(A, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+var Te = (e, t, n) => (ie(e, typeof t != "symbol" ? t + "" : t, n), n);
+var ae = (e, t, n) => new Promise((i, a) => {
+  var l = (d) => {
+    try {
+      u(n.next(d));
+    } catch (s) {
+      a(s);
+    }
+  }, p = (d) => {
+    try {
+      u(n.throw(d));
+    } catch (s) {
+      a(s);
+    }
+  }, u = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(l, p);
+  u((n = n.apply(e, t)).next());
+});
+import { jsxs as c, Fragment as M, jsx as o } from "react/jsx-runtime";
+import { useState as B, createContext as ce, useCallback as Y, useContext as pe, useEffect as K, useReducer as it, useMemo as at, useRef as se } from "react";
+import { Typography as D, Button as st, Paper as ue, styled as F, Box as T, IconButton as W, Drawer as dt, Container as ye, Divider as Oe, CssBaseline as lt, Snackbar as ct, Alert as pt, CircularProgress as Ee, LinearProgress as ut, Autocomplete as gt, TextField as ht } from "@mui/material";
+import ft from "@mui/material/CssBaseline";
+import { styled as y } from "@mui/material/styles";
+import Pe from "@mui/material/Drawer";
+import { AgError as vt } from "@australiangreens/ag-error";
+import { createHelper as ke } from "souvlaki";
+import _e from "@mui/material/List";
+import Be from "@mui/material/Button";
+import xt from "@mui/material/Dialog";
+import wt from "@mui/material/DialogActions";
+import mt from "@mui/material/DialogContent";
+import Ct from "@mui/material/DialogTitle";
+import { ArrowForward as Re, ArrowBack as He, ViewHeadline as Tt } from "@mui/icons-material";
+import Ot from "src/components/AgDialog";
+import { useAtom as Bt, useAtomValue as bt, useSetAtom as It } from "jotai";
+import { atomWithStorage as Nt, RESET as St } from "jotai/utils";
+function Mn({ text: e }) {
+  const [t, n] = B(0);
+  return /* @__PURE__ */ c(M, { children: [
+    /* @__PURE__ */ o(D, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(D, { 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(
-      rt,
+      st,
       {
         variant: "outlined",
         onClick: () => n((i) => i + 1),
@@ -44,25 +68,25 @@ function hn({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ l("p", { children: [
+    /* @__PURE__ */ c("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ l(pe, { children: [
+    /* @__PURE__ */ c(ue, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const De = 330, _e = 73, I = "Navbar", L = {
-  root: `${I}-root`,
-  menuButton: `${I}-menuButton`,
-  hide: `${I}-hide`,
-  content: `${I}-content`,
-  userInfoHolder: `${I}-userInfoHolder`,
-  settings: `${I}-settings`,
-  pieChartIcon: `${I}-pieChartIcon`
-}, ht = E("div", { name: "NavBar" })(({ theme: e }) => ({
+const Me = 330, We = 73, S = "Navbar", L = {
+  root: `${S}-root`,
+  menuButton: `${S}-menuButton`,
+  hide: `${S}-hide`,
+  content: `${S}-content`,
+  userInfoHolder: `${S}-userInfoHolder`,
+  settings: `${S}-settings`,
+  pieChartIcon: `${S}-pieChartIcon`
+}, At = y("div", { name: "NavBar" })(({ theme: e }) => ({
   [`&.${L.root}`]: {
     display: "flex"
   },
@@ -81,7 +105,7 @@ const De = 330, _e = 73, I = "Navbar", L = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), He = () => ({
+})), Fe = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -89,51 +113,51 @@ const De = 330, _e = 73, I = "Navbar", L = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), gt = () => r({
-  width: De
-}, He()), vt = () => r({
-  width: _e
-}, He()), ft = E(Le, {
+}), $t = () => r({
+  width: Me
+}, Fe()), Lt = () => r({
+  width: We
+}, Fe()), Dt = y(Pe, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => r(r({
-  width: t ? De : _e,
+  width: t ? Me : We,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": gt()
+  "& .MuiDrawer-paper": $t()
 }), !t && {
-  "& .MuiDrawer-paper": vt()
+  "& .MuiDrawer-paper": Lt()
 }));
-class J extends pt {
+class J extends vt {
 }
-we(J, "errorName", "ContextError");
-const Re = le(null), xt = {}, Bt = {}, wt = ({
-  overrideState: e = xt,
-  overrideActions: t = Bt,
+Te(J, "errorName", "ContextError");
+const ze = ce(null), yt = {}, Et = {}, Pt = ({
+  overrideState: e = yt,
+  overrideActions: t = Et,
   children: n
 }) => {
-  const [{ open: i }, a] = $({ open: !0 }), v = Y((u) => {
-    a({ open: u });
-  }, []), g = Y(() => {
-    a((u) => h(r({}, u), { open: !u.open }));
-  }, []), f = r(r({
+  const [{ open: i }, a] = B({ open: !0 }), l = Y((d) => {
+    a({ open: d });
+  }, []), p = Y(() => {
+    a((d) => v(r({}, d), { open: !d.open }));
+  }, []), u = r(r({
     open: i,
-    setOpen: v,
-    toggleOpen: g
+    setOpen: l,
+    toggleOpen: p
   }, e), t);
-  return /* @__PURE__ */ o(Re.Provider, { value: f, children: n });
-}, Tt = () => {
-  const e = ce(Re);
+  return /* @__PURE__ */ o(ze.Provider, { value: u, children: n });
+}, kt = () => {
+  const e = pe(ze);
   if (e === null)
     throw new J("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Ot = (e = {}) => r({
+}, _t = (e = {}) => r({
   open: !0
-}, e), gn = Ae(
-  (e = Ot(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(wt, { overrideState: e, overrideActions: t, children: n })
-), Oe = 7, vn = E(Ee)(({ theme: e }) => ({
+}, e), Wn = ke(
+  (e = _t(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Pt, { overrideState: e, overrideActions: t, children: n })
+), be = 7, Fn = y(_e)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -142,7 +166,7 @@ const Re = le(null), xt = {}, Bt = {}, wt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Oe}px`
+      padding: `${be}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -153,7 +177,7 @@ const Re = le(null), xt = {}, Bt = {}, wt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Oe}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${be}px)`
     },
     // Hover state
     "&:hover": {
@@ -171,7 +195,7 @@ const Re = le(null), xt = {}, Bt = {}, wt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), ye = 7, fn = E(Ee)(({ theme: e }) => ({
+})), Ie = 7, zn = y(_e)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -180,7 +204,7 @@ const Re = le(null), xt = {}, Bt = {}, wt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${ye}px`
+      padding: `${Ie}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -191,7 +215,7 @@ const Re = le(null), xt = {}, Bt = {}, wt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${ye}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Ie}px)`
     },
     // Hover state
     "&:hover": {
@@ -210,15 +234,15 @@ const Re = le(null), xt = {}, Bt = {}, wt = ({
     // },
   }
 }));
-function xn({
+function Gn({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = Tt();
-  return /* @__PURE__ */ l(ht, { className: L.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(ct, {}),
+  const { open: n } = kt();
+  return /* @__PURE__ */ c(At, { className: L.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(ft, {}),
     /* @__PURE__ */ o(
-      ft,
+      Dt,
       {
         variant: "permanent",
         anchor: "left",
@@ -229,32 +253,81 @@ function xn({
     )
   ] });
 }
-const yt = 24, Ct = 64, N = "TopBar", T = {
-  topStripe: `${N}-topStripe`,
-  titleBar: `${N}-titleBar`,
-  titleSlider: `${N}-titleSlider`,
-  titleText: `${N}-titleText`,
-  leftPanelButton: `${N}-leftPanelButton`,
-  rightPanelButton: `${N}-leftPanelButton`
-}, mt = W("div", {
+const Un = ({
+  isOpen: e,
+  dialogTitle: t,
+  children: n,
+  maxWidth: i,
+  primaryButton: a,
+  secondaryButton: l,
+  onClose: p
+}) => {
+  var s, x;
+  const [u, d] = B(!1);
+  return /* @__PURE__ */ c(
+    xt,
+    {
+      open: e,
+      onClose: () => {
+        u || p();
+      },
+      fullWidth: !0,
+      maxWidth: i != null ? i : "xs",
+      children: [
+        /* @__PURE__ */ o(Ct, { children: t }),
+        /* @__PURE__ */ o(mt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ c(wt, { children: [
+          /* @__PURE__ */ o(
+            Be,
+            {
+              onClick: (s = l == null ? void 0 : l.onClick) != null ? s : p,
+              "data-testid": l == null ? void 0 : l.testId,
+              disabled: (l == null ? void 0 : l.disabled) || u,
+              children: (x = l == null ? void 0 : l.text) != null ? x : "Cancel"
+            }
+          ),
+          a && /* @__PURE__ */ o(
+            Be,
+            {
+              onClick: () => ae(void 0, null, function* () {
+                var w;
+                d(!0), yield (w = a.onClick) == null ? void 0 : w.call(a), d(!1);
+              }),
+              "data-testid": a.testId,
+              disabled: a.disabled || u,
+              children: a.text
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Rt = 24, Ht = 64, A = "TopBar", C = {
+  topStripe: `${A}-topStripe`,
+  titleBar: `${A}-titleBar`,
+  titleSlider: `${A}-titleSlider`,
+  titleText: `${A}-titleText`,
+  leftPanelButton: `${A}-leftPanelButton`,
+  rightPanelButton: `${A}-leftPanelButton`
+}, Mt = F("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: N
+  name: A
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, a;
   return {
     width: "100%",
-    [`& .${T.topStripe}`]: {
+    [`& .${C.topStripe}`]: {
       width: "100%",
-      height: `${yt}px`,
+      height: `${Rt}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${T.titleBar}`]: {
+    [`& .${C.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Ct}px`,
+      height: `${Ht}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${T.titleSlider}`]: r(r({
+    [`& .${C.titleSlider}`]: r(r({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -263,14 +336,14 @@ const yt = 24, Ct = 64, N = "TopBar", T = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${T.leftPanelButton}`]: {
+      [`& .${C.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${T.titleText}`]: {
+      [`& .${C.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${T.rightPanelButton}`]: {
+      [`& .${C.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -288,19 +361,19 @@ const yt = 24, Ct = 64, N = "TopBar", T = {
     })
   };
 });
-function bt({
+function Wt({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ l(mt, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ l(O, { className: T.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ l(
-        M,
+  return /* @__PURE__ */ c(Mt, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: C.topStripe }),
+    /* @__PURE__ */ o("div", { className: C.titleBar, children: /* @__PURE__ */ c(T, { className: C.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ c(
+        W,
         {
-          className: T.leftPanelButton,
+          className: C.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -308,15 +381,15 @@ function bt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(Pe, {})
+            /* @__PURE__ */ o(Re, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(A, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ l(
-        M,
+      /* @__PURE__ */ o(D, { className: C.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ c(
+        W,
         {
-          className: T.rightPanelButton,
+          className: C.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -324,14 +397,14 @@ function bt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(ke, {})
+            /* @__PURE__ */ o(He, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const Me = 400, It = W(ot, {
+const Ge = 400, Ft = F(dt, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -345,7 +418,7 @@ const Me = 400, It = W(ot, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: v }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
     width: e,
     "& .MuiDrawer-paper": r(r({
       position: "absolute",
@@ -356,14 +429,14 @@ const Me = 400, It = W(ot, {
     }, t && {
       opacity: "50%"
     }), n === "left" && r({
-      marginLeft: `${v}px`
+      marginLeft: `${l}px`
     }, i && {
       marginLeft: `${a}px`
     }))
   })
-), Nt = W(O, {
+), zt = F(T, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => h(r({
+})(({ theme: e, anchor: t }) => v(r({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -381,60 +454,60 @@ const Me = 400, It = W(ot, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Ce({
+function Ne({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: a = "",
-  width: v = Me,
-  showCloseArrow: g = !0,
-  debugOpacity: f = !1,
-  headerBoxProps: u = {},
+  width: l = Ge,
+  showCloseArrow: p = !0,
+  debugOpacity: u = !1,
+  headerBoxProps: d = {},
   onOpened: s,
-  onClosed: B,
+  onClosed: x,
   "data-testid": w,
-  navBarOpen: d = !1,
-  navBarWidthOpen: x = 0,
-  navBarWidthClosed: C = 0
+  navBarOpen: g = !1,
+  navBarWidthOpen: m = 0,
+  navBarWidthClosed: b = 0
 }) {
-  return /* @__PURE__ */ l(
-    It,
+  return /* @__PURE__ */ c(
+    Ft,
     {
       SlideProps: {
         onEntered: () => s == null ? void 0 : s(),
-        onExited: () => B == null ? void 0 : B()
+        onExited: () => x == null ? void 0 : x()
       },
       variant: "persistent",
       anchor: t,
       open: n,
-      width: v,
-      debugOpacity: f,
+      width: l,
+      debugOpacity: u,
       "data-testid": w,
-      navBarOpen: d,
-      navBarWidthOpen: x,
-      navBarWidthClosed: C,
+      navBarOpen: g,
+      navBarWidthOpen: m,
+      navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(Nt, h(r({ anchor: t }, u), { children: t === "left" ? /* @__PURE__ */ l(Q, { children: [
-          /* @__PURE__ */ o(A, { variant: "h6", color: "inherit", component: "div", children: a }),
-          g && /* @__PURE__ */ l(M, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(ke, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(zt, v(r({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ c(M, { children: [
+          /* @__PURE__ */ o(D, { variant: "h6", color: "inherit", component: "div", children: a }),
+          p && /* @__PURE__ */ c(W, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(He, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ l(Q, { children: [
-          g && /* @__PURE__ */ l(M, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(Pe, {}),
+        ] }) : /* @__PURE__ */ c(M, { children: [
+          p && /* @__PURE__ */ c(W, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(Re, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(A, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(D, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const $t = W("div", {
+const Gt = F("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -457,231 +530,231 @@ const $t = W("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), St = W(Se, {
+}), Ut = F(ye, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
-})), se = !1, de = !1, q = {
+})), de = !1, le = !1, Q = {
   titleText: "",
   flavour: "push",
-  width: Me,
+  width: Ge,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(Q, {}),
+  content: /* @__PURE__ */ o(M, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Bn({
+function Vn({
   children: e,
   titleText: t = "",
   leftPanel: n,
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: a = !0,
-  debugOpacity: v = !1,
-  pageContainerProps: g,
-  pageContentDataTestId: f,
-  topBarDataTestId: u,
+  debugOpacity: l = !1,
+  pageContainerProps: p,
+  pageContentDataTestId: u,
+  topBarDataTestId: d,
   navBarOpen: s,
-  navBarWidthOpen: B,
+  navBarWidthOpen: x,
   navBarWidthClosed: w
 }) {
-  const [d, x] = $(se), [C, m] = $(de), [Z, F] = $(se), [ee, P] = $(de), k = n !== void 0, D = i !== void 0, {
-    titleText: y,
-    content: z,
-    flavour: G,
+  const [g, m] = B(de), [b, I] = B(le), [Z, z] = B(de), [ee, E] = B(le), P = n !== void 0, k = i !== void 0, {
+    titleText: O,
+    content: G,
+    flavour: U,
     open: _,
-    onChangeOpen: H,
-    width: c,
-    arrowButtons: p,
-    startOpen: S,
-    onOpened: Ue,
-    onClosed: Xe,
-    dataTestId: Ve
-  } = n ? r(r({}, q), n) : r({}, q), {
-    titleText: qe,
-    content: je,
-    flavour: ue,
+    onChangeOpen: R,
+    width: h,
+    arrowButtons: f,
+    startOpen: $,
+    onOpened: Qe,
+    onClosed: je,
+    dataTestId: Ye
+  } = n ? r(r({}, Q), n) : r({}, Q), {
+    titleText: Ke,
+    content: Je,
+    flavour: he,
     open: te,
-    onChangeOpen: he,
+    onChangeOpen: fe,
     width: ne,
-    arrowButtons: U,
+    arrowButtons: V,
     startOpen: X,
-    onOpened: Qe,
-    onClosed: Ye,
-    dataTestId: Ke
-  } = i ? r(r({}, q), i) : r({}, q);
+    onOpened: Ze,
+    onClosed: et,
+    dataTestId: tt
+  } = i ? r(r({}, Q), i) : r({}, Q);
   K(() => {
-    S !== se && (x(S), F(S));
-  }, [S]), K(() => {
-    X !== de && (m(X), P(X));
+    $ !== de && (m($), z($));
+  }, [$]), K(() => {
+    X !== le && (I(X), E(X));
   }, [X]);
-  const re = _ === void 0 ? d : _, oe = te === void 0 ? C : te, ge = (b) => {
-    _ === void 0 && (x(b), a && D && (b ? (m(!1), P(C)) : m(ee))), H && H(b);
-  }, ve = (b) => {
-    te === void 0 && (m(b), a && k && (b ? (x(!1), F(d)) : x(Z))), he && he(b);
+  const re = _ === void 0 ? g : _, oe = te === void 0 ? b : te, ve = (N) => {
+    _ === void 0 && (m(N), a && k && (N ? (I(!1), E(b)) : I(ee))), R && R(N);
+  }, xe = (N) => {
+    te === void 0 && (I(N), a && P && (N ? (m(!1), z(g)) : m(Z))), fe && fe(N);
   };
-  return /* @__PURE__ */ l(O, { children: [
-    k && /* @__PURE__ */ o(
-      Ce,
+  return /* @__PURE__ */ c(T, { children: [
+    P && /* @__PURE__ */ o(
+      Ne,
       {
-        "data-testid": Ve,
+        "data-testid": Ye,
         anchor: "left",
         open: re,
-        onClose: () => ge(!1),
-        width: c,
-        titleText: y,
-        debugOpacity: v,
-        showCloseArrow: p === "both" || p === "close",
-        onOpened: Ue,
-        onClosed: Xe,
+        onClose: () => ve(!1),
+        width: h,
+        titleText: O,
+        debugOpacity: l,
+        showCloseArrow: f === "both" || f === "close",
+        onOpened: Qe,
+        onClosed: je,
         navBarOpen: s,
-        navBarWidthOpen: B,
+        navBarWidthOpen: x,
         navBarWidthClosed: w,
-        children: z
+        children: G
       }
     ),
-    D && /* @__PURE__ */ o(
-      Ce,
+    k && /* @__PURE__ */ o(
+      Ne,
       {
-        "data-testid": Ke,
+        "data-testid": tt,
         anchor: "right",
         open: oe,
-        onClose: () => ve(!1),
+        onClose: () => xe(!1),
         width: ne,
-        titleText: qe,
-        debugOpacity: v,
-        showCloseArrow: U === "both" || U === "close",
-        onOpened: Qe,
-        onClosed: Ye,
+        titleText: Ke,
+        debugOpacity: l,
+        showCloseArrow: V === "both" || V === "close",
+        onOpened: Ze,
+        onClosed: et,
         navBarOpen: s,
-        navBarWidthOpen: B,
+        navBarWidthOpen: x,
         navBarWidthClosed: w,
-        children: je
+        children: Je
       }
     ),
     /* @__PURE__ */ o(
-      bt,
+      Wt,
       r(r({
         titleText: t,
-        "data-testid": u
-      }, k && G === "push" ? {
+        "data-testid": d
+      }, P && U === "push" ? {
         leftPanel: {
           open: re,
-          width: c,
-          onOpen: () => ge(!0),
-          showOpenArrow: p === "both" || p === "open"
+          width: h,
+          onOpen: () => ve(!0),
+          showOpenArrow: f === "both" || f === "open"
         }
-      } : {}), D && ue === "push" ? {
+      } : {}), k && he === "push" ? {
         rightPanel: {
           open: oe,
           width: ne,
-          onOpen: () => ve(!0),
-          showOpenArrow: U === "both" || U === "open"
+          onOpen: () => xe(!0),
+          showOpenArrow: V === "both" || V === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      $t,
-      h(r(r({}, G === "push" ? {
+      Gt,
+      v(r(r({}, U === "push" ? {
         leftPanel: {
           open: re,
-          width: c
+          width: h
         }
-      } : {}), ue === "push" ? {
+      } : {}), he === "push" ? {
         rightPanel: {
           open: oe,
           width: ne
         }
       } : {}), {
-        children: /* @__PURE__ */ o(St, h(r({ "data-testid": f }, g), { children: e }))
+        children: /* @__PURE__ */ o(Ut, v(r({ "data-testid": u }, p), { children: e }))
       })
     )
   ] });
 }
-const Lt = 64, At = 64, Et = 256, Pt = {
+const Vt = 64, Xt = 64, qt = 256, Qt = {
   navBarOpen: !0,
   titleText: "",
-  navBarWidthOpen: Et,
-  navBarWidthClosed: At,
-  topBarHeight: Lt,
+  navBarWidthOpen: qt,
+  navBarWidthClosed: Xt,
+  topBarHeight: Vt,
   navBarTop: void 0
 };
-function kt(e, t) {
+function jt(e, t) {
   switch (t.type) {
     case "toggleNavBarOpen":
-      return h(r({}, e), {
+      return v(r({}, e), {
         navBarOpen: !e.navBarOpen
       });
     case "setNavBarOpen":
-      return h(r({}, e), {
+      return v(r({}, e), {
         navBarOpen: t.payload
       });
     case "setTitleText":
-      return h(r({}, e), {
+      return v(r({}, e), {
         titleText: t.payload
       });
     case "setNavBarWidthOpen":
-      return h(r({}, e), {
+      return v(r({}, e), {
         navBarWidthOpen: t.payload
       });
     case "setTopBarHeight":
-      return h(r({}, e), {
+      return v(r({}, e), {
         topBarHeight: t.payload
       });
     case "setNavBarTop":
-      return h(r({}, e), {
+      return v(r({}, e), {
         navBarTop: t.payload
       });
     default:
       throw new Error("Invalid action.type");
   }
 }
-const We = le(null), Dt = {}, _t = {}, Ht = ({
-  overrideState: e = Dt,
-  overrideActions: t = _t,
+const Ue = ce(null), Yt = {}, Kt = {}, Jt = ({
+  overrideState: e = Yt,
+  overrideActions: t = Kt,
   children: n
 }) => {
   const [
-    { titleText: i, topBarHeight: a, navBarOpen: v, navBarWidthOpen: g, navBarWidthClosed: f, navBarTop: u },
+    { titleText: i, topBarHeight: a, navBarOpen: l, navBarWidthOpen: p, navBarWidthClosed: u, navBarTop: d },
     s
-  ] = tt(kt, Pt), B = nt(
+  ] = it(jt, Qt), x = at(
     () => ({
       toggleNavBarOpen: () => s({ type: "toggleNavBarOpen" }),
-      setNavBarOpen: (d) => s({ type: "setNavBarOpen", payload: d }),
-      setNavBarWidthOpen: (d) => s({ type: "setNavBarWidthOpen", payload: d }),
-      setNavBarWidthClosed: (d) => s({ type: "setNavBarWidthClosed", payload: d }),
-      setTitleText: (d) => s({ type: "setTitleText", payload: d }),
-      setTopBarHeight: (d) => s({ type: "setTopBarHeight", payload: d }),
-      setNavBarTop: (d) => s({ type: "setNavBarTop", payload: d }),
+      setNavBarOpen: (g) => s({ type: "setNavBarOpen", payload: g }),
+      setNavBarWidthOpen: (g) => s({ type: "setNavBarWidthOpen", payload: g }),
+      setNavBarWidthClosed: (g) => s({ type: "setNavBarWidthClosed", payload: g }),
+      setTitleText: (g) => s({ type: "setTitleText", payload: g }),
+      setTopBarHeight: (g) => s({ type: "setTopBarHeight", payload: g }),
+      setNavBarTop: (g) => s({ type: "setNavBarTop", payload: g }),
       clearNavBarTop: () => s({ type: "setNavBarTop", payload: void 0 })
     }),
     []
   ), w = r(r(r({
-    navBarOpen: v,
-    navBarWidthOpen: g,
-    navBarWidthClosed: f,
+    navBarOpen: l,
+    navBarWidthOpen: p,
+    navBarWidthClosed: u,
     titleText: i,
     topBarHeight: a,
-    navBarTop: u
-  }, B), e), t);
-  return /* @__PURE__ */ o(We.Provider, { value: w, children: n });
-}, Fe = () => {
-  const e = ce(We);
+    navBarTop: d
+  }, x), e), t);
+  return /* @__PURE__ */ o(Ue.Provider, { value: w, children: n });
+}, Ve = () => {
+  const e = pe(Ue);
   if (e === null)
     throw new J("Error: Tried to call useAppLayout() outside of a <AppLayoutProvider>");
   return e;
-}, Rt = "TopBar", Mt = {
-  titleText: `${Rt}-titleText`
+}, Zt = "TopBar", en = {
+  titleText: `${Zt}-titleText`
 };
-function Wt({ titleText: e = "", height: t, "data-testid": n }) {
-  const { toggleNavBarOpen: i } = Fe();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ l(
-    pe,
+function tn({ titleText: e = "", height: t, "data-testid": n }) {
+  const { toggleNavBarOpen: i } = Ve();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
+    ue,
     {
       square: !0,
       elevation: 0,
@@ -697,13 +770,13 @@ function Wt({ titleText: e = "", height: t, "data-testid": n }) {
         height: t
       },
       children: [
-        /* @__PURE__ */ o(M, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: i, children: /* @__PURE__ */ o(ut, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(A, { className: Mt.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(W, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: i, children: /* @__PURE__ */ o(Tt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(D, { className: en.titleText, variant: "h6", children: e })
       ]
     }
   ) });
 }
-const j = "Navbar", R = {
+const j = "Navbar", H = {
   root: `${j}-root`,
   menuButton: `${j}-menuButton`,
   hide: `${j}-hide`,
@@ -711,17 +784,17 @@ const j = "Navbar", R = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Ft = E("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${R.root}`]: {
+}, nn = y("div", { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${H.root}`]: {
     display: "flex"
   },
-  [`& .${R.menuButton}`]: {
+  [`& .${H.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${R.hide}`]: {
+  [`& .${H.hide}`]: {
     display: "none"
   },
-  [`& .${R.content}`]: {
+  [`& .${H.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -730,7 +803,7 @@ const j = "Navbar", R = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), ze = (e, t) => {
+})), Xe = (e, t) => {
   var n, i;
   return {
     height: `calc(100vh - ${t})`,
@@ -741,45 +814,45 @@ const j = "Navbar", R = {
     backgroundColor: (i = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? i : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, me = (e, t, n) => r({
+}, Se = (e, t, n) => r({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   })
-}, ze(e, n)), be = (e, t, n) => r({
+}, Xe(e, n)), Ae = (e, t, n) => r({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, ze(e, n)), zt = E(Le, {
+}, Xe(e, n)), rn = y(Pe, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, offsetTop: a }) => r(r({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && h(r({}, me(e, n, a)), {
-  "& .MuiDrawer-paper": me(e, n, a)
-})), !t && h(r({}, be(e, i, a)), {
-  "& .MuiDrawer-paper": be(e, i, a)
+}, t && v(r({}, Se(e, n, a)), {
+  "& .MuiDrawer-paper": Se(e, n, a)
+})), !t && v(r({}, Ae(e, i, a)), {
+  "& .MuiDrawer-paper": Ae(e, i, a)
 })));
-function Gt({ links: e }) {
+function on({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function Ut({
+function an({
   open: e,
   offsetTop: t = 0,
   widthOpen: n,
   widthClosed: i,
   "data-testid": a,
-  top: v,
-  middle: g,
-  bottom: f
+  top: l,
+  middle: p,
+  bottom: u
 }) {
-  return /* @__PURE__ */ o(Ft, { className: R.root, "data-testid": a, children: /* @__PURE__ */ o(
-    zt,
+  return /* @__PURE__ */ o(nn, { className: H.root, "data-testid": a, children: /* @__PURE__ */ o(
+    rn,
     {
       variant: "permanent",
       anchor: "left",
@@ -787,23 +860,23 @@ function Ut({
       widthOpen: n,
       widthClosed: i,
       offsetTop: t,
-      children: /* @__PURE__ */ l(O, { component: "nav", sx: {}, children: [
-        v && /* @__PURE__ */ l(O, { sx: { flexGrow: 1 }, children: [
-          v,
-          /* @__PURE__ */ o(Te, { variant: "middle" })
+      children: /* @__PURE__ */ c(T, { component: "nav", sx: {}, children: [
+        l && /* @__PURE__ */ c(T, { sx: { flexGrow: 1 }, children: [
+          l,
+          /* @__PURE__ */ o(Oe, { variant: "middle" })
         ] }),
-        Array.isArray(g) ? /* @__PURE__ */ o(Gt, { links: g }) : g,
-        f && /* @__PURE__ */ l(O, { sx: {}, children: [
-          /* @__PURE__ */ o(Te, { variant: "middle" }),
-          f
+        Array.isArray(p) ? /* @__PURE__ */ o(on, { links: p }) : p,
+        u && /* @__PURE__ */ c(T, { sx: {}, children: [
+          /* @__PURE__ */ o(Oe, { variant: "middle" }),
+          u
         ] })
       ] })
     }
   ) });
 }
-function Xt({ children: e, topBarHeight: t }) {
+function sn({ children: e, topBarHeight: t }) {
   return /* @__PURE__ */ o(
-    O,
+    T,
     {
       sx: {
         overflow: "auto",
@@ -813,7 +886,7 @@ function Xt({ children: e, topBarHeight: t }) {
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Se,
+        ye,
         {
           component: "main",
           id: "main-content",
@@ -824,52 +897,52 @@ function Xt({ children: e, topBarHeight: t }) {
     }
   );
 }
-function Vt({
+function dn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: i,
   pageContentDataTestId: a,
-  topBarDataTestId: v,
-  navBarDataTestId: g,
-  navBarMiddle: f
+  topBarDataTestId: l,
+  navBarDataTestId: p,
+  navBarMiddle: u
 }) {
   const {
-    navBarOpen: u,
+    navBarOpen: d,
     setNavBarOpen: s,
-    titleText: B,
+    titleText: x,
     setTitleText: w,
-    topBarHeight: d,
-    navBarWidthOpen: x,
-    navBarWidthClosed: C,
-    navBarTop: m
-  } = Fe();
+    topBarHeight: g,
+    navBarWidthOpen: m,
+    navBarWidthClosed: b,
+    navBarTop: I
+  } = Ve();
   return K(() => {
     t !== void 0 && w(t);
   }, [t, w]), K(() => {
     console.log(n), n !== void 0 && s(n);
-  }, [n, s]), /* @__PURE__ */ l(O, { children: [
-    /* @__PURE__ */ o(it, {}),
-    /* @__PURE__ */ o(Wt, { titleText: B, "data-testid": v, height: d }),
-    /* @__PURE__ */ l(O, { sx: { display: "flex" }, children: [
+  }, [n, s]), /* @__PURE__ */ c(T, { children: [
+    /* @__PURE__ */ o(lt, {}),
+    /* @__PURE__ */ o(tn, { titleText: x, "data-testid": l, height: g }),
+    /* @__PURE__ */ c(T, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Ut,
+        an,
         {
-          open: u,
-          top: m,
-          middle: f,
-          bottom: /* @__PURE__ */ o(O, { sx: { padding: 2 }, children: /* @__PURE__ */ o(pe, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "Placeholder for standard user settings, domain selector etc. It should be at the very bottom, but WIP" }) }),
-          widthOpen: x,
-          widthClosed: C,
-          offsetTop: d,
-          "data-testid": g
+          open: d,
+          top: I,
+          middle: u,
+          bottom: /* @__PURE__ */ o(T, { sx: { padding: 2 }, children: /* @__PURE__ */ o(ue, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "Placeholder for standard user settings, domain selector etc. It should be at the very bottom, but WIP" }) }),
+          widthOpen: m,
+          widthClosed: b,
+          offsetTop: g,
+          "data-testid": p
         }
       ),
       /* @__PURE__ */ o(
-        Xt,
-        h(r({
+        sn,
+        v(r({
           "data-testid": a,
-          topBarHeight: d
+          topBarHeight: g
         }, i), {
           children: e
         })
@@ -877,133 +950,205 @@ function Vt({
     ] })
   ] });
 }
-function wn(e) {
-  return /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ o(Vt, r({}, e)) });
+function Xn(e) {
+  return /* @__PURE__ */ o(Jt, { children: /* @__PURE__ */ o(dn, r({}, e)) });
 }
-const qt = {
+const ln = {
   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
-}, jt = {
+}, cn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ie = {
+}, $e = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ne = 100, $e = 2e3, Qt = 2e3, Yt = (() => {
+}, Le = 100, De = 2e3, pn = 2e3, un = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Kt = {
+})(), gn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Jt = {}, Zt = {}, Ge = le(null);
-function en(v) {
-  var g = v, {
-    overrideState: e = Jt,
-    overrideActions: t = Zt,
-    shouldClose: n = jt.shouldClose,
+}, hn = {}, fn = {}, qe = ce(null);
+function vn(l) {
+  var p = l, {
+    overrideState: e = hn,
+    overrideActions: t = fn,
+    shouldClose: n = cn.shouldClose,
     children: i
-  } = g, a = Be(g, [
+  } = p, a = Ce(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var H;
-  const [{ open: f }, u] = $({ open: !1 }), s = ae([]), B = ae(Date.now()), w = ae(0), d = Y((c) => {
-    u({ open: c });
-  }, []), x = Y((c = {}) => {
-    w.current += 1, s.current.length >= Ne && Date.now() - B.current >= $e && (B.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ne}) hit ${w.current} times in last ${$e}ms)`
+  var R;
+  const [{ open: u }, d] = B({ open: !1 }), s = se([]), x = se(Date.now()), w = se(0), g = Y((h) => {
+    d({ open: h });
+  }, []), m = Y((h = {}) => {
+    w.current += 1, s.current.length >= Le && Date.now() - x.current >= De && (x.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Le}) hit ${w.current} times in last ${De}ms)`
     ), w.current = 0);
-    const p = r(h(r({}, Ie), {
-      key: Yt()
-    }), c);
-    return s.current.push(p), s.current.length === 1 && u({ open: !0 }), p.key;
-  }, []), C = (c = "", p = {}) => x(r({ message: c, severity: "success" }, p)), m = (c = "", p = {}) => x(r({ message: c, severity: "info" }, p)), Z = (c = "", p = {}) => x(r({ message: c, severity: "warning" }, p)), F = (c = "", p = {}) => x(r({ message: c, severity: "error" }, p)), ee = (c) => {
-    const p = s.current.findIndex((S) => S.key === c);
-    if (p !== -1)
-      return p === 0 ? (u({ open: !1 }), s.current[0]) : s.current.splice(p, 1);
-  }, P = (c, p) => {
-    n(c, p) && u({ open: !1 });
+    const f = r(v(r({}, $e), {
+      key: un()
+    }), h);
+    return s.current.push(f), s.current.length === 1 && d({ open: !0 }), f.key;
+  }, []), b = (h = "", f = {}) => m(r({ message: h, severity: "success" }, f)), I = (h = "", f = {}) => m(r({ message: h, severity: "info" }, f)), Z = (h = "", f = {}) => m(r({ message: h, severity: "warning" }, f)), z = (h = "", f = {}) => m(r({ message: h, severity: "error" }, f)), ee = (h) => {
+    const f = s.current.findIndex(($) => $.key === h);
+    if (f !== -1)
+      return f === 0 ? (d({ open: !1 }), s.current[0]) : s.current.splice(f, 1);
+  }, E = (h, f) => {
+    n(h, f) && d({ open: !1 });
+  }, P = () => {
   }, k = () => {
-  }, D = () => {
-    s.current.shift(), s.current.length > 0 && u({ open: !0 });
-  }, y = (H = s.current[0]) != null ? H : r({}, Ie), z = {};
-  "autoHideDuration" in y && (z.autoHideDuration = y.autoHideDuration);
-  const G = r(r({}, qt), a), _ = r(r({
-    open: f,
-    setOpen: d,
-    enqueueNotification: x,
-    enqueueSuccessNotification: C,
-    enqueueInfoNotification: m,
+    s.current.shift(), s.current.length > 0 && d({ open: !0 });
+  }, O = (R = s.current[0]) != null ? R : r({}, $e), G = {};
+  "autoHideDuration" in O && (G.autoHideDuration = O.autoHideDuration);
+  const U = r(r({}, ln), a), _ = r(r({
+    open: u,
+    setOpen: g,
+    enqueueNotification: m,
+    enqueueSuccessNotification: b,
+    enqueueInfoNotification: I,
     enqueueWarningNotification: Z,
-    enqueueErrorNotification: F,
+    enqueueErrorNotification: z,
     removeNotification: ee
   }, e), t);
-  return /* @__PURE__ */ l(Ge.Provider, { value: _, children: [
+  return /* @__PURE__ */ c(qe.Provider, { value: _, children: [
     i,
     /* @__PURE__ */ o(
-      at,
-      h(r(r({}, G), z), {
-        open: f,
-        onClose: P,
+      ct,
+      v(r(r({}, U), G), {
+        open: u,
+        onClose: E,
         TransitionProps: {
-          onExited: D,
-          onExit: k
+          onExited: k,
+          onExit: P
         },
-        sx: { zIndex: Qt },
-        children: /* @__PURE__ */ l("div", { children: [
+        sx: { zIndex: pn },
+        children: /* @__PURE__ */ c("div", { children: [
           /* @__PURE__ */ o(
-            st,
+            pt,
             {
-              onClose: (c) => P(c, "closeAlert"),
-              severity: y.severity,
+              onClose: (h) => E(h, "closeAlert"),
+              severity: O.severity,
               variant: "filled",
-              icon: y.progressIndicator === "circular" ? /* @__PURE__ */ o(dt, { size: "1em" }) : void 0,
-              style: y.progressIndicator === "linear" ? Kt : void 0,
-              children: y.message
+              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(Ee, { size: "1em" }) : void 0,
+              style: O.progressIndicator === "linear" ? gn : void 0,
+              children: O.message
             }
           ),
-          y.progressIndicator === "linear" && /* @__PURE__ */ o(lt, { color: "primary" })
+          O.progressIndicator === "linear" && /* @__PURE__ */ o(ut, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Tn() {
-  const e = ce(Ge);
+function qn() {
+  const e = pe(qe);
   if (e === null)
     throw new J("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const On = Ae(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(en, h(r({}, e), { overrideState: t, overrideActions: n, children: i }))
-);
+const Qn = ke(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(vn, v(r({}, e), { overrideState: t, overrideActions: n, children: i }))
+), ge = Nt("domainCode", "ag"), xn = () => {
+  const [e, t] = Bt(ge);
+  return [e, t, () => t(St)];
+}, jn = () => bt(ge), Yn = () => It(ge), wn = {
+  act: "ACT",
+  nsw: "NSW",
+  nt: "NT",
+  qld: "QLD",
+  sa: "SA",
+  tas: "TAS",
+  vic: "VIC",
+  wa: "WA",
+  ag: "AG",
+  fedmps: "Fedmps",
+  "": ""
+}, mn = (e) => {
+  var t;
+  return e === null ? "N/A" : (t = wn[e]) != null ? t : "";
+}, Kn = ({
+  isLoading: e,
+  isOpen: t,
+  onClose: n,
+  domainOptions: i
+}) => {
+  const [a, l] = xn(), [p, u] = B(a);
+  return /* @__PURE__ */ c(
+    Ot,
+    {
+      isOpen: t,
+      dialogTitle: "Select an organisation",
+      primaryButton: {
+        text: "Confirm",
+        onClick: () => ae(void 0, null, function* () {
+          l(p), n();
+        })
+      },
+      onClose: n,
+      children: [
+        /* @__PURE__ */ o("p", { children: "Select the default organisation that you want to use with the List Manager." }),
+        /* @__PURE__ */ o(
+          gt,
+          {
+            loading: e,
+            multiple: !1,
+            disableClearable: !1,
+            value: p,
+            onChange: (d, s) => u(s != null ? s : ""),
+            getOptionLabel: mn,
+            options: i,
+            renderInput: (d) => /* @__PURE__ */ o(
+              ht,
+              v(r({}, d), {
+                variant: "filled",
+                label: "Select organisation",
+                InputProps: v(r({}, d.InputProps), {
+                  endAdornment: /* @__PURE__ */ c(M, { children: [
+                    e ? /* @__PURE__ */ o(Ee, { color: "inherit", size: 20 }) : null,
+                    d.InputProps.endAdornment
+                  ] })
+                })
+              })
+            )
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  wn as AppLayout,
-  Ht as AppLayoutProvider,
-  Ge as Context,
+  Un as AgDialog,
+  Xn as AppLayout,
+  Jt as AppLayoutProvider,
+  qe as Context,
   J as ContextError,
-  hn as ExampleComponent,
-  _e as NAVBAR_WIDTH_CLOSED,
-  De as NAVBAR_WIDTH_OPENED,
-  xn as NavBar,
-  vn as NavBarDarkStyledList,
-  fn as NavBarLightStyledList,
-  wt as NavBarProvider,
-  Bn as PageLayout,
-  en as SaladBarProvider,
-  Ot as buildNavBarState,
+  Kn as DomainCodeDialog,
+  Mn as ExampleComponent,
+  We as NAVBAR_WIDTH_CLOSED,
+  Me as NAVBAR_WIDTH_OPENED,
+  Gn as NavBar,
+  Fn as NavBarDarkStyledList,
+  zn as NavBarLightStyledList,
+  Pt as NavBarProvider,
+  Vn as PageLayout,
+  vn as SaladBarProvider,
+  _t as buildNavBarState,
   L as navBarClasses,
-  Fe as useAppLayout,
-  Tt as useNavBar,
-  Tn as useSaladBar,
-  gn as withNavBarProvider,
-  On as withSaladBarProvider
+  Ve as useAppLayout,
+  xn as useDomainCode,
+  jn as useDomainCodeValue,
+  kt as useNavBar,
+  qn as useSaladBar,
+  Yn as useSetDomainCode,
+  Wn as withNavBarProvider,
+  Qn as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map