npm - @australiangreens/ag-internal-components - Versions diffs - 0.5.0 → 0.6.0 - Mend

@australiangreens/ag-internal-components 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/cjs/index.cjs +1 -1
package/dist/cjs/index.cjs.map +1 -1
package/dist/components/AgDataGrid/AgDataGrid.d.ts +16 -4
package/dist/components/AgDataGrid/AgDataGrid.d.ts.map +1 -1
package/dist/components/AgDataGrid/AgDataGrid.stories.d.ts +8 -1
package/dist/components/AgDataGrid/AgDataGrid.stories.d.ts.map +1 -1
package/dist/esm/index.js +714 -691
package/dist/esm/index.js.map +1 -1
package/package.json +1 -1

package/dist/esm/index.js CHANGED Viewed

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