@australiangreens/ag-internal-components 0.4.3 → 0.6.0

package/dist/esm/index.js

@@ -1,66 +1,68 @@
-var lt = Object.defineProperty, ct = Object.defineProperties;
-var dt = Object.getOwnPropertyDescriptors;
-var Z = Object.getOwnPropertySymbols;
-var fe = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
-var ie = (e, t, o) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
+var bt = Object.defineProperty, Et = Object.defineProperties;
+var kt = Object.getOwnPropertyDescriptors;
+var ie = Object.getOwnPropertySymbols;
+var Ee = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
+var ce = (e, t, o) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, l = (e, t) => {
   for (var o in t || (t = {}))
-    fe.call(t, o) && ie(e, o, t[o]);
-  if (Z)
-    for (var o of Z(t))
-      me.call(t, o) && ie(e, o, t[o]);
+    Ee.call(t, o) && ce(e, o, t[o]);
+  if (ie)
+    for (var o of ie(t))
+      ke.call(t, o) && ce(e, o, t[o]);
   return e;
-}, F = (e, t) => ct(e, dt(t));
-var re = (e, t) => {
+}, _ = (e, t) => Et(e, kt(t));
+var Z = (e, t) => {
   var o = {};
   for (var i in e)
-    fe.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
-  if (e != null && Z)
-    for (var i of Z(e))
-      t.indexOf(i) < 0 && me.call(e, i) && (o[i] = e[i]);
+    Ee.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
+  if (e != null && ie)
+    for (var i of ie(e))
+      t.indexOf(i) < 0 && ke.call(e, i) && (o[i] = e[i]);
   return o;
 };
