@australiangreens/ag-internal-components 0.4.2 → 0.5.0

package/dist/esm/index.js

@@ -1,148 +1,150 @@
-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 ut = Object.defineProperty, pt = Object.defineProperties;
+var ht = 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) => {
   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]);
+    Ae.call(t, o) && le(e, o, t[o]);
+  if (ie)
+    for (var o of ie(t))
+      Se.call(t, o) && le(e, o, t[o]);
   return e;
-}, F = (e, t) => ct(e, dt(t));
-var re = (e, t) => {
+}, k = (e, t) => pt(e, ht(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]);
+  for (var n in e)
+    Ae.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && ie)
+    for (var n of ie(e))
+      t.indexOf(n) < 0 && Se.call(e, n) && (o[n] = e[n]);
   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 s = (c) => {
+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) => {
     try {
-      a(o.next(c));
-    } catch (l) {
-      r(l);
+      a(o.next(d));
+    } catch (u) {
+      r(u);
     }
-  }, u = (c) => {
+  }, c = (d) => {
     try {
-      a(o.throw(c));
-    } catch (l) {
-      r(l);
+      a(o.throw(d));
+    } catch (u) {
+      r(u);
     }
-  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, u);
+  }, a = (d) => d.done ? n(d.value) : Promise.resolve(d.value).then(s, c);
   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 { 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 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" }) }),
-    /* @__PURE__ */ n(
-      K,
+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,
       {
         variant: "outlined",
-        onClick: () => o((i) => i + 1),
+        onClick: () => o((n) => n + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ f("p", { children: [
+    /* @__PURE__ */ x("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ n("span", { children: e })
+      /* @__PURE__ */ i("span", { children: e })
     ] }),
-    /* @__PURE__ */ f(Be, { children: [
+    /* @__PURE__ */ x(We, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const Je = ({
+const ot = ({
   isOpen: e,
   dialogTitle: t,
   children: o,
-  maxWidth: i,
+  maxWidth: n,
   primaryButton: r,
   secondaryButton: s,
-  additionalButtons: u,
+  additionalButtons: c,
   onClose: a,
-  sx: c,
-  "data-testid": l,
-  disableCloseOnBackdropOrEscape: g = !1,
-  isLoading: x = !1
+  sx: d,
+  "data-testid": u,
+  disableCloseOnBackdropOrEscape: m = !1,
+  isLoading: h = !1
 }) => {
-  var C, S;
-  const [v, m] = H(!1);
-  return /* @__PURE__ */ f(
-    Re,
+  var S, v;
+  const [C, g] = q(!1);
+  return /* @__PURE__ */ x(
+    qe,
     {
       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, w) => R(null, null, function* () {
+        m && (w === "backdropClick" || w === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : a());
       }),
       fullWidth: !0,
-      maxWidth: i != null ? i : "xs",
-      "data-testid": l,
-      sx: c,
+      maxWidth: n != null ? n : "xs",
+      "data-testid": u,
+      sx: d,
       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: [
-          /* @__PURE__ */ n(
-            K,
+        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,
             {
-              onClick: (C = s == null ? void 0 : s.onClick) != null ? C : a,
+              onClick: (S = s == null ? void 0 : s.onClick) != null ? S : a,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || v,
+              disabled: (s == null ? void 0 : s.disabled) || C,
               color: s == null ? void 0 : s.buttonColor,
-              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
+              children: (v = s == null ? void 0 : s.text) != null ? v : "Cancel"
             }
           ),
-          u && u.map((h, w) => {
-            var E;
-            return /* @__PURE__ */ n(
-              K,
+          c && c.map((f, w) => {
+            var F;
+            return /* @__PURE__ */ i(
+              Q,
               {
-                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) || C,
+                color: f == null ? void 0 : f.buttonColor,
+                children: (F = f.text) != null ? F : `Button ${w}`
               },
               w
             );
           }),
-          r && /* @__PURE__ */ n(
-            K,
+          r && /* @__PURE__ */ i(
+            Q,
             {
-              onClick: () => L(null, null, function* () {
-                var h;
-                m(!0), yield (h = r.onClick) == null ? void 0 : h.call(r), m(!1);
+              onClick: () => R(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,
+              disabled: r.disabled || C,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -151,7 +153,7 @@ const Je = ({
       ]
     }
   );
-}, Ut = {
+}, qt = {
   popper: {
     modifiers: [
       {
@@ -162,179 +164,179 @@ const Je = ({
       }
     ]
   }
-}, Ze = {
+}, nt = {
   right: 2
-}, je = ({
+}, it = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: o,
-  label: i,
+  label: n,
   inputValue: r
-}) => Ke({
+}) => Ze({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : o(r),
-  queryKey: ["autocomplete", i, r]
+  queryKey: ["autocomplete", n, r]
 });
-function Vo({
-  lookup: e = () => L(null, null, function* () {
+function cn({
+  lookup: e = () => R(null, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: o,
-  onInputChange: i,
+  onInputChange: n,
   minLength: r = 0,
   label: s,
-  value: u,
+  value: c,
   "data-testid": a,
-  sx: c,
-  boxSx: l,
-  textFieldColor: g,
-  textFieldVariant: x = "filled",
-  textFieldFocused: v,
-  textFieldSx: m,
-  loadingText: C = "Loading...",
-  noOptionsText: S = "No options",
-  popupIcon: h = /* @__PURE__ */ n(Ft, {}),
+  sx: d,
+  boxSx: u,
+  textFieldColor: m,
+  textFieldVariant: h = "filled",
+  textFieldFocused: C,
+  textFieldSx: g,
+  loadingText: S = "Loading...",
+  noOptionsText: v = "No options",
+  popupIcon: f = /* @__PURE__ */ i(Pt, {}),
   error: w = !1,
-  helperText: E = "",
+  helperText: F = "",
   preLoadedOptions: _ = void 0,
-  disablePortal: W = !1,
-  disableIconFlip: D = !1,
-  chipToolTipSlotProps: N = Ut,
-  placeholderText: B = void 0,
-  onRightClick: X = () => {
+  disablePortal: U = !1,
+  disableIconFlip: y = !1,
+  chipToolTipSlotProps: T = qt,
+  placeholderText: $ = void 0,
+  onRightClick: z = () => {
   },
-  disableDefaultRightClickBehaviour: q = !1,
-  readOnly: R,
-  hideInputEndAdornment: b
+  disableDefaultRightClickBehaviour: B = !1,
+  readOnly: L,
+  hideInputEndAdornment: D
 }) {
-  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 [b, H] = q(""), Y = (p, E) => {
+    const O = c.filter((K) => K.id !== E);
+    o(O, "delete", p);
+  }, { data: A, isLoading: P } = it({
+    inputValue: b,
     label: s,
     lookup: e,
     minLength: r,
     preLoadedOptions: _
-  }), G = y.length >= r;
-  return /* @__PURE__ */ f("div", { "data-testid": a, children: [
-    /* @__PURE__ */ n(
-      ce,
+  }), W = b.length >= r;
+  return /* @__PURE__ */ x("div", { "data-testid": a, children: [
+    /* @__PURE__ */ i(
+      fe,
       {
-        sx: d(d({}, c), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: l(l({}, d), y ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": a ? `${a}:Autocomplete` : void 0,
-        disablePortal: W,
+        disablePortal: U,
         multiple: !0,
         getOptionLabel: (p) => typeof p == "string" ? p : p.label,
-        loading: G ? P : !1,
-        options: [...u, ...A != null ? A : []],
+        loading: W ? P : !1,
+        options: [...c, ...A != null ? A : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: u,
-        onChange: (p, k, M) => {
-          o(k, M, p);
+        value: c,
+        onChange: (p, E, O) => {
+          o(E, O, p);
         },
-        onInputChange: (p, k, M) => {
-          z(k), i && i(u, M, p);
+        onInputChange: (p, E, O) => {
+          H(E), n && n(c, O, p);
         },
-        noOptionsText: G ? S : "Start typing to search",
-        loadingText: C,
-        popupIcon: h,
-        renderInput: (p) => /* @__PURE__ */ n(
-          de,
-          F(d({}, p), {
+        noOptionsText: W ? v : "Start typing to search",
+        loadingText: S,
+        popupIcon: f,
+        renderInput: (p) => /* @__PURE__ */ i(
+          me,
+          k(l({}, p), {
             label: s,
             fullWidth: !0,
-            variant: x,
+            variant: h,
             error: w,
-            helperText: E,
+            helperText: F,
             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: k(l({}, p.InputProps), {
+                endAdornment: D ? void 0 : /* @__PURE__ */ x(M, { children: [
+                  P ? /* @__PURE__ */ i(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: (E) => {
+              (E.key === "Backspace" || E.key === "Delete") && E.stopPropagation();
             },
-            color: g,
-            placeholder: B,
-            sx: m,
-            focused: v
+            color: m,
+            placeholder: $,
+            sx: g,
+            focused: C
           })
         ),
         renderValue: () => null,
-        isOptionEqualToValue: (p, k) => p.id === k.id,
-        renderOption: (p, k, M) => {
+        isOptionEqualToValue: (p, E) => p.id === E.id,
+        renderOption: (p, E, O) => {
           if (t) {
-            const ne = Nt(k.label, M.inputValue, {
+            const K = It(E.label, O.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), at = It(k.label, ne);
-            return /* @__PURE__ */ le(
+            }), oe = Mt(E.label, K);
+            return /* @__PURE__ */ ue(
               "li",
-              F(d({}, p), {
-                key: k.id,
-                "data-testid": a ? `${a}:Autocomplete:option(${k.id.toString()})` : void 0
+              k(l({}, p), {
+                key: E.id,
+                "data-testid": a ? `${a}:Autocomplete:option(${E.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ n("div", { children: at.map((he, st) => /* @__PURE__ */ n(
+              /* @__PURE__ */ i("div", { children: oe.map((J, ne) => /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
-                    fontWeight: he.highlight ? 700 : 400
+                    fontWeight: J.highlight ? 700 : 400
                   },
-                  children: he.text
+                  children: J.text
                 },
-                st
+                ne
               )) })
             );
           } else
-            return /* @__PURE__ */ le(
+            return /* @__PURE__ */ ue(
               "li",
-              F(d({}, p), {
-                key: k.id,
-                "data-testid": a ? `${a}:option(${k.id.toString()})` : void 0
+              k(l({}, p), {
+                key: E.id,
+                "data-testid": a ? `${a}:option(${E.id.toString()})` : void 0
               }),
-              k.label
+              E.label
             );
         },
         onMouseDownCapture: (p) => {
-          p.button === Ze.right && q && (p.preventDefault(), p.stopPropagation());
+          p.button === nt.right && B && (p.preventDefault(), p.stopPropagation());
         },
         onContextMenuCapture: (p) => {
-          q && (p.preventDefault(), p.stopPropagation()), X(p);
+          B && (p.preventDefault(), p.stopPropagation()), z(p);
         },
-        readOnly: R
+        readOnly: L
       }
     ),
-    u.length > 0 && /* @__PURE__ */ n(T, { sx: l, children: u.map((p) => {
-      var k;
-      return /* @__PURE__ */ n(
-        ft,
+    c.length > 0 && /* @__PURE__ */ i(N, { sx: u, children: c.map((p) => {
+      var E;
+      return /* @__PURE__ */ i(
+        xt,
         {
           sx: {
             marginTop: 1,
             marginRight: 1,
             height: "auto"
           },
-          label: /* @__PURE__ */ n(
-            ze,
+          label: /* @__PURE__ */ i(
+            Xe,
             {
-              title: (k = p.tooltipContent) != null ? k : "",
+              title: (E = p.tooltipContent) != null ? E : "",
               placement: "bottom-start",
-              slotProps: N,
-              children: /* @__PURE__ */ n(I, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+              slotProps: T,
+              children: /* @__PURE__ */ i(I, { 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),
-          deleteIcon: /* @__PURE__ */ n(
-            Et,
+          onDelete: (O) => Y(O, p.id),
+          deleteIcon: /* @__PURE__ */ i(
+            Tt,
             {
               "data-testid": a ? `${a}:Chip(${p.id.toString()}):deleteIcon` : void 0
             }
@@ -345,141 +347,141 @@ function Vo({
     }) })
   ] });
 }
-const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
-  lookup: e = () => L(null, null, function* () {
+const dn = /MUI: The value provided to.*is invalid/i, un = ({
+  lookup: e = () => R(null, null, function* () {
   }),
   onChange: t,
   onInputChange: o,
-  label: i,
+  label: n,
   value: r,
   sx: s,
-  textFieldColor: u,
+  textFieldColor: c,
   textFieldVariant: a = "filled",
-  textFieldFocused: c,
-  textFieldSx: l,
-  error: g = !1,
-  "data-testid": x,
-  loadingText: v = "Loading...",
-  noOptionsText: m = "No options",
-  minLength: C = 3,
-  disablePortal: S = !1,
-  preLoadedOptions: h,
+  textFieldFocused: d,
+  textFieldSx: u,
+  error: m = !1,
+  "data-testid": h,
+  loadingText: C = "Loading...",
+  noOptionsText: g = "No options",
+  minLength: S = 3,
+  disablePortal: v = !1,
+  preLoadedOptions: f,
   helperText: w = "",
-  disabled: E,
+  disabled: F,
   popupIcon: _,
-  disableIconFlip: W,
-  placeholderText: D = void 0,
-  onRightClick: N = () => {
+  disableIconFlip: U,
+  placeholderText: y = void 0,
+  onRightClick: T = () => {
   },
-  disableDefaultRightClickBehaviour: B = !1,
-  readOnly: X,
-  hideInputEndAdornment: q
+  disableDefaultRightClickBehaviour: $ = !1,
+  readOnly: z,
+  hideInputEndAdornment: B
 }) => {
-  const [R, b] = H(""), { data: y, isLoading: z } = je({
-    inputValue: R,
-    label: i,
+  const [L, D] = q(""), { data: b, isLoading: H } = it({
+    inputValue: L,
+    label: n,
     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: S != null ? S : 0,
+    preLoadedOptions: f
+  }), Y = L.length >= S;
+  return /* @__PURE__ */ i("div", { "data-testid": h, children: /* @__PURE__ */ i(
+    At,
     {
       direction: "row",
       spacing: 1,
       onMouseDownCapture: (A) => {
-        A.button === Ze.right && B && (A.preventDefault(), A.stopPropagation());
+        A.button === nt.right && $ && (A.preventDefault(), A.stopPropagation());
       },
       onContextMenuCapture: (A) => {
-        B && (A.preventDefault(), A.stopPropagation()), N(A);
+        $ && (A.preventDefault(), A.stopPropagation()), T(A);
       },
-      children: /* @__PURE__ */ n(
-        ce,
+      children: /* @__PURE__ */ i(
+        fe,
         {
-          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), U ? { ".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);
           },
-          disablePortal: S,
+          disablePortal: v,
           filterOptions: (A) => A,
           value: r,
-          noOptionsText: J ? m : "Start typing to search",
-          loadingText: v,
+          noOptionsText: Y ? g : "Start typing to search",
+          loadingText: C,
           getOptionLabel: (A) => A.label,
           popupIcon: _,
-          renderInput: (A) => /* @__PURE__ */ n(
-            de,
-            F(d({
-              "data-testid": x ? `${x}:Autocomplete:TextField` : void 0
+          renderInput: (A) => /* @__PURE__ */ i(
+            me,
+            k(l({
+              "data-testid": h ? `${h}:Autocomplete:TextField` : void 0
             }, A), {
               variant: a,
-              label: i,
-              color: u,
-              error: g,
+              label: n,
+              color: c,
+              error: m,
               helperText: w,
               autoComplete: "off",
               slotProps: {
-                input: F(d({}, A.InputProps), {
-                  endAdornment: q ? void 0 : /* @__PURE__ */ f($, { children: [
-                    z ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
+                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
                   ] })
                 })
               },
-              placeholder: D,
-              sx: l,
-              focused: c
+              placeholder: y,
+              sx: u,
+              focused: d
             })
           ),
           isOptionEqualToValue: (A, P) => A.id === P.id,
-          onInputChange: (A, P, G) => {
-            b(P), o && o(P, G, A);
+          onInputChange: (A, P, W) => {
+            D(P), o && o(P, W, A);
           },
-          renderOption: (A, P) => /* @__PURE__ */ le(
+          renderOption: (A, P) => /* @__PURE__ */ ue(
             "li",
-            F(d({}, A), {
+            k(l({}, A), {
               key: P.id,
-              "data-testid": x ? `${x}:Autocomplete:option(${P.id.toString()})` : void 0
+              "data-testid": h ? `${h}:Autocomplete:option(${P.id.toString()})` : void 0
             }),
             P.label
           ),
-          disabled: E,
-          readOnly: X
+          disabled: F,
+          readOnly: z
         }
       )
     }
   ) });
-}, Ht = (e) => {
+}, zt = (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) {
+    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), n = decodeURIComponent(
+      Rt.from(o, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
-    ), r = JSON.parse(i);
+    ), r = JSON.parse(n);
     return r != null && r.exp ? r.exp : -1;
   } catch (t) {
     return -1;
   }
-}, Yo = ({
+}, pn = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: o
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ue();
-  return /* @__PURE__ */ n(
-    Je,
+  const { logout: n, getAccessTokenSilently: r } = ge();
+  return /* @__PURE__ */ i(
+    ot,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: () => L(null, null, function* () {
-          const l = yield r({ cacheMode: "off" }), g = Ht(l) * 1e3;
-          o(g), t();
+        onClick: () => R(null, null, function* () {
+          const u = yield r({ cacheMode: "off" }), m = zt(u) * 1e3;
+          o(m), t();
         }),
         disabled: !1,
         testId: "PreferencesDialog",
@@ -487,8 +489,8 @@ const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
       },
       secondaryButton: {
         text: "Log out",
-        onClick: () => L(null, null, function* () {
-          i({ logoutParams: { returnTo: `${window.location.origin}` } });
+        onClick: () => R(null, null, function* () {
+          n({ logoutParams: { returnTo: `${window.location.origin}` } });
         }),
         disabled: !1,
         testId: "PreferencesDialog",
@@ -497,42 +499,42 @@ const Ko = /MUI: The value provided to.*is invalid/i, Xo = ({
       onClose: t,
       dialogTitle: "Session expiry",
       disableCloseOnBackdropOrEscape: !0,
-      children: /* @__PURE__ */ n("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
+      children: /* @__PURE__ */ i("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
     }
   );
 };
-function Wt(e) {
+function Vt(e) {
   return "error" in e;
 }
-function qt(e) {
-  var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+function Yt(e) {
+  var n;
+  const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
   return t === "access_denied" && o.startsWith("You do not have the required authorization");
 }
-function zt(e) {
-  var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+function Kt(e) {
+  var n;
+  const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
   return t === "access_denied" && o.startsWith("User did not authorize the request");
 }
-function Gt(e) {
-  var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+function Xt(e) {
+  var n;
+  const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
   return t === "access_denied" && o.match(/Script.*time.*exceeded/);
 }
-function Qo({
+function hn({
   children: e,
   appName: t = "the app",
   throwErrors: o = "none",
-  disableConsoleLogging: i = !1,
+  disableConsoleLogging: n = !1,
   onError: r = () => {
   }
 }) {
-  var x, v;
-  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: c, logout: l } = ue();
-  xe(() => {
+  var h, C;
+  const { isAuthenticated: s, isLoading: c, error: a, loginWithRedirect: d, logout: u } = ge();
+  ve(() => {
     a && r(a);
   }, [a, r]);
-  const g = ut(
+  const m = ft(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -540,234 +542,403 @@ function Qo({
     }),
     []
   );
-  if (xe(() => {
-    u || s || a || c(g);
-  }, [u, s, a, c, r, g]), a) {
-    if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${u}]`,
+  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}]`,
       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 (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.";
       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 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));
       } 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 }),
-          /* @__PURE__ */ n("br", {}),
-          /* @__PURE__ */ n(I, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ f(I, { variant: "body2", children: [
+      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: [
             "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(I, { variant: "body2", children: [
             "description: ",
-            (v = a == null ? void 0 : a.error_description) != null ? v : "N/A"
+            (C = a == null ? void 0 : a.error_description) != null ? C : "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(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" })
         ] })
       ] });
     } 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__ */ i(M, { children: e })) : /* @__PURE__ */ i($t, { 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 xe = () => {
+  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 = ({
   label: e,
   to: t,
   icon: o,
-  subMenu: i,
+  subMenu: n,
   subMenuInitialOpen: r,
   onClick: s,
-  closeOnSmallScreen: u,
+  closeOnSmallScreen: c,
   disabled: a = !1,
-  openInNewWindow: c = !1,
-  extraSubIndentSpace: l = 0,
-  tooltip: g = "",
-  tooltipMenuOpen: x = "",
-  tooltipMenuClosed: v = ""
+  openInNewWindow: d = !1,
+  extraSubIndentSpace: u = 0,
+  tooltip: m = "",
+  tooltipMenuOpen: h = "",
+  tooltipMenuClosed: C = ""
 }) => {
-  const [m, C] = H(r), [S, h] = U(Q), { pathname: w } = Mt(), E = pe(), _ = "  ".repeat(l);
-  return /* @__PURE__ */ f($, { children: [
-    /* @__PURE__ */ n(
-      ze,
+  const [g, S] = q(r), [v, f] = V(ee), { pathname: w } = Bt(), F = xe(), _ = "  ".repeat(u);
+  return /* @__PURE__ */ x(M, { children: [
+    /* @__PURE__ */ i(
+      Xe,
       {
-        title: g || (x && S ? x : v && !S ? v : ""),
+        title: m || (h && v ? h : C && !v ? C : ""),
         arrow: !0,
         placement: "right",
-        children: /* @__PURE__ */ f(
-          Ce,
-          F(d({
-            component: t ? De : "button",
+        children: /* @__PURE__ */ x(
+          ye,
+          k(l({
+            component: t ? Fe : "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(), v ? (S((y) => !y), c && F && f(!1)) : n && (S(!0), f(!0));
             },
             "aria-label": e,
             selected: w === t,
             disabled: a
-          }, c ? { rel: "noopener noreferrer", target: "_blank" } : {}), {
+          }, d ? { 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__ */ 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, {}) })
               ] }) })
             ]
           })
         )
       }
     ),
-    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,
+    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,
       {
         onClick: () => {
-          D.onClick && (D == null || D.onClick()), S && D != null && D.closeOnSmallScreen && E && h(!1);
+          y.onClick && (y == null || y.onClick()), v && y != null && y.closeOnSmallScreen && F && f(!1);
         },
-        to: D.to,
-        component: D.to ? De : "button",
+        to: y.to,
+        component: y.to ? Fe : "button",
         sx: { width: "100%" },
-        selected: w === D.to,
-        disabled: D.disabled,
-        children: /* @__PURE__ */ n(
-          Se,
+        selected: w === y.to,
+        disabled: y.disabled,
+        children: /* @__PURE__ */ i(
+          De,
           {
-            primary: _ + D.label,
+            primary: _ + y.label,
             inset: !0,
             slotProps: { primary: { variant: "body2" } }
           }
         )
       },
-      D.label
+      y.label
     )) }) })
   ] });
-}, Jo = (o) => {
-  var i = o, { subMenuInitialOpen: e } = i, t = re(i, ["subMenuInitialOpen"]);
+}, fn = (o) => {
+  var n = o, { subMenuInitialOpen: e } = n, t = Z(n, ["subMenuInitialOpen"]);
   const r = e === void 0 ? "initial-undefined" : String(e);
-  return /* @__PURE__ */ n(eo, d({ subMenuInitialOpen: e }, t), r);
-}, to = {
+  return /* @__PURE__ */ i(io, l({ subMenuInitialOpen: e }, t), r);
+}, ro = 0.11, he = 10, ao = 40, so = {
+  marginLeft: "3px",
+  marginRight: "3px",
+  borderRadius: 2
+}, Oe = {
+  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,
+    {
+      variant: "rectangular",
+      height: o,
+      sx: l({ bgcolor: r, flex: s, marginTop: -1, marginBottom: -1 }, n)
+    },
+    c
+  )) });
+}, uo = ({
+  numberOfRows: e,
+  firstRowStyle: t = lo,
+  rowHeight: o = ao,
+  columnWidths: n,
+  columnStyles: r = so
+}) => {
+  const s = Array(Math.min(e, he)).fill(1);
+  return /* @__PURE__ */ i(
+    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);
+      })
+    }
+  );
+}, po = {
+  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 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;
+    }
+    if (!c)
+      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;
+    h && (h.y -= m);
+  }
+}, ho = 111, fo = {
+  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"
+  }
+}, mo = process.env.NODE_ENV === "test", mn = (F) => {
+  var _ = F, {
+    loading: e,
+    skeletonColumnWidths: t,
+    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(_, [
+    "loading",
+    "skeletonColumnWidths",
+    "paginationModel",
+    "onPaginationModelChange",
+    "autoTableHeight",
+    "noRowsMessage",
+    "noResultsMessage",
+    "rowHeight",
+    "paginationMode",
+    "filterMode",
+    "pageSizeOptions",
+    "rows",
+    "sx",
+    "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 = {
   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 = {
+}, xo = {
   shouldClose: (e, t) => t !== "clickaway"
-}, _e = {
+}, Le = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Pe = 100, Te = 2e3, no = 2e3, io = /* @__PURE__ */ (() => {
+}, Ie = 100, Me = 2e3, Ao = 2e3, So = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), ro = {
+})(), Co = {
   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,
-    children: i
-  } = u, r = re(u, [
+}, 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, [
     "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 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)`
+    ), 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({
     open: a,
-    setOpen: v,
-    enqueueNotification: m,
-    enqueueSuccessNotification: C,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: h,
+    setOpen: C,
+    enqueueNotification: g,
+    enqueueSuccessNotification: S,
+    enqueueInfoNotification: v,
+    enqueueWarningNotification: f,
     enqueueErrorNotification: w,
-    removeNotification: E
+    removeNotification: F
   }, e), t);
-  return /* @__PURE__ */ f(et.Provider, { value: q, children: [
-    i,
-    /* @__PURE__ */ n(
-      St,
-      F(d(d({}, X), B), {
+  return /* @__PURE__ */ x(rt.Provider, { value: B, children: [
+    n,
+    /* @__PURE__ */ i(
+      yt,
+      k(l(l({}, z), $), {
         open: a,
         onClose: _,
         TransitionProps: {
-          onExited: D,
-          onExit: W
+          onExited: y,
+          onExit: U
         },
-        sx: { zIndex: no },
-        children: /* @__PURE__ */ f("div", { children: [
-          /* @__PURE__ */ n(
-            vt,
+        sx: { zIndex: Ao },
+        children: /* @__PURE__ */ x("div", { children: [
+          /* @__PURE__ */ i(
+            Dt,
             {
-              onClose: (b) => _(b, "closeAlert"),
-              severity: N.severity,
+              onClose: (D) => _(D, "closeAlert"),
+              severity: T.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: T.progressIndicator === "circular" ? /* @__PURE__ */ i(se, { size: "1em" }) : void 0,
+              style: T.progressIndicator === "linear" ? Co : void 0,
+              children: T.message
             }
           ),
-          N.progressIndicator === "linear" && /* @__PURE__ */ n(Ue, { color: "primary" })
+          T.progressIndicator === "linear" && /* @__PURE__ */ i(ze, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-class tt extends Error {
+class at extends Error {
 }
-ge(tt, "errorName", "ContextError");
-function co() {
-  const e = ht(et);
+Ce(at, "errorName", "ContextError");
+function Do() {
+  const e = gt(rt);
   if (e === null)
-    throw new tt("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new at("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 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 = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -779,108 +950,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),
+}, st = "domainCode";
+var Ue;
+const Re = G(
+  JSON.parse((Ue = localStorage.getItem(st)) != null ? Ue : '{"domainCode": ""}').domainCode
+), Eo = G(
+  (e) => e(Re),
   (e, t, o) => {
-    t(Ne, o), localStorage.setItem(ot, JSON.stringify({ domainCode: o }));
+    t(Re, o), localStorage.setItem(st, JSON.stringify({ domainCode: o }));
   }
-), nt = (e) => {
+), lt = (e) => {
   var t;
-  return e === null ? "N/A" : (t = uo[e]) != null ? t : "";
-}, jo = ({
+  return e === null ? "N/A" : (t = bo[e]) != null ? t : "";
+}, xn = ({
   isLoading: e,
   isOpen: t,
   onClose: o,
-  onDomainChange: i,
+  onDomainChange: n,
   domainOptions: r,
   applicationName: s,
-  handleLogout: u
+  handleLogout: c
 }) => {
-  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, 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();
   });
   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,
+  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,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: S,
-        disabled: !l || v || m,
+        onClick: v,
+        disabled: !u || C || g,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: C ? "Logout" : "Cancel",
-        onClick: h
+        text: S ? "Logout" : "Cancel",
+        onClick: f
       },
-      onClose: C ? () => {
+      onClose: S ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ f(I, { marginBottom: 2, children: [
+        /* @__PURE__ */ x(I, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           s,
           "."
         ] }),
-        /* @__PURE__ */ n(
-          ce,
+        /* @__PURE__ */ i(
+          fe,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: l !== "" ? l : null,
-            onChange: (E, _) => g(_ != null ? _ : ""),
-            getOptionLabel: nt,
+            value: u !== "" ? u : null,
+            onChange: (F, _) => m(_ != null ? _ : ""),
+            getOptionLabel: lt,
             options: [...r.toSorted()],
-            renderInput: (E) => /* @__PURE__ */ n(
-              de,
-              F(d({}, E), {
+            renderInput: (F) => /* @__PURE__ */ i(
+              me,
+              k(l({}, F), {
                 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: k(l({}, F.InputProps), {
+                  endAdornment: /* @__PURE__ */ x(M, { children: [
+                    e ? /* @__PURE__ */ i(se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    F.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        w && /* @__PURE__ */ n(wt, { error: !0, children: w })
+        w && /* @__PURE__ */ i(bt, { error: !0, children: w })
       ]
     }
   );
 };
-function ho({ links: e }) {
-  return /* @__PURE__ */ n("div", { children: "LinksMenu not implemented yet" });
+function ko({ links: e }) {
+  return /* @__PURE__ */ i("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}`]: {
+}, Fo = et(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 +1060,14 @@ const j = "Navbar", Y = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), V = (e, t, o) => e.transitions.create(t, {
+})), X = (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();
-  return /* @__PURE__ */ n(
-    Ve,
-    d({
+}), _o = (e) => {
+  const t = te();
+  return /* @__PURE__ */ i(
+    Je,
+    l({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -904,7 +1075,7 @@ const j = "Navbar", Y = {
       }
     }, e)
   );
-}, it = (e) => {
+}, ct = (e) => {
   var t, o;
   return {
     overflowX: "hidden",
@@ -912,110 +1083,110 @@ 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({
+}, $e = (e, t) => l({
   width: t,
-  transition: V(e, "width", "entering")
-}, it(e)), Le = (e, t) => d({
+  transition: X(e, "width", "entering")
+}, ct(e)), Be = (e, t) => l({
   width: t,
-  transition: V(e, "width", "leaving")
-}, it(e)), go = Ye(yt, {
+  transition: X(e, "width", "leaving")
+}, ct(e)), To = et(Et, {
   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: n, isSmallScreen: r }) => l(l({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && F(d({}, Ie(e, o)), {
+}, t && k(l({}, $e(e, o)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ie(e, o)
-})), !t && F(d({}, Le(e, r ? o : i)), {
+  "& .MuiDrawer-paper": $e(e, o)
+})), !t && k(l({}, Be(e, r ? o : n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Le(e, r ? o : i)
+  "& .MuiDrawer-paper": Be(e, r ? o : n)
 })));
-function rt(e) {
+function dt(e) {
   return e.replace(
     /(^|-)([a-z])/g,
-    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
+    (t, o, n) => o === "-" ? " " + n.toUpperCase() : n.toUpperCase()
   );
 }
-function en(e, t, o, i) {
-  var u;
+function An(e, t, o, n) {
+  var c;
   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(
-    (a) => o[a].some((c) => s.includes(c))
-  )) != null ? u : "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";
 }
-function xo(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])];
+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])];
   }, []);
 }
-const tn = (e) => {
-  const { getIdTokenClaims: t, user: o } = ue();
-  return Ke({
+const Sn = (e) => {
+  const { getIdTokenClaims: t, user: o } = ge();
+  return Ze({
     queryKey: ["availableDomains", o == null ? void 0 : o.sub],
-    queryFn: () => L(null, null, function* () {
-      const i = yield t();
-      if (!i) return [];
-      const r = i["https://greens.org.au/roles"];
-      return r ? xo(r, e) : [];
+    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) : [];
     })
   });
-}, on = (e) => Object.values(e).reduce(
+}, Cn = (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 vn(e, t) {
   console[e] = (...o) => {
-    for (const i of t)
-      if (typeof i == "function") {
-        if (i(...o)) return;
-      } else if (i instanceof RegExp && o.length > 0) {
+    for (const n of t)
+      if (typeof n == "function") {
+        if (n(...o)) return;
+      } else if (n instanceof RegExp && o.length > 0) {
         for (const r of o)
-          if (typeof r == "string" && i.test(r))
+          if (typeof r == "string" && n.test(r))
             return;
       }
-    ee[e](o);
+    ae[e](o);
   };
 }
-function rn(e) {
+function wn(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 No(e, t) {
   return e != null && typeof e == "object" && "error" in e && e.error === t;
 }
-function an(e, t) {
+function yn(e, t) {
   const o = t == null ? void 0 : t.originalException;
-  return Ao(o, "login_required") ? null : e;
+  return No(o, "login_required") ? null : e;
 }
-function Co(e) {
+function Oo(e) {
   let t = 0;
-  for (let o = 0, i = e.length; o < i; o++) {
+  for (let o = 0, n = e.length; o < n; o++) {
     const r = e.charCodeAt(o);
     t = (t << 5) - t + r, t |= 0;
   }
   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 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 r = te();
+  return /* @__PURE__ */ x(
+    N,
     {
       sx: {
         paddingTop: 3,
@@ -1025,104 +1196,104 @@ function So({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
         gap: "0.5rem"
       },
       children: [
-        !i && /* @__PURE__ */ n(
-          T,
+        !n && /* @__PURE__ */ i(
+          N,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? V(r, ["width", "height"], "entering") : V(r, ["width", "height"], "leaving"),
+              transition: o ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ n($, { children: /* @__PURE__ */ n(
-              ve,
+            children: e != null && e.name ? /* @__PURE__ */ i(M, { children: /* @__PURE__ */ i(
+              be,
               {
                 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: He[Math.abs(Oo(e == null ? void 0 : e.name)) % He.length]
                 },
-                children: Me(e == null ? void 0 : e.name)
+                children: Ge(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ n(ve, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ i(be, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        i && /* @__PURE__ */ n(
-          T,
+        n && /* @__PURE__ */ i(
+          N,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? V(r, ["width", "height"], "entering") : V(r, ["width", "height"], "leaving"),
+              transition: o ? X(r, ["width", "height"], "entering") : X(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__ */ 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: [
               " ",
-              Me(e == null ? void 0 : e.name),
+              Ge(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ n(Ee, {})
+            ] }) }) : /* @__PURE__ */ i(Pe, {})
           }
         ),
-        /* @__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__ */ 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%" })
         ] }) }) })
       ]
     }
   );
 }
-function vo({
+function Io({
   open: e,
   widthClosed: t,
   widthOpen: o,
-  "data-testid": i,
+  "data-testid": n,
   top: r,
   middle: s,
-  bottom: u,
+  bottom: c,
   user: a,
-  domainCode: c,
-  useNewAvatar: l = !1
+  domainCode: d,
+  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 = xe(), h = je(ee);
+  return /* @__PURE__ */ i(Fo, { className: j.root, "data-testid": n, children: /* @__PURE__ */ x(
+    To,
     {
       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__ */ i(kt, {}),
+        r && /* @__PURE__ */ x(N, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ n(ye, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ i(Ee, { 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__ */ i(N, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ i(ko, { 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 })
         ] })
       ]
     }
   ) });
 }
-function wo({
+function Mo({
   children: e,
   topBarHeight: t,
   maxWidth: o = !1,
-  noPadding: i
+  noPadding: n
 }) {
-  return /* @__PURE__ */ n(
-    T,
+  return /* @__PURE__ */ i(
+    N,
     {
       tabIndex: 0,
       sx: {
@@ -1130,23 +1301,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: n ? /* @__PURE__ */ i(N, { height: "inherit", children: e }) : /* @__PURE__ */ i(Ft, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
     }
   );
 }
-const yo = "TopBar", ko = {
-  titleText: `${yo}-titleText`
+const Ro = "TopBar", $o = {
+  titleText: `${Ro}-titleText`
 };
-function Do({
+function Bo({
   titleText: e = "",
   height: t,
   "data-testid": o,
-  middle: i,
+  middle: n,
   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 = je(ee), c = () => s((u) => !u), a = te(), d = xe();
+  return /* @__PURE__ */ i("header", { "data-testid": o, children: /* @__PURE__ */ x(
+    We,
     {
       square: !0,
       elevation: 0,
@@ -1160,88 +1331,88 @@ function Do({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: c ? 0 : a.zIndex.drawer + 99
+        zIndex: d ? 0 : a.zIndex.drawer + 99
       },
       children: [
-        /* @__PURE__ */ n(
-          bt,
+        /* @__PURE__ */ i(
+          _t,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: u,
+            onClick: c,
             "aria-label": r,
-            children: /* @__PURE__ */ n(Tt, { fontSize: "medium" })
+            children: /* @__PURE__ */ i(Lt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ n(I, { className: ko.titleText, variant: "h6", component: "h1", children: e }),
-        i
+        /* @__PURE__ */ i(I, { className: $o.titleText, variant: "h6", component: "h1", children: e }),
+        n
       ]
     }
   ) });
 }
-function sn({
+function Dn({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: o,
-  pageContainerProps: i,
+  pageContainerProps: n,
   pageContentDataTestId: r,
   topBarDataTestId: s,
-  menuButtonAriaLabel: u,
+  menuButtonAriaLabel: c,
   navBarDataTestId: a,
-  navBarMiddle: c,
-  navBarBottom: l,
-  user: g,
-  domainCode: x,
-  useNewAvatar: v = !1
+  navBarMiddle: d,
+  navBarBottom: u,
+  user: m,
+  domainCode: h,
+  useNewAvatar: C = !1
 }) {
-  Rt([
-    [Q, o != null ? o : !0],
-    [Fe, t != null ? t : ""]
+  Wt([
+    [ee, o != null ? o : !0],
+    [Ne, 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, {}),
-    /* @__PURE__ */ n(
-      Do,
+  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,
       {
-        titleText: h,
+        titleText: f,
         "data-testid": s,
         height: w,
-        middle: E,
-        menuButtonAriaLabel: u
+        middle: F,
+        menuButtonAriaLabel: c
       }
     ),
-    /* @__PURE__ */ f(be, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ n(
-        vo,
+    /* @__PURE__ */ x(Te, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ i(
+        Io,
         {
-          open: m,
+          open: g,
           top: _,
-          middle: c,
-          bottom: l,
-          user: g,
-          domainCode: x,
-          widthOpen: C,
-          widthClosed: S,
+          middle: d,
+          bottom: u,
+          user: m,
+          domainCode: h,
+          widthOpen: S,
+          widthClosed: v,
           offsetTop: w,
           "data-testid": a,
-          useNewAvatar: v
+          useNewAvatar: C
         }
       ),
-      /* @__PURE__ */ n(
-        wo,
-        F(d({
+      /* @__PURE__ */ i(
+        Mo,
+        k(l({
           "data-testid": r,
           topBarHeight: w
-        }, i), {
+        }, n), {
           children: e
         })
       )
     ] })
   ] });
 }
-const ln = Qe({
+const bn = tt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1292,7 +1463,7 @@ const ln = Qe({
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), cn = Qe({
+}), En = tt({
   palette: {
     primary: {
       main: "#007236",
@@ -1346,18 +1517,18 @@ const ln = Qe({
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: se(
+            backgroundColor: de(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: se(
+              backgroundColor: de(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: se(
+              backgroundColor: de(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1388,43 +1559,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
+  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,
+  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
 };
 //# sourceMappingURL=index.js.map