-var ge = (e, t, o) => ie(e, typeof t != "symbol" ? t + "" : t, o);
-var L = (e, t, o) => new Promise((i, r) => {
+var _e = (e, t, o) => ce(e, typeof t != "symbol" ? t + "" : t, o);
+var M = (e, t, o) => new Promise((i, r) => {
   var s = (c) => {
     try {
       a(o.next(c));
-    } catch (l) {
-      r(l);
+    } catch (u) {
+      r(u);
     }
-  }, u = (c) => {
+  }, d = (c) => {
     try {
       a(o.throw(c));
-    } catch (l) {
-      r(l);
+    } catch (u) {
+      r(u);
     }
-  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, u);
+  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, d);
   a((o = o.apply(e, t)).next());
 });
-import { jsxs as f, Fragment as $, jsx as n } from "react/jsx-runtime";
-import { useState as H, createElement as le, useEffect as xe, useMemo as ut, createContext as pt, useRef as ae, useCallback as Ae, useContext as ht } from "react";
-import { Typography as I, Button as K, Paper as Be, Dialog as Re, LinearProgress as Ue, DialogTitle as He, DialogContent as We, DialogActions as qe, Autocomplete as ce, TextField as de, CircularProgress as te, Box as T, Chip as ft, Tooltip as ze, Stack as mt, useTheme as oe, useMediaQuery as gt, ListItemButton as Ce, ListItemIcon as xt, Fade as Ge, ListItemText as Se, ListItemSecondaryAction as At, Collapse as Ve, List as Ct, Snackbar as St, Alert as vt, FormHelperText as wt, Drawer as yt, Avatar as ve, Skeleton as we, Toolbar as kt, Divider as ye, Container as Dt, IconButton as bt } from "@mui/material";
-import { Cancel as Et, ArrowDropDown as Ft, ExpandLess as _t, ExpandMore as Pt, ViewHeadline as Tt } from "@mui/icons-material";
-import { useQuery as Ke } from "@tanstack/react-query";
-import Nt from "autosuggest-highlight/match";
-import It from "autosuggest-highlight/parse";
-import { useAuth0 as ue } from "@auth0/auth0-react";
-import { Buffer as Lt } from "buffer";
-import $t from "@mui/material/Skeleton";
-import { atom as O, useAtom as U, useSetAtom as Xe, useAtomValue as ke } from "jotai";
-import { useLocation as Mt, Link as De } from "react-router";
-import { createHelper as Ot } from "souvlaki";
-import Bt from "@mui/material/CssBaseline";
-import be from "@mui/material/Box";
-import { useHydrateAtoms as Rt } from "jotai/utils";
-import { styled as Ye, createTheme as Qe, alpha as se } from "@mui/material/styles";
-import Ee from "react-avatar";
-function Go({ text: e }) {
-  const [t, o] = H(0);
-  return /* @__PURE__ */ f($, { children: [
-    /* @__PURE__ */ n(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ n(I, { variant: "caption", display: "block", children: /* @__PURE__ */ n("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+import { jsxs as x, Fragment as I, jsx as n } from "react/jsx-runtime";
+import { useState as z, createElement as pe, useEffect as Fe, useMemo as _t, createContext as Ft, useRef as de, useCallback as Te, useContext as Tt } from "react";
+import { Typography as L, Button as J, Paper as Je, Dialog as Ze, LinearProgress as je, DialogTitle as et, DialogContent as tt, DialogActions as ot, Autocomplete as me, TextField as ge, CircularProgress as se, Box as N, Chip as Pt, Tooltip as nt, Stack as Nt, useTheme as te, useMediaQuery as Ot, ListItemButton as Pe, ListItemIcon as Lt, Fade as it, ListItemText as Ne, ListItemSecondaryAction as It, Collapse as rt, List as Mt, Skeleton as he, Snackbar as Rt, Alert as $t, FormHelperText as Bt, Drawer as Ht, Avatar as Oe, Toolbar as Gt, Divider as Le, Container as Ut, IconButton as Wt } from "@mui/material";
+import { Cancel as zt, ArrowDropDown as qt, ExpandLess as Vt, ExpandMore as Kt, ViewHeadline as Yt } from "@mui/icons-material";
+import { useQuery as at } from "@tanstack/react-query";
+import Xt from "autosuggest-highlight/match";
+import Qt from "autosuggest-highlight/parse";
+import { useAuth0 as xe } from "@auth0/auth0-react";
+import { Buffer as Jt } from "buffer";
+import Zt from "@mui/material/Skeleton";
+import { atom as G, useAtom as V, useSetAtom as st, useAtomValue as Ie } from "jotai";
+import { useLocation as jt, Link as Me } from "react-router";
+import Re from "@mui/material/Stack";
+import { DataGrid as eo } from "@mui/x-data-grid";
+import { createHelper as to } from "souvlaki";
+import oo from "@mui/material/CssBaseline";
+import $e from "@mui/material/Box";
+import { useHydrateAtoms as no } from "jotai/utils";
+import { styled as lt, createTheme as ct, alpha as ue } from "@mui/material/styles";
+import Be from "react-avatar";
+function wn({ text: e }) {
+  const [t, o] = z(0);
+  return /* @__PURE__ */ x(I, { children: [
+    /* @__PURE__ */ n(L, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ n(L, { variant: "caption", display: "block", children: /* @__PURE__ */ n("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ n(
-      K,
+      J,
       {
         variant: "outlined",
         onClick: () => o((i) => i + 1),
@@ -68,78 +70,78 @@ function Go({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ f("p", { children: [
+    /* @__PURE__ */ x("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ n("span", { children: e })
     ] }),
-    /* @__PURE__ */ f(Be, { children: [
+    /* @__PURE__ */ x(Je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const Je = ({
+const dt = ({
   isOpen: e,
   dialogTitle: t,
   children: o,
   maxWidth: i,
   primaryButton: r,
   secondaryButton: s,
-  additionalButtons: u,
+  additionalButtons: d,
   onClose: a,
   sx: c,
-  "data-testid": l,
-  disableCloseOnBackdropOrEscape: g = !1,
-  isLoading: x = !1
+  "data-testid": u,
+  disableCloseOnBackdropOrEscape: m = !1,
+  isLoading: h = !1
 }) => {
-  var C, S;
-  const [v, m] = H(!1);
-  return /* @__PURE__ */ f(
-    Re,
+  var y, A;
+  const [v, g] = z(!1);
+  return /* @__PURE__ */ x(
+    Ze,
     {
       open: e,
-      onClose: (h, w) => L(null, null, function* () {
-        g && (w === "backdropClick" || w === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : a());
+      onClose: (f, b) => M(null, null, function* () {
+        m && (b === "backdropClick" || b === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : a());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": l,
+      "data-testid": u,
       sx: c,
       children: [
-        x && /* @__PURE__ */ n(Ue, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ n(He, { children: t }),
-        /* @__PURE__ */ n(We, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
-        /* @__PURE__ */ f(qe, { children: [
+        h && /* @__PURE__ */ n(je, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ n(et, { children: t }),
+        /* @__PURE__ */ n(tt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
+        /* @__PURE__ */ x(ot, { children: [
           /* @__PURE__ */ n(
-            K,
+            J,
             {
-              onClick: (C = s == null ? void 0 : s.onClick) != null ? C : a,
+              onClick: (y = s == null ? void 0 : s.onClick) != null ? y : a,
               "data-testid": s == null ? void 0 : s.testId,
               disabled: (s == null ? void 0 : s.disabled) || v,
               color: s == null ? void 0 : s.buttonColor,
-              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
+              children: (A = s == null ? void 0 : s.text) != null ? A : "Cancel"
             }
           ),
-          u && u.map((h, w) => {
-            var E;
+          d && d.map((f, b) => {
+            var D;
             return /* @__PURE__ */ n(
-              K,
+              J,
               {
-                onClick: h == null ? void 0 : h.onClick,
-                "data-testid": h == null ? void 0 : h.testId,
-                disabled: (h == null ? void 0 : h.disabled) || v,
-                color: h == null ? void 0 : h.buttonColor,
-                children: (E = h.text) != null ? E : `Button ${w}`
+                onClick: f == null ? void 0 : f.onClick,
+                "data-testid": f == null ? void 0 : f.testId,
+                disabled: (f == null ? void 0 : f.disabled) || v,
+                color: f == null ? void 0 : f.buttonColor,
+                children: (D = f.text) != null ? D : `Button ${b}`
               },
-              w
+              b
             );
           }),
           r && /* @__PURE__ */ n(
-            K,
+            J,
             {
-              onClick: () => L(null, null, function* () {
-                var h;
-                m(!0), yield (h = r.onClick) == null ? void 0 : h.call(r), m(!1);
+              onClick: () => M(null, null, function* () {
+                var f;
+                g(!0), yield (f = r.onClick) == null ? void 0 : f.call(r), g(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || v,
@@ -151,7 +153,7 @@ const Je = ({
       ]
     }
   );
-}, Ut = {
+}, io = {
   popper: {
     modifiers: [
       {
@@ -162,160 +164,160 @@ const Je = ({
       }
     ]
   }
-}, Ze = {
+}, ut = {
   right: 2
-}, je = ({
+}, pt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: o,
   label: i,
   inputValue: r
-}) => Ke({
+}) => at({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : o(r),
   queryKey: ["autocomplete", i, r]
 });
-function Vo({
-  lookup: e = () => L(null, null, function* () {
+function bn({
+  lookup: e = () => M(null, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: o,
   onInputChange: i,
   minLength: r = 0,
   label: s,
-  value: u,
+  value: d,
   "data-testid": a,
   sx: c,
-  boxSx: l,
-  textFieldColor: g,
-  textFieldVariant: x = "filled",
+  boxSx: u,
+  textFieldColor: m,
+  textFieldVariant: h = "filled",
   textFieldFocused: v,
-  textFieldSx: m,
-  loadingText: C = "Loading...",
-  noOptionsText: S = "No options",
-  popupIcon: h = /* @__PURE__ */ n(Ft, {}),
-  error: w = !1,
-  helperText: E = "",
-  preLoadedOptions: _ = void 0,
-  disablePortal: W = !1,
-  disableIconFlip: D = !1,
-  chipToolTipSlotProps: N = Ut,
-  placeholderText: B = void 0,
-  onRightClick: X = () => {
+  textFieldSx: g,
+  loadingText: y = "Loading...",
+  noOptionsText: A = "No options",
+  popupIcon: f = /* @__PURE__ */ n(qt, {}),
+  error: b = !1,
+  helperText: D = "",
+  preLoadedOptions: F = void 0,
+  disablePortal: R = !1,
+  disableIconFlip: k = !1,
+  chipToolTipSlotProps: P = io,
+  placeholderText: $ = void 0,
+  onRightClick: K = () => {
   },
-  disableDefaultRightClickBehaviour: q = !1,
-  readOnly: R,
-  hideInputEndAdornment: b
+  disableDefaultRightClickBehaviour: B = !1,
+  readOnly: H,
+  hideInputEndAdornment: E
 }) {
-  const [y, z] = H(""), J = (p, k) => {
-    const M = u.filter((ne) => ne.id !== k);
-    o(M, "delete", p);
-  }, { data: A, isLoading: P } = je({
-    inputValue: y,
+  const [S, U] = z(""), Y = (p, w) => {
+    const O = d.filter((X) => X.id !== w);
+    o(O, "delete", p);
+  }, { data: C, isLoading: T } = pt({
+    inputValue: S,
     label: s,
     lookup: e,
     minLength: r,
-    preLoadedOptions: _
-  }), G = y.length >= r;
-  return /* @__PURE__ */ f("div", { "data-testid": a, children: [
+    preLoadedOptions: F
+  }), W = S.length >= r;
+  return /* @__PURE__ */ x("div", { "data-testid": a, children: [
     /* @__PURE__ */ n(
-      ce,
+      me,
       {
-        sx: d(d({}, c), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: l(l({}, c), k ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": a ? `${a}:Autocomplete` : void 0,
-        disablePortal: W,
+        disablePortal: R,
         multiple: !0,
         getOptionLabel: (p) => typeof p == "string" ? p : p.label,
-        loading: G ? P : !1,
-        options: [...u, ...A != null ? A : []],
+        loading: W ? T : !1,
+        options: [...d, ...C != null ? C : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: u,
-        onChange: (p, k, M) => {
-          o(k, M, p);
+        value: d,
+        onChange: (p, w, O) => {
+          o(w, O, p);
         },
-        onInputChange: (p, k, M) => {
-          z(k), i && i(u, M, p);
+        onInputChange: (p, w, O) => {
+          U(w), i && i(d, O, p);
         },
-        noOptionsText: G ? S : "Start typing to search",
-        loadingText: C,
-        popupIcon: h,
+        noOptionsText: W ? A : "Start typing to search",
+        loadingText: y,
+        popupIcon: f,
         renderInput: (p) => /* @__PURE__ */ n(
-          de,
-          F(d({}, p), {
+          ge,
+          _(l({}, p), {
             label: s,
             fullWidth: !0,
-            variant: x,
-            error: w,
-            helperText: E,
+            variant: h,
+            error: b,
+            helperText: D,
             autoComplete: "off",
             slotProps: {
-              input: F(d({}, p.InputProps), {
-                endAdornment: b ? void 0 : /* @__PURE__ */ f($, { children: [
-                  P ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
+              input: _(l({}, p.InputProps), {
+                endAdornment: E ? void 0 : /* @__PURE__ */ x(I, { children: [
+                  T ? /* @__PURE__ */ n(se, { color: "inherit", size: 20 }) : null,
                   p.InputProps.endAdornment
                 ] })
               })
             },
             "data-testid": a ? `${a}:Autocomplete:TextField` : void 0,
-            onKeyDown: (k) => {
-              (k.key === "Backspace" || k.key === "Delete") && k.stopPropagation();
+            onKeyDown: (w) => {
+              (w.key === "Backspace" || w.key === "Delete") && w.stopPropagation();
             },
-            color: g,
-            placeholder: B,
-            sx: m,
+            color: m,
+            placeholder: $,
+            sx: g,
             focused: v
           })
         ),
         renderValue: () => null,
-        isOptionEqualToValue: (p, k) => p.id === k.id,
-        renderOption: (p, k, M) => {
+        isOptionEqualToValue: (p, w) => p.id === w.id,
+        renderOption: (p, w, O) => {
           if (t) {
-            const ne = Nt(k.label, M.inputValue, {
+            const X = Xt(w.label, O.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), at = It(k.label, ne);
-            return /* @__PURE__ */ le(
+            }), oe = Qt(w.label, X);
+            return /* @__PURE__ */ pe(
               "li",
-              F(d({}, p), {
-                key: k.id,
-                "data-testid": a ? `${a}:Autocomplete:option(${k.id.toString()})` : void 0
+              _(l({}, p), {
+                key: w.id,
+                "data-testid": a ? `${a}:Autocomplete:option(${w.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ n("div", { children: at.map((he, st) => /* @__PURE__ */ n(
+              /* @__PURE__ */ n("div", { children: oe.map((q, le) => /* @__PURE__ */ n(
                 "span",
                 {
                   style: {
-                    fontWeight: he.highlight ? 700 : 400
+                    fontWeight: q.highlight ? 700 : 400
                   },
-                  children: he.text
+                  children: q.text
                 },
-                st
+                le
               )) })
             );
           } else
-            return /* @__PURE__ */ le(
+            return /* @__PURE__ */ pe(
               "li",
-              F(d({}, p), {
-                key: k.id,
-                "data-testid": a ? `${a}:option(${k.id.toString()})` : void 0
+              _(l({}, p), {
+                key: w.id,
+                "data-testid": a ? `${a}:option(${w.id.toString()})` : void 0
               }),
-              k.label
+              w.label
             );
         },
         onMouseDownCapture: (p) => {
-          p.button === Ze.right && q && (p.preventDefault(), p.stopPropagation());
+          p.button === ut.right && B && (p.preventDefault(), p.stopPropagation());
         },
         onContextMenuCapture: (p) => {
-          q && (p.preventDefault(), p.stopPropagation()), X(p);
+          B && (p.preventDefault(), p.stopPropagation()), K(p);
         },
-        readOnly: R
+        readOnly: H
       }
     ),
-    u.length > 0 && /* @__PURE__ */ n(T, { sx: l, children: u.map((p) => {
-      var k;
+    d.length > 0 && /* @__PURE__ */ n(N, { sx: u, children: d.map((p) => {
+      var w;
       return /* @__PURE__ */ n(
-        ft,
+        Pt,
         {
           sx: {
             marginTop: 1,
@@ -323,18 +325,18 @@ function Vo({
             height: "auto"
           },
           label: /* @__PURE__ */ n(
-            ze,
+            nt,
             {
-              title: (k = p.tooltipContent) != null ? k : "",
+              title: (w = p.tooltipContent) != null ? w : "",
               placement: "bottom-start",
-              slotProps: N,
-              children: /* @__PURE__ */ n(I, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+              slotProps: P,
+              children: /* @__PURE__ */ n(L, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
             }
           ),
           "data-testid": a ? `${a}:Chip(${p.id.toString()})` : void 0,
-          onDelete: (M) => J(M, p.id),
+          onDelete: (O) => Y(O, p.id),
           deleteIcon: /* @__PURE__ */ n(
-            Et,
+            zt,
             {
               "data-testid": a ? `${a}:Chip(${p.id.toString()}):deleteIcon` : void 0
             }
@@ -345,119 +347,119 @@ function Vo({
     }) })
   ] });
 }
-const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
-  lookup: e = () => L(null, null, function* () {
+const En = /MUI: The value provided to.*is invalid/i, kn = ({
+  lookup: e = () => M(null, null, function* () {
   }),
   onChange: t,
   onInputChange: o,
   label: i,
   value: r,
   sx: s,
-  textFieldColor: u,
+  textFieldColor: d,
   textFieldVariant: a = "filled",
   textFieldFocused: c,
-  textFieldSx: l,
-  error: g = !1,
-  "data-testid": x,
+  textFieldSx: u,
+  error: m = !1,
+  "data-testid": h,
   loadingText: v = "Loading...",
-  noOptionsText: m = "No options",
-  minLength: C = 3,
-  disablePortal: S = !1,
-  preLoadedOptions: h,
-  helperText: w = "",
-  disabled: E,
-  popupIcon: _,
-  disableIconFlip: W,
-  placeholderText: D = void 0,
-  onRightClick: N = () => {
+  noOptionsText: g = "No options",
+  minLength: y = 3,
+  disablePortal: A = !1,
+  preLoadedOptions: f,
+  helperText: b = "",
+  disabled: D,
+  popupIcon: F,
+  disableIconFlip: R,
+  placeholderText: k = void 0,
+  onRightClick: P = () => {
   },
-  disableDefaultRightClickBehaviour: B = !1,
-  readOnly: X,
-  hideInputEndAdornment: q
+  disableDefaultRightClickBehaviour: $ = !1,
+  readOnly: K,
+  hideInputEndAdornment: B
 }) => {
-  const [R, b] = H(""), { data: y, isLoading: z } = je({
-    inputValue: R,
+  const [H, E] = z(""), { data: S, isLoading: U } = pt({
+    inputValue: H,
     label: i,
     lookup: e,
-    minLength: C != null ? C : 0,
-    preLoadedOptions: h
-  }), J = R.length >= C;
-  return /* @__PURE__ */ n("div", { "data-testid": x, children: /* @__PURE__ */ n(
-    mt,
+    minLength: y != null ? y : 0,
+    preLoadedOptions: f
+  }), Y = H.length >= y;
+  return /* @__PURE__ */ n("div", { "data-testid": h, children: /* @__PURE__ */ n(
+    Nt,
     {
       direction: "row",
       spacing: 1,
-      onMouseDownCapture: (A) => {
-        A.button === Ze.right && B && (A.preventDefault(), A.stopPropagation());
+      onMouseDownCapture: (C) => {
+        C.button === ut.right && $ && (C.preventDefault(), C.stopPropagation());
       },
-      onContextMenuCapture: (A) => {
-        B && (A.preventDefault(), A.stopPropagation()), N(A);
+      onContextMenuCapture: (C) => {
+        $ && (C.preventDefault(), C.stopPropagation()), P(C);
       },
       children: /* @__PURE__ */ n(
-        ce,
+        me,
         {
-          sx: d(d({}, s), W ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-          "data-testid": x ? `${x}:Autocomplete` : void 0,
-          loading: J ? z : !1,
-          options: y != null ? y : [],
-          onChange: (A, P, G) => {
-            t(A, P, G);
+          sx: l(l({}, s), R ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+          "data-testid": h ? `${h}:Autocomplete` : void 0,
+          loading: Y ? U : !1,
+          options: S != null ? S : [],
+          onChange: (C, T, W) => {
+            t(C, T, W);
           },
-          disablePortal: S,
-          filterOptions: (A) => A,
+          disablePortal: A,
+          filterOptions: (C) => C,
           value: r,
-          noOptionsText: J ? m : "Start typing to search",
+          noOptionsText: Y ? g : "Start typing to search",
           loadingText: v,
-          getOptionLabel: (A) => A.label,
-          popupIcon: _,
-          renderInput: (A) => /* @__PURE__ */ n(
-            de,
-            F(d({
-              "data-testid": x ? `${x}:Autocomplete:TextField` : void 0
-            }, A), {
+          getOptionLabel: (C) => C.label,
+          popupIcon: F,
+          renderInput: (C) => /* @__PURE__ */ n(
+            ge,
+            _(l({
+              "data-testid": h ? `${h}:Autocomplete:TextField` : void 0
+            }, C), {
               variant: a,
               label: i,
-              color: u,
-              error: g,
-              helperText: w,
+              color: d,
+              error: m,
+              helperText: b,
               autoComplete: "off",
               slotProps: {
-                input: F(d({}, A.InputProps), {
-                  endAdornment: q ? void 0 : /* @__PURE__ */ f($, { children: [
-                    z ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
-                    A.InputProps.endAdornment
+                input: _(l({}, C.InputProps), {
+                  endAdornment: B ? void 0 : /* @__PURE__ */ x(I, { children: [
+                    U ? /* @__PURE__ */ n(se, { color: "inherit", size: 20 }) : null,
+                    C.InputProps.endAdornment
                   ] })
                 })
               },
-              placeholder: D,
-              sx: l,
+              placeholder: k,
+              sx: u,
               focused: c
             })
           ),
-          isOptionEqualToValue: (A, P) => A.id === P.id,
-          onInputChange: (A, P, G) => {
-            b(P), o && o(P, G, A);
+          isOptionEqualToValue: (C, T) => C.id === T.id,
+          onInputChange: (C, T, W) => {
+            E(T), o && o(T, W, C);
           },
-          renderOption: (A, P) => /* @__PURE__ */ le(
+          renderOption: (C, T) => /* @__PURE__ */ pe(
             "li",
-            F(d({}, A), {
-              key: P.id,
-              "data-testid": x ? `${x}:Autocomplete:option(${P.id.toString()})` : void 0
+            _(l({}, C), {
+              key: T.id,
+              "data-testid": h ? `${h}:Autocomplete:option(${T.id.toString()})` : void 0
             }),
-            P.label
+            T.label
           ),
-          disabled: E,
-          readOnly: X
+          disabled: D,
+          readOnly: K
         }
       )
     }
   ) });
-}, Ht = (e) => {
+}, ro = (e) => {
   if (!e)
     return -1;
   try {
     const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      Lt.from(o, "base64").toString("utf8").split("").map(function(s) {
+      Jt.from(o, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
@@ -465,21 +467,21 @@ const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
   } catch (t) {
     return -1;
   }
-}, Yo = ({
+}, _n = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: o
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ue();
+  const { logout: i, getAccessTokenSilently: r } = xe();
   return /* @__PURE__ */ n(
-    Je,
+    dt,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: () => L(null, null, function* () {
-          const l = yield r({ cacheMode: "off" }), g = Ht(l) * 1e3;
-          o(g), t();
+        onClick: () => M(null, null, function* () {
+          const u = yield r({ cacheMode: "off" }), m = ro(u) * 1e3;
+          o(m), t();
         }),
         disabled: !1,
         testId: "PreferencesDialog",
@@ -487,7 +489,7 @@ const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
       },
       secondaryButton: {
         text: "Log out",
-        onClick: () => L(null, null, function* () {
+        onClick: () => M(null, null, function* () {
           i({ logoutParams: { returnTo: `${window.location.origin}` } });
         }),
         disabled: !1,
@@ -501,25 +503,25 @@ const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
     }
   );
 };
-function Wt(e) {
+function ao(e) {
   return "error" in e;
 }
-function qt(e) {
+function so(e) {
   var i;
   const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && o.startsWith("You do not have the required authorization");
 }
-function zt(e) {
+function lo(e) {
   var i;
   const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && o.startsWith("User did not authorize the request");
 }
-function Gt(e) {
+function co(e) {
   var i;
   const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && o.match(/Script.*time.*exceeded/);
 }
-function Qo({
+function Fn({
   children: e,
   appName: t = "the app",
   throwErrors: o = "none",
@@ -527,12 +529,12 @@ function Qo({
   onError: r = () => {
   }
 }) {
-  var x, v;
-  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: c, logout: l } = ue();
-  xe(() => {
+  var h, v;
+  const { isAuthenticated: s, isLoading: d, error: a, loginWithRedirect: c, logout: u } = xe();
+  Fe(() => {
     a && r(a);
   }, [a, r]);
-  const g = ut(
+  const m = _t(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -540,234 +542,426 @@ function Qo({
     }),
     []
   );
-  if (xe(() => {
-    u || s || a || c(g);
-  }, [u, s, a, c, r, g]), a) {
+  if (Fe(() => {
+    d || s || a || c(m);
+  }, [d, s, a, c, r, m]), a) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${u}]`,
+      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${d}]`,
       a
     ), o === "all")
       throw a;
-    if (Wt(a)) {
-      let m = "Auth error", C = "An unknown Auth0 error occurred.";
-      if (qt(a))
-        m = "Unauthorised", C = `You are not authorised to access ${t}.`;
-      else if (zt(a))
-        m = "App not authorised", C = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Gt(a))
-        m = "Auth0 script execution time exceeded", C = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
+    if (ao(a)) {
+      let g = "Auth error", y = "An unknown Auth0 error occurred.";
+      if (so(a))
+        g = "Unauthorised", y = `You are not authorised to access ${t}.`;
+      else if (lo(a))
+        g = "App not authorised", y = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (co(a))
+        g = "Auth0 script execution time exceeded", y = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
       else if (a.message === "Invalid state") {
-        const S = localStorage.getItem("auth0_redirect_count");
-        S ? S && parseInt(S) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(S) + 1)), c(g)) : (localStorage.setItem("auth0_redirect_count", "1"), c(g));
+        const A = localStorage.getItem("auth0_redirect_count");
+        A ? A && parseInt(A) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(A) + 1)), c(m)) : (localStorage.setItem("auth0_redirect_count", "1"), c(m));
       } else if (o === "unknown") throw a;
-      return /* @__PURE__ */ f(Re, { open: !0, children: [
-        /* @__PURE__ */ n(He, { children: m }),
-        /* @__PURE__ */ f(We, { children: [
-          /* @__PURE__ */ n(I, { children: C }),
+      return /* @__PURE__ */ x(Ze, { open: !0, children: [
+        /* @__PURE__ */ n(et, { children: g }),
+        /* @__PURE__ */ x(tt, { children: [
+          /* @__PURE__ */ n(L, { children: y }),
           /* @__PURE__ */ n("br", {}),
-          /* @__PURE__ */ n(I, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ f(I, { variant: "body2", children: [
+          /* @__PURE__ */ n(L, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ x(L, { variant: "body2", children: [
             "error: ",
-            (x = a == null ? void 0 : a.error) != null ? x : "N/A"
+            (h = a == null ? void 0 : a.error) != null ? h : "N/A"
           ] }),
-          /* @__PURE__ */ f(I, { variant: "body2", children: [
+          /* @__PURE__ */ x(L, { variant: "body2", children: [
             "description: ",
             (v = a == null ? void 0 : a.error_description) != null ? v : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ f(qe, { children: [
-          m === "Auth0 script execution time exceeded" && /* @__PURE__ */ n(K, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ n(K, { onClick: () => l({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+        /* @__PURE__ */ x(ot, { children: [
+          g === "Auth0 script execution time exceeded" && /* @__PURE__ */ n(J, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ n(J, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
     } else if (o === "unknown") throw a;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n($, { children: e })) : /* @__PURE__ */ n($t, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n(I, { children: e })) : /* @__PURE__ */ n(Zt, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const pe = () => {
-  const e = oe();
-  return gt(e.breakpoints.down("sm"));
-}, Vt = 64, Kt = 72, Xt = 256, Q = O(!0), Yt = O(Xt), Qt = O(Kt), Fe = O(""), Jt = O(void 0), Zt = O(Vt), jt = O(void 0), eo = ({
+const Ae = () => {
+  const e = te();
+  return Ot(e.breakpoints.down("sm"));
+}, uo = 64, po = 72, ho = 256, ee = G(!0), fo = G(ho), mo = G(po), He = G(""), go = G(void 0), xo = G(uo), Ao = G(void 0), Co = ({
   label: e,
   to: t,
   icon: o,
   subMenu: i,
   subMenuInitialOpen: r,
   onClick: s,
-  closeOnSmallScreen: u,
+  closeOnSmallScreen: d,
   disabled: a = !1,
   openInNewWindow: c = !1,
-  extraSubIndentSpace: l = 0,
-  tooltip: g = "",
-  tooltipMenuOpen: x = "",
+  extraSubIndentSpace: u = 0,
+  tooltip: m = "",
+  tooltipMenuOpen: h = "",
   tooltipMenuClosed: v = ""
 }) => {
-  const [m, C] = H(r), [S, h] = U(Q), { pathname: w } = Mt(), E = pe(), _ = "  ".repeat(l);
-  return /* @__PURE__ */ f($, { children: [
+  const [g, y] = z(r), [A, f] = V(ee), { pathname: b } = jt(), D = Ae(), F = "  ".repeat(u);
+  return /* @__PURE__ */ x(I, { children: [
     /* @__PURE__ */ n(
-      ze,
+      nt,
       {
-        title: g || (x && S ? x : v && !S ? v : ""),
+        title: m || (h && A ? h : v && !A ? v : ""),
         arrow: !0,
         placement: "right",
-        children: /* @__PURE__ */ f(
-          Ce,
-          F(d({
-            component: t ? De : "button",
+        children: /* @__PURE__ */ x(
+          Pe,
+          _(l({
+            component: t ? Me : "button",
             sx: { width: "100%" },
             to: t,
             onClick: () => {
-              s == null || s(), S ? (C((D) => !D), u && E && h(!1)) : i && (C(!0), h(!0));
+              s == null || s(), A ? (y((k) => !k), d && D && f(!1)) : i && (y(!0), f(!0));
             },
             "aria-label": e,
-            selected: w === t,
+            selected: b === t,
             disabled: a
           }, c ? { rel: "noopener noreferrer", target: "_blank" } : {}), {
             children: [
-              /* @__PURE__ */ n(xt, { sx: { padding: "8px" }, children: o }),
-              /* @__PURE__ */ n(Ge, { in: S, unmountOnExit: !0, children: /* @__PURE__ */ f(T, { children: [
-                /* @__PURE__ */ n(Se, { primary: e }),
-                i && /* @__PURE__ */ n(At, { children: m ? /* @__PURE__ */ n(_t, {}) : /* @__PURE__ */ n(Pt, {}) })
+              /* @__PURE__ */ n(Lt, { sx: { padding: "8px" }, children: o }),
+              /* @__PURE__ */ n(it, { in: A, unmountOnExit: !0, children: /* @__PURE__ */ x(N, { children: [
+                /* @__PURE__ */ n(Ne, { primary: e }),
+                i && /* @__PURE__ */ n(It, { children: g ? /* @__PURE__ */ n(Vt, {}) : /* @__PURE__ */ n(Kt, {}) })
               ] }) })
             ]
           })
         )
       }
     ),
-    i && /* @__PURE__ */ n(Ve, { in: m && S, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ n(Ct, { component: "div", disablePadding: !0, children: i.map((D) => /* @__PURE__ */ n(
-      Ce,
+    i && /* @__PURE__ */ n(rt, { in: g && A, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ n(Mt, { component: "div", disablePadding: !0, children: i.map((k) => /* @__PURE__ */ n(
+      Pe,
       {
         onClick: () => {
-          D.onClick && (D == null || D.onClick()), S && D != null && D.closeOnSmallScreen && E && h(!1);
+          k.onClick && (k == null || k.onClick()), A && k != null && k.closeOnSmallScreen && D && f(!1);
         },
-        to: D.to,
-        component: D.to ? De : "button",
+        to: k.to,
+        component: k.to ? Me : "button",
         sx: { width: "100%" },
-        selected: w === D.to,
-        disabled: D.disabled,
+        selected: b === k.to,
+        disabled: k.disabled,
         children: /* @__PURE__ */ n(
-          Se,
+          Ne,
           {
-            primary: _ + D.label,
+            primary: F + k.label,
             inset: !0,
             slotProps: { primary: { variant: "body2" } }
           }
         )
       },
-      D.label
+      k.label
     )) }) })
   ] });
-}, Jo = (o) => {
-  var i = o, { subMenuInitialOpen: e } = i, t = re(i, ["subMenuInitialOpen"]);
+}, Tn = (o) => {
+  var i = o, { subMenuInitialOpen: e } = i, t = Z(i, ["subMenuInitialOpen"]);
   const r = e === void 0 ? "initial-undefined" : String(e);
-  return /* @__PURE__ */ n(eo, d({ subMenuInitialOpen: e }, t), r);
-}, to = {
+  return /* @__PURE__ */ n(Co, l({ subMenuInitialOpen: e }, t), r);
+}, So = 0.11, fe = 10, vo = 40, yo = {
+  marginLeft: "3px",
+  marginRight: "3px",
+  borderRadius: 2
+}, Ge = {
+  display: "flex",
+  flexDirection: "row"
+}, Do = {}, wo = (e, t, o, i) => {
+  const r = `rgba(0, 0, 0, ${So * ((fe - e) / fe)})`;
+  return /* @__PURE__ */ n(I, { children: t.map((s, d) => /* @__PURE__ */ n(
+    he,
+    {
+      variant: "rectangular",
+      height: o,
+      sx: l({ bgcolor: r, flex: s, marginTop: -1, marginBottom: -1 }, i)
+    },
+    d
+  )) });
+}, bo = ({
+  numberOfRows: e,
+  firstRowStyle: t = Do,
+  rowHeight: o = vo,
+  columnWidths: i,
+  columnStyles: r = yo
+}) => {
+  const s = Array(Math.min(e, fe)).fill(1);
+  return /* @__PURE__ */ n(
+    N,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: s.map((d, a) => {
+        const c = a === 0 ? l(l({}, Ge), t) : Ge;
+        return /* @__PURE__ */ n("p", { style: c, children: wo(a, i, o, r) }, a);
+      })
+    }
+  );
+}, Eo = {
+  name: "shiftDataGridPanelAboveColumnHeaders",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn({ state: e }) {
+    const t = e.elements.reference;
+    if (!(t instanceof HTMLElement))
+      return;
+    const o = t.closest(".MuiDataGrid-root");
+    if (!o)
+      return;
+    const i = o.querySelector(".MuiDataGrid-columnHeaders"), r = t.getBoundingClientRect();
+    let d = t.getAttribute("data-id") === "gridPanelAnchor";
+    if (!d && i instanceof HTMLElement) {
+      const v = i.getBoundingClientRect().bottom;
+      d = r.top >= v - 1;
+    }
+    if (!d)
+      return;
+    const a = getComputedStyle(o).getPropertyValue("--DataGrid-headersTotalHeight").trim(), c = parseFloat(a), m = (Number.isFinite(c) && c > 0 ? c : 56) + 8, h = e.modifiersData.popperOffsets;
+    h && (h.y -= m);
+  }
+}, ko = 111, _o = 10, Fo = [10], To = {
+  backgroundColor: "white",
+  // We don't want a focused cell to have a border
+  "&.MuiDataGrid-root .MuiDataGrid-cell:focus": {
+    outline: "none"
+  },
+  "&.MuiDataGrid-root .MuiDataGrid-columnHeader:focus": {
+    outline: "none"
+  },
+  "&.MuiDataGrid-root .MuiDataGrid-cell:focus-within": {
+    outline: "none"
+  },
+  "&.MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within": {
+    outline: "none"
+  }
+}, Po = process.env.NODE_ENV === "test", Pn = (K) => {
+  var B = K, {
+    loading: e = !1,
+    skeletonColumnWidths: t = Fo,
+    paginationModel: o,
+    onPaginationModelChange: i,
+    layout: r = "fixed",
+    footer: s = "standard",
+    loadingVariant: d = "skeleton",
+    autoTableHeight: a = !1,
+    maxHeight: c,
+    noRowsMessage: u = "No rows",
+    noResultsMessage: m = "No results",
+    rowHeight: h = 52,
+    paginationMode: v = "client",
+    filterMode: g = "client",
+    pageSizeOptions: y = [5, 10, 25, 50, 100],
+    rows: A,
+    sx: f,
+    hideFooter: b,
+    slots: D,
+    "aria-label": F,
+    "aria-labelledby": R,
+    "aria-describedby": k,
+    slotProps: P
+  } = B, $ = Z(B, [
+    "loading",
+    "skeletonColumnWidths",
+    "paginationModel",
+    "onPaginationModelChange",
+    "layout",
+    "footer",
+    "loadingVariant",
+    "autoTableHeight",
+    "maxHeight",
+    "noRowsMessage",
+    "noResultsMessage",
+    "rowHeight",
+    "paginationMode",
+    "filterMode",
+    "pageSizeOptions",
+    "rows",
+    "sx",
+    "hideFooter",
+    "slots",
+    "aria-label",
+    "aria-labelledby",
+    "aria-describedby",
+    "slotProps"
+  ]);
+  var ve, ye, De, we;
+  const Se = P != null ? P : {}, { main: H } = Se, E = Z(Se, ["main"]), S = (ve = E.panel) != null ? ve : {}, U = { page: 0, pageSize: _o }, [Y, C] = z(
+    o != null ? o : U
+  ), T = o !== void 0, W = s === "standard" || s === "custom" || T, p = T ? o : Y, { pageSize: w } = p, O = ko + w * h, X = r === "fixed" && a && A && A.length !== 0 && p.page !== Math.floor(A.length / w), oe = r === "auto", q = c != null, le = q ? c : oe || X ? "auto" : O, Ct = !q && (oe || X), St = s === "hidden" || b === !0, vt = (be) => {
+    T || C(be), i == null || i(be);
+  }, yt = () => /* @__PURE__ */ n(bo, { numberOfRows: w, columnWidths: t }), Dt = () => /* @__PURE__ */ n(Re, { height: "100%", alignItems: "center", justifyContent: "center", children: e ? "" : u }), wt = () => /* @__PURE__ */ n(Re, { height: "100%", alignItems: "center", justifyContent: "center", children: e ? "" : m }), ne = {};
+  d === "skeleton" && (ne.loadingOverlay = yt), D != null && D.noRowsOverlay || (ne.noRowsOverlay = Dt), D != null && D.noResultsOverlay || (ne.noResultsOverlay = wt);
+  const Ce = te();
+  return /* @__PURE__ */ n(
+    N,
+    {
+      height: le,
+      width: "100%",
+      sx: q ? { display: "flex", flexDirection: "column", minHeight: 0 } : void 0,
+      children: /* @__PURE__ */ n(
+        eo,
+        l(_(l({
+          slots: l(l({}, ne), D),
+          slotProps: _(l({}, E), {
+            // Open filter/columns preference panel above the grid body; Popper modifier clears column headers.
+            // GridPanel forwards extra props to BasePopper; MUI typings omit several keys on slotProps.panel.
+            panel: _(l({}, S), {
+              placement: (ye = S.placement) != null ? ye : "top-end",
+              popperOptions: _(l({}, S.popperOptions), {
+                modifiers: [
+                  Eo,
+                  ...(we = (De = S.popperOptions) == null ? void 0 : De.modifiers) != null ? we : []
+                ]
+              })
+            }),
+            filterPanel: l({
+              filterFormProps: {
+                columnInputProps: { "aria-label": "Filter by column" },
+                operatorInputProps: { "aria-label": "Filter operator" },
+                valueInputProps: { "aria-label": "Filter value" }
+              }
+            }, E.filterPanel),
+            main: l(l(l(l({}, H), F != null ? { "aria-label": F } : {}), R != null ? { "aria-labelledby": R } : {}), k != null ? { "aria-describedby": k } : {})
+          }),
+          disableRowSelectionOnClick: !0,
+          rowHeight: h,
+          autoHeight: Ct,
+          hideFooter: St,
+          sx: _(l(l(l({}, To), q ? { height: "100%" } : {}), f), {
+            "&.MuiDataGrid-root .Mui-selected": {
+              backgroundColor: `${Ce.palette.secondary.main}15`,
+              "&:hover": {
+                backgroundColor: `${Ce.palette.secondary.main}1E`
+              }
+            }
+          }),
+          disableVirtualization: Po,
+          loading: e,
+          rows: A
+        }, W ? {
+          paginationModel: p,
+          onPaginationModelChange: vt
+        } : {}), {
+          paginationMode: v,
+          filterMode: g,
+          pageSizeOptions: y
+        }), $)
+      )
+    }
+  );
+}, No = {
   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
-}, oo = {
+}, Oo = {
   shouldClose: (e, t) => t !== "clickaway"
-}, _e = {
+}, Ue = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Pe = 100, Te = 2e3, no = 2e3, io = /* @__PURE__ */ (() => {
+}, We = 100, ze = 2e3, Lo = 2e3, Io = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), ro = {
+})(), Mo = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, ao = {}, so = {}, et = pt(null);
-function lo(s) {
-  var u = s, {
-    overrideState: e = ao,
-    overrideActions: t = so,
-    shouldClose: o = oo.shouldClose,
+}, Ro = {}, $o = {}, ht = Ft(null);
+function Bo(s) {
+  var d = s, {
+    overrideState: e = Ro,
+    overrideActions: t = $o,
+    shouldClose: o = Oo.shouldClose,
     children: i
-  } = u, r = re(u, [
+  } = d, r = Z(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var R;
-  const [{ open: a }, c] = H({ open: !1 }), l = ae([]), g = ae(Date.now()), x = ae(0), v = Ae((b) => {
-    c({ open: b });
-  }, []), m = Ae((b = {}) => {
-    x.current += 1, l.current.length >= Pe && Date.now() - g.current >= Te && (g.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Pe}) hit ${x.current} times in last ${Te}ms)`
-    ), x.current = 0);
-    const y = d(F(d({}, _e), {
-      key: io()
-    }), b);
-    return l.current.push(y), l.current.length === 1 && c({ open: !0 }), y.key;
-  }, []), C = (b = "", y = {}) => m(d({ message: b, severity: "success" }, y)), S = (b = "", y = {}) => m(d({ message: b, severity: "info" }, y)), h = (b = "", y = {}) => m(d({ message: b, severity: "warning" }, y)), w = (b = "", y = {}) => m(d({ message: b, severity: "error" }, y)), E = (b) => {
-    const y = l.current.findIndex((z) => z.key === b);
-    if (y !== -1)
-      return y === 0 ? (c({ open: !1 }), l.current[0]) : l.current.splice(y, 1);
-  }, _ = (b, y) => {
-    o(b, y) && c({ open: !1 });
-  }, W = () => {
-  }, D = () => {
-    l.current.shift(), l.current.length > 0 && c({ open: !0 });
-  }, N = (R = l.current[0]) != null ? R : d({}, _e), B = {};
-  "autoHideDuration" in N && (B.autoHideDuration = N.autoHideDuration);
-  const X = d(d({}, to), r), q = d(d({
+  var H;
+  const [{ open: a }, c] = z({ open: !1 }), u = de([]), m = de(Date.now()), h = de(0), v = Te((E) => {
+    c({ open: E });
+  }, []), g = Te((E = {}) => {
+    h.current += 1, u.current.length >= We && Date.now() - m.current >= ze && (m.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${We}) hit ${h.current} times in last ${ze}ms)`
+    ), h.current = 0);
+    const S = l(_(l({}, Ue), {
+      key: Io()
+    }), E);
+    return u.current.push(S), u.current.length === 1 && c({ open: !0 }), S.key;
+  }, []), y = (E = "", S = {}) => g(l({ message: E, severity: "success" }, S)), A = (E = "", S = {}) => g(l({ message: E, severity: "info" }, S)), f = (E = "", S = {}) => g(l({ message: E, severity: "warning" }, S)), b = (E = "", S = {}) => g(l({ message: E, severity: "error" }, S)), D = (E) => {
+    const S = u.current.findIndex((U) => U.key === E);
+    if (S !== -1)
+      return S === 0 ? (c({ open: !1 }), u.current[0]) : u.current.splice(S, 1);
+  }, F = (E, S) => {
+    o(E, S) && c({ open: !1 });
+  }, R = () => {
+  }, k = () => {
+    u.current.shift(), u.current.length > 0 && c({ open: !0 });
+  }, P = (H = u.current[0]) != null ? H : l({}, Ue), $ = {};
+  "autoHideDuration" in P && ($.autoHideDuration = P.autoHideDuration);
+  const K = l(l({}, No), r), B = l(l({
     open: a,
     setOpen: v,
-    enqueueNotification: m,
-    enqueueSuccessNotification: C,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: h,
-    enqueueErrorNotification: w,
-    removeNotification: E
+    enqueueNotification: g,
+    enqueueSuccessNotification: y,
+    enqueueInfoNotification: A,
+    enqueueWarningNotification: f,
+    enqueueErrorNotification: b,
+    removeNotification: D
   }, e), t);
-  return /* @__PURE__ */ f(et.Provider, { value: q, children: [
+  return /* @__PURE__ */ x(ht.Provider, { value: B, children: [
     i,
     /* @__PURE__ */ n(
-      St,
-      F(d(d({}, X), B), {
+      Rt,
+      _(l(l({}, K), $), {
         open: a,
-        onClose: _,
+        onClose: F,
         TransitionProps: {
-          onExited: D,
-          onExit: W
+          onExited: k,
+          onExit: R
         },
-        sx: { zIndex: no },
-        children: /* @__PURE__ */ f("div", { children: [
+        sx: { zIndex: Lo },
+        children: /* @__PURE__ */ x("div", { children: [
           /* @__PURE__ */ n(
-            vt,
+            $t,
             {
-              onClose: (b) => _(b, "closeAlert"),
-              severity: N.severity,
+              onClose: (E) => F(E, "closeAlert"),
+              severity: P.severity,
               variant: "filled",
-              icon: N.progressIndicator === "circular" ? /* @__PURE__ */ n(te, { size: "1em" }) : void 0,
-              style: N.progressIndicator === "linear" ? ro : void 0,
-              children: N.message
+              icon: P.progressIndicator === "circular" ? /* @__PURE__ */ n(se, { size: "1em" }) : void 0,
+              style: P.progressIndicator === "linear" ? Mo : void 0,
+              children: P.message
             }
           ),
-          N.progressIndicator === "linear" && /* @__PURE__ */ n(Ue, { color: "primary" })
+          P.progressIndicator === "linear" && /* @__PURE__ */ n(je, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-class tt extends Error {
+class ft extends Error {
 }
-ge(tt, "errorName", "ContextError");
-function co() {
-  const e = ht(et);
+_e(ft, "errorName", "ContextError");
+function Ho() {
+  const e = Tt(ht);
   if (e === null)
-    throw new tt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ft("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Zo = Ot(
-  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(lo, F(d({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ n($, { children: i }) }))
-), uo = {
+const Nn = to(
+  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(Bo, _(l({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ n(I, { children: i }) }))
+), Go = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -779,108 +973,108 @@ const Zo = Ot(
   ag: "AG",
   fedmps: "FedMPs",
   "": ""
-}, ot = "domainCode";
-var Oe;
-const Ne = O(
-  JSON.parse((Oe = localStorage.getItem(ot)) != null ? Oe : '{"domainCode": ""}').domainCode
-), po = O(
-  (e) => e(Ne),
+}, mt = "domainCode";
+var Qe;
+const qe = G(
+  JSON.parse((Qe = localStorage.getItem(mt)) != null ? Qe : '{"domainCode": ""}').domainCode
+), Uo = G(
+  (e) => e(qe),
   (e, t, o) => {
-    t(Ne, o), localStorage.setItem(ot, JSON.stringify({ domainCode: o }));
+    t(qe, o), localStorage.setItem(mt, JSON.stringify({ domainCode: o }));
   }
-), nt = (e) => {
+), gt = (e) => {
   var t;
-  return e === null ? "N/A" : (t = uo[e]) != null ? t : "";
-}, jo = ({
+  return e === null ? "N/A" : (t = Go[e]) != null ? t : "";
+}, On = ({
   isLoading: e,
   isOpen: t,
   onClose: o,
   onDomainChange: i,
   domainOptions: r,
   applicationName: s,
-  handleLogout: u
+  handleLogout: d
 }) => {
-  const [a, c] = U(po), [l, g] = H(a), { enqueueSuccessNotification: x } = co(), v = r.length === 0, m = !!a && !r.includes(a) && !r.includes(l), C = !a || v || m, S = () => L(null, null, function* () {
-    l ? (c(l), i == null || i(l), x(`Set organisation to ${l}`), o()) : (c(""), i == null || i(""));
-  }), h = () => L(null, null, function* () {
-    a && !v && !m ? (g(a), o()) : C && u();
+  const [a, c] = V(Uo), [u, m] = z(a), { enqueueSuccessNotification: h } = Ho(), v = r.length === 0, g = !!a && !r.includes(a) && !r.includes(u), y = !a || v || g, A = () => M(null, null, function* () {
+    u ? (c(u), i == null || i(u), h(`Set organisation to ${u}`), o()) : (c(""), i == null || i(""));
+  }), f = () => M(null, null, function* () {
+    a && !v && !g ? (m(a), o()) : y && d();
   });
-  let w;
-  return v ? w = "Unable to retrieve your active organisations. Try logging in again." : m && (w = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
-    Je,
+  let b;
+  return v ? b = "Unable to retrieve your active organisations. Try logging in again." : g && (b = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ x(
+    dt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: S,
-        disabled: !l || v || m,
+        onClick: A,
+        disabled: !u || v || g,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: C ? "Logout" : "Cancel",
-        onClick: h
+        text: y ? "Logout" : "Cancel",
+        onClick: f
       },
-      onClose: C ? () => {
+      onClose: y ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ f(I, { marginBottom: 2, children: [
+        /* @__PURE__ */ x(L, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
         ] }),
         /* @__PURE__ */ n(
-          ce,
+          me,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: l !== "" ? l : null,
-            onChange: (E, _) => g(_ != null ? _ : ""),
-            getOptionLabel: nt,
+            value: u !== "" ? u : null,
+            onChange: (D, F) => m(F != null ? F : ""),
+            getOptionLabel: gt,
             options: [...r.toSorted()],
-            renderInput: (E) => /* @__PURE__ */ n(
-              de,
-              F(d({}, E), {
+            renderInput: (D) => /* @__PURE__ */ n(
+              ge,
+              _(l({}, D), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: F(d({}, E.InputProps), {
-                  endAdornment: /* @__PURE__ */ f($, { children: [
-                    e ? /* @__PURE__ */ n(te, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    E.InputProps.endAdornment
+                InputProps: _(l({}, D.InputProps), {
+                  endAdornment: /* @__PURE__ */ x(I, { children: [
+                    e ? /* @__PURE__ */ n(se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    D.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        w && /* @__PURE__ */ n(wt, { error: !0, children: w })
+        b && /* @__PURE__ */ n(Bt, { error: !0, children: b })
       ]
     }
   );
 };
-function ho({ links: e }) {
+function Wo({ links: e }) {
   return /* @__PURE__ */ n("div", { children: "LinksMenu not implemented yet" });
 }
-const j = "Navbar", Y = {
-  root: `${j}-root`,
-  menuButton: `${j}-menuButton`,
-  hide: `${j}-hide`,
-  content: `${j}-content`
+const re = "Navbar", j = {
+  root: `${re}-root`,
+  menuButton: `${re}-menuButton`,
+  hide: `${re}-hide`,
+  content: `${re}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, fo = Ye(T, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${Y.root}`]: {
+}, zo = lt(N, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${j.root}`]: {
     display: "flex"
   },
-  [`& .${Y.menuButton}`]: {
+  [`& .${j.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${Y.hide}`]: {
+  [`& .${j.hide}`]: {
     display: "none"
   },
-  [`& .${Y.content}`]: {
+  [`& .${j.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -889,14 +1083,14 @@ const j = "Navbar", Y = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), V = (e, t, o) => e.transitions.create(t, {
+})), Q = (e, t, o) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), mo = (e) => {
-  const t = oe();
+}), qo = (e) => {
+  const t = te();
   return /* @__PURE__ */ n(
-    Ve,
-    d({
+    rt,
+    l({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -904,7 +1098,7 @@ const j = "Navbar", Y = {
       }
     }, e)
   );
-}, it = (e) => {
+}, xt = (e) => {
   var t, o;
   return {
     overflowX: "hidden",
@@ -912,71 +1106,71 @@ const j = "Navbar", Y = {
     backgroundColor: (o = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? o : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Ie = (e, t) => d({
+}, Ve = (e, t) => l({
   width: t,
-  transition: V(e, "width", "entering")
-}, it(e)), Le = (e, t) => d({
+  transition: Q(e, "width", "entering")
+}, xt(e)), Ke = (e, t) => l({
   width: t,
-  transition: V(e, "width", "leaving")
-}, it(e)), go = Ye(yt, {
+  transition: Q(e, "width", "leaving")
+}, xt(e)), Vo = lt(Ht, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: o, widthClosed: i, isSmallScreen: r }) => d(d({
+})(({ theme: e, open: t, widthOpen: o, widthClosed: i, isSmallScreen: r }) => l(l({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && F(d({}, Ie(e, o)), {
+}, t && _(l({}, Ve(e, o)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ie(e, o)
-})), !t && F(d({}, Le(e, r ? o : i)), {
+  "& .MuiDrawer-paper": Ve(e, o)
+})), !t && _(l({}, Ke(e, r ? o : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Le(e, r ? o : i)
+  "& .MuiDrawer-paper": Ke(e, r ? o : i)
 })));
-function rt(e) {
+function At(e) {
   return e.replace(
     /(^|-)([a-z])/g,
     (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
   );
 }
-function en(e, t, o, i) {
-  var u;
+function Ln(e, t, o, i) {
+  var d;
   if (!e) return "None";
   const r = e["https://greens.org.au/roles"];
   if (!r) return "None";
-  const s = Object.entries(r).filter(([, a]) => a.includes(t)).map(([a]) => rt(a));
-  return (u = i.find(
+  const s = Object.entries(r).filter(([, a]) => a.includes(t)).map(([a]) => At(a));
+  return (d = i.find(
     (a) => o[a].some((c) => s.includes(c))
-  )) != null ? u : "None";
+  )) != null ? d : "None";
 }
-function xo(e, t) {
+function Ko(e, t) {
   return Object.entries(e).reduce((o, [i, r]) => {
-    const s = rt(i), u = t.includes(s) ? r : [];
-    return [.../* @__PURE__ */ new Set([...o, ...u])];
+    const s = At(i), d = t.includes(s) ? r : [];
+    return [.../* @__PURE__ */ new Set([...o, ...d])];
   }, []);
 }
-const tn = (e) => {
-  const { getIdTokenClaims: t, user: o } = ue();
-  return Ke({
+const In = (e) => {
+  const { getIdTokenClaims: t, user: o } = xe();
+  return at({
     queryKey: ["availableDomains", o == null ? void 0 : o.sub],
-    queryFn: () => L(null, null, function* () {
+    queryFn: () => M(null, null, function* () {
       const i = yield t();
       if (!i) return [];
       const r = i["https://greens.org.au/roles"];
-      return r ? xo(r, e) : [];
+      return r ? Ko(r, e) : [];
     })
   });
-}, on = (e) => Object.values(e).reduce(
+}, Mn = (e) => Object.values(e).reduce(
   (t, o) => [.../* @__PURE__ */ new Set([...t, ...o])],
   []
-), ee = {
+), ae = {
   log: console.warn.bind(console),
   error: console.error.bind(console),
   warn: console.warn.bind(console),
   info: console.info.bind(console),
   debug: console.debug.bind(console)
 };
-function nn(e, t) {
+function Rn(e, t) {
   console[e] = (...o) => {
     for (const i of t)
       if (typeof i == "function") {
@@ -986,24 +1180,24 @@ function nn(e, t) {
           if (typeof r == "string" && i.test(r))
             return;
       }
-    ee[e](o);
+    ae[e](o);
   };
 }
-function rn(e) {
+function $n(e) {
   if (e)
-    console[e] = ee[e];
+    console[e] = ae[e];
   else
-    for (const t of Object.keys(ee))
-      console[t] = ee[t];
+    for (const t of Object.keys(ae))
+      console[t] = ae[t];
 }
-function Ao(e, t) {
+function Yo(e, t) {
   return e != null && typeof e == "object" && "error" in e && e.error === t;
 }
-function an(e, t) {
+function Bn(e, t) {
   const o = t == null ? void 0 : t.originalException;
-  return Ao(o, "login_required") ? null : e;
+  return Yo(o, "login_required") ? null : e;
 }
-function Co(e) {
+function Xo(e) {
   let t = 0;
   for (let o = 0, i = e.length; o < i; o++) {
     const r = e.charCodeAt(o);
@@ -1011,11 +1205,11 @@ function Co(e) {
   }
   return t;
 }
-const $e = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Me = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function So({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
-  const r = oe();
-  return /* @__PURE__ */ f(
-    T,
+const Ye = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Xe = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Qo({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
+  const r = te();
+  return /* @__PURE__ */ x(
+    N,
     {
       sx: {
         paddingTop: 3,
@@ -1026,103 +1220,103 @@ function So({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ n(
-          T,
+          N,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? V(r, ["width", "height"], "entering") : V(r, ["width", "height"], "leaving"),
+              transition: o ? Q(r, ["width", "height"], "entering") : Q(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(
-              ve,
+            children: e != null && e.name ? /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(
+              Oe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: $e[Math.abs(Co(e == null ? void 0 : e.name)) % $e.length]
+                  bgcolor: Ye[Math.abs(Xo(e == null ? void 0 : e.name)) % Ye.length]
                 },
-                children: Me(e == null ? void 0 : e.name)
+                children: Xe(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ n(ve, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ n(Oe, { sx: { width: "100%", height: "100%" } })
           }
         ),
         i && /* @__PURE__ */ n(
-          T,
+          N,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? V(r, ["width", "height"], "entering") : V(r, ["width", "height"], "leaving"),
+              transition: o ? Q(r, ["width", "height"], "entering") : Q(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ n($, { children: /* @__PURE__ */ f(Ee, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ n(I, { children: /* @__PURE__ */ x(Be, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
               " ",
-              Me(e == null ? void 0 : e.name),
+              Xe(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ n(Ee, {})
+            ] }) }) : /* @__PURE__ */ n(Be, {})
           }
         ),
-        /* @__PURE__ */ n(mo, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(Ge, { in: o, children: /* @__PURE__ */ f(T, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ n(I, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ n(we, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ n(I, { children: nt(t) }) : /* @__PURE__ */ n(we, { animation: !1, width: "25%" })
+        /* @__PURE__ */ n(qo, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(it, { in: o, children: /* @__PURE__ */ x(N, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ n(L, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ n(he, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ n(L, { children: gt(t) }) : /* @__PURE__ */ n(he, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function vo({
+function Jo({
   open: e,
   widthClosed: t,
   widthOpen: o,
   "data-testid": i,
   top: r,
   middle: s,
-  bottom: u,
+  bottom: d,
   user: a,
   domainCode: c,
-  useNewAvatar: l = !1
+  useNewAvatar: u = !1
 }) {
-  const g = pe(), x = Xe(Q);
-  return /* @__PURE__ */ n(fo, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ f(
-    go,
+  const m = Ae(), h = st(ee);
+  return /* @__PURE__ */ n(zo, { className: j.root, "data-testid": i, children: /* @__PURE__ */ x(
+    Vo,
     {
       open: e,
       widthOpen: o,
       widthClosed: t,
       anchor: "left",
-      variant: g ? "temporary" : "permanent",
+      variant: m ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        x(!1);
+        h(!1);
       },
-      isSmallScreen: g,
+      isSmallScreen: m,
       children: [
-        !g && /* @__PURE__ */ n(kt, {}),
-        r && /* @__PURE__ */ f(T, { flexGrow: "0", children: [
+        !m && /* @__PURE__ */ n(Gt, {}),
+        r && /* @__PURE__ */ x(N, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ n(ye, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ n(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ n(T, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ n(ho, { links: s }) : s }),
-        /* @__PURE__ */ f(T, { flexGrow: "0", children: [
-          /* @__PURE__ */ n(ye, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ n(So, { user: a, domainCode: c, open: e, useNewAvatar: l }),
-          u && /* @__PURE__ */ n($, { children: u })
+        /* @__PURE__ */ n(N, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ n(Wo, { links: s }) : s }),
+        /* @__PURE__ */ x(N, { flexGrow: "0", children: [
+          /* @__PURE__ */ n(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ n(Qo, { user: a, domainCode: c, open: e, useNewAvatar: u }),
+          d && /* @__PURE__ */ n(I, { children: d })
         ] })
       ]
     }
   ) });
 }
-function wo({
+function Zo({
   children: e,
   topBarHeight: t,
   maxWidth: o = !1,
   noPadding: i
 }) {
   return /* @__PURE__ */ n(
-    T,
+    N,
     {
       tabIndex: 0,
       sx: {
@@ -1130,23 +1324,23 @@ function wo({
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ n(T, { height: "inherit", children: e }) : /* @__PURE__ */ n(Dt, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
+      children: i ? /* @__PURE__ */ n(N, { height: "inherit", children: e }) : /* @__PURE__ */ n(Ut, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
     }
   );
 }
-const yo = "TopBar", ko = {
-  titleText: `${yo}-titleText`
+const jo = "TopBar", en = {
+  titleText: `${jo}-titleText`
 };
-function Do({
+function tn({
   titleText: e = "",
   height: t,
   "data-testid": o,
   middle: i,
   menuButtonAriaLabel: r = "Open navigation menu"
 }) {
-  const s = Xe(Q), u = () => s((l) => !l), a = oe(), c = pe();
-  return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ f(
-    Be,
+  const s = st(ee), d = () => s((u) => !u), a = te(), c = Ae();
+  return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ x(
+    Je,
     {
       square: !0,
       elevation: 0,
@@ -1164,76 +1358,76 @@ function Do({
       },
       children: [
         /* @__PURE__ */ n(
-          bt,
+          Wt,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: u,
+            onClick: d,
             "aria-label": r,
-            children: /* @__PURE__ */ n(Tt, { fontSize: "medium" })
+            children: /* @__PURE__ */ n(Yt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ n(I, { className: ko.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ n(L, { className: en.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function sn({
+function Hn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: o,
   pageContainerProps: i,
   pageContentDataTestId: r,
   topBarDataTestId: s,
-  menuButtonAriaLabel: u,
+  menuButtonAriaLabel: d,
   navBarDataTestId: a,
   navBarMiddle: c,
-  navBarBottom: l,
-  user: g,
-  domainCode: x,
+  navBarBottom: u,
+  user: m,
+  domainCode: h,
   useNewAvatar: v = !1
 }) {
-  Rt([
-    [Q, o != null ? o : !0],
-    [Fe, t != null ? t : ""]
+  no([
+    [ee, o != null ? o : !0],
+    [He, t != null ? t : ""]
   ]);
-  const m = ke(Q), [C] = U(Yt), [S] = U(Qt), h = ke(Fe), [w] = U(Zt), [E] = U(Jt), [_] = U(jt);
-  return /* @__PURE__ */ f(be, { children: [
-    /* @__PURE__ */ n(Bt, {}),
+  const g = Ie(ee), [y] = V(fo), [A] = V(mo), f = Ie(He), [b] = V(xo), [D] = V(go), [F] = V(Ao);
+  return /* @__PURE__ */ x($e, { children: [
+    /* @__PURE__ */ n(oo, {}),
     /* @__PURE__ */ n(
-      Do,
+      tn,
       {
-        titleText: h,
+        titleText: f,
         "data-testid": s,
-        height: w,
-        middle: E,
-        menuButtonAriaLabel: u
+        height: b,
+        middle: D,
+        menuButtonAriaLabel: d
       }
     ),
-    /* @__PURE__ */ f(be, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ x($e, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ n(
-        vo,
+        Jo,
         {
-          open: m,
-          top: _,
+          open: g,
+          top: F,
           middle: c,
-          bottom: l,
-          user: g,
-          domainCode: x,
-          widthOpen: C,
-          widthClosed: S,
-          offsetTop: w,
+          bottom: u,
+          user: m,
+          domainCode: h,
+          widthOpen: y,
+          widthClosed: A,
+          offsetTop: b,
           "data-testid": a,
           useNewAvatar: v
         }
       ),
       /* @__PURE__ */ n(
-        wo,
-        F(d({
+        Zo,
+        _(l({
           "data-testid": r,
-          topBarHeight: w
+          topBarHeight: b
         }, i), {
           children: e
         })
@@ -1241,7 +1435,7 @@ function sn({
     ] })
   ] });
 }
-const ln = Qe({
+const Gn = ct({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1292,7 +1486,7 @@ const ln = Qe({
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), cn = Qe({
+}), Un = ct({
   palette: {
     primary: {
       main: "#007236",
@@ -1346,18 +1540,18 @@ const ln = Qe({
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: se(
+            backgroundColor: ue(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: se(
+              backgroundColor: ue(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: se(
+              backgroundColor: ue(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1388,43 +1582,45 @@ const ln = Qe({
   }
 });
 export {
-  Je as AgDialog,
-  sn as AppLayout,
-  Qo as AuthGuard,
-  et as Context,
-  tt as ContextError,
-  uo as DOMAIN_CODE_LABELS,
-  jo as DomainCodeDialog,
-  Go as ExampleComponent,
-  Vo as FetchAutocomplete,
-  Ko as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  Jo as NavBarLink,
-  eo as NavBarLinkInner,
-  lo as SaladBarProvider,
-  Yo as SessionExpiryDialog,
-  Xo as SingleAutocomplete,
-  en as determineUserLevelFromClaims,
-  po as domainCodeAtom,
-  ln as fed21Theme,
-  Ht as getAuth0Expiry,
-  nt as getDomainOptionLabel,
-  xo as getDomainsFromRolesClaim,
-  on as getValidBusinessRoles,
-  cn as internalAgSystemsTheme,
-  Q as navBarOpenAtom,
-  jt as navBarTopAtom,
-  Qt as navBarWidthClosedAtom,
-  Yt as navBarWidthOpenAtom,
-  an as sentryBeforeSend,
-  Co as simpleHashCode,
-  nn as suppressConsole,
-  Fe as titleTextAtom,
-  Zt as topBarHeightAtom,
-  Jt as topBarMiddleAtom,
-  rn as unsuppressConsole,
-  je as useAutocompleteOptions,
-  co as useSaladBar,
-  tn as useValidDomains,
-  Zo as withSaladBarProvider
+  Pn as AgDataGrid,
+  dt as AgDialog,
+  Hn as AppLayout,
+  Fn as AuthGuard,
+  ht as Context,
+  ft as ContextError,
+  Go as DOMAIN_CODE_LABELS,
+  On as DomainCodeDialog,
+  wn as ExampleComponent,
+  bn as FetchAutocomplete,
+  En as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  Tn as NavBarLink,
+  Co as NavBarLinkInner,
+  Bo as SaladBarProvider,
+  _n as SessionExpiryDialog,
+  kn as SingleAutocomplete,
+  bo as TableLoadingSkeleton,
+  Ln as determineUserLevelFromClaims,
+  Uo as domainCodeAtom,
+  Gn as fed21Theme,
+  ro as getAuth0Expiry,
+  gt as getDomainOptionLabel,
+  Ko as getDomainsFromRolesClaim,
+  Mn as getValidBusinessRoles,
+  Un as internalAgSystemsTheme,
+  ee as navBarOpenAtom,
+  Ao as navBarTopAtom,
+  mo as navBarWidthClosedAtom,
+  fo as navBarWidthOpenAtom,
+  Bn as sentryBeforeSend,
+  Xo as simpleHashCode,
+  Rn as suppressConsole,
+  He as titleTextAtom,
+  xo as topBarHeightAtom,
+  go as topBarMiddleAtom,
+  $n as unsuppressConsole,
+  pt as useAutocompleteOptions,
+  Ho as useSaladBar,
+  In as useValidDomains,
+  Nn as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map