@australiangreens/ag-internal-components 0.0.77 → 0.0.78

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.
package/dist/esm/index.js CHANGED
@@ -1,64 +1,62 @@
1
- var It = Object.defineProperty, $t = Object.defineProperties;
2
- var Tt = Object.getOwnPropertyDescriptors;
1
+ var Ot = Object.defineProperty, $t = Object.defineProperties;
2
+ var yt = Object.getOwnPropertyDescriptors;
3
3
  var Z = Object.getOwnPropertySymbols;
4
- var Ie = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
5
- var ce = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
4
+ var Oe = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
5
+ var ce = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
6
6
  for (var n in t || (t = {}))
7
- Ie.call(t, n) && ce(e, n, t[n]);
7
+ Oe.call(t, n) && ce(e, n, t[n]);
8
8
  if (Z)
9
9
  for (var n of Z(t))
10
10
  $e.call(t, n) && ce(e, n, t[n]);
11
11
  return e;
12
- }, A = (e, t) => $t(e, Tt(t));
13
- var Te = (e, t) => {
12
+ }, S = (e, t) => $t(e, yt(t));
13
+ var ye = (e, t) => {
14
14
  var n = {};
15
15
  for (var i in e)
16
- Ie.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
16
+ Oe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
17
17
  if (e != null && Z)
18
18
  for (var i of Z(e))
19
19
  t.indexOf(i) < 0 && $e.call(e, i) && (n[i] = e[i]);
20
20
  return n;
21
21
  };
22
- var Ee = (e, t, n) => (ce(e, typeof t != "symbol" ? t + "" : t, n), n);
23
- var B = (e, t, n) => new Promise((i, r) => {
22
+ var Te = (e, t, n) => (ce(e, typeof t != "symbol" ? t + "" : t, n), n);
23
+ var z = (e, t, n) => new Promise((i, a) => {
24
24
  var s = (c) => {
25
25
  try {
26
- u(n.next(c));
26
+ p(n.next(c));
27
27
  } catch (d) {
28
- r(d);
28
+ a(d);
29
29
  }
30
30
  }, l = (c) => {
31
31
  try {
32
- u(n.throw(c));
32
+ p(n.throw(c));
33
33
  } catch (d) {
34
- r(d);
34
+ a(d);
35
35
  }
36
- }, u = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
37
- u((n = n.apply(e, t)).next());
36
+ }, p = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
37
+ p((n = n.apply(e, t)).next());
38
38
  });
39
- import { jsxs as g, Fragment as R, jsx as o } from "react/jsx-runtime";
40
- import { useState as T, createContext as Xe, useCallback as ne, useContext as Qe, createElement as he, useEffect as fe, useRef as de } from "react";
41
- import { Typography as F, Button as me, Paper as je, Box as y, Drawer as xe, Dialog as Et, DialogTitle as Bt, DialogContent as Ft, DialogActions as Nt, Autocomplete as ve, TextField as we, CircularProgress as be, Chip as Pt, Tooltip as Lt, Stack as Mt, styled as Se, IconButton as Q, Container as Ke, useTheme as ie, useMediaQuery as _t, Collapse as Rt, Avatar as Be, Fade as Ht, Skeleton as Fe, Toolbar as Wt, Divider as Ne, CssBaseline as zt, Snackbar as Ut, Alert as Gt, LinearProgress as Vt, FormHelperText as qt } from "@mui/material";
42
- import Xt from "@mui/material/CssBaseline";
43
- import { styled as H, createTheme as Je, alpha as ue } from "@mui/material/styles";
44
- import { AgError as Qt } from "@australiangreens/ag-error";
45
- import { createHelper as K } from "souvlaki";
39
+ import { jsxs as h, Fragment as _, jsx as o } from "react/jsx-runtime";
40
+ import { useState as E, createContext as Xe, useCallback as ne, useContext as Qe, createElement as ge, useEffect as Ee, useRef as de } from "react";
41
+ import { Typography as F, Button as fe, Paper as Ke, Box as I, Drawer as Ce, Dialog as Tt, DialogTitle as Et, DialogContent as Ft, DialogActions as Nt, Autocomplete as ve, TextField as xe, CircularProgress as we, Chip as Pt, Tooltip as Bt, Stack as Lt, styled as be, IconButton as Q, Container as je, useTheme as ie, useMediaQuery as Mt, Collapse as _t, Avatar as Fe, Fade as Ht, Skeleton as Ne, Toolbar as Rt, Divider as Pe, CssBaseline as Wt, Snackbar as zt, Alert as Gt, LinearProgress as Vt, FormHelperText as Ut } from "@mui/material";
42
+ import qt from "@mui/material/CssBaseline";
43
+ import { styled as H, createTheme as Je, alpha as pe } from "@mui/material/styles";
44
+ import { AgError as Xt } from "@australiangreens/ag-error";
45
+ import { createHelper as j } from "souvlaki";
46
46
  import Ye from "@mui/material/List";
47
- import { Cancel as jt, ArrowDropDown as Kt, ArrowForward as Ze, ArrowBack as et, ViewHeadline as Jt } from "@mui/icons-material";
48
- import Yt from "autosuggest-highlight/match";
49
- import Zt from "autosuggest-highlight/parse";
50
- import { useQuery as en, QueryClient as tn, QueryClientProvider as nn } from "@tanstack/react-query";
51
- import { useAuth0 as on } from "@auth0/auth0-react";
52
- import { Buffer as rn } from "buffer";
53
- import { atom as L, useSetAtom as tt, useAtomValue as Pe, useAtom as V, getDefaultStore as an, Provider as nt } from "jotai";
47
+ import { Cancel as Qt, ArrowDropDown as Kt, ArrowForward as Ze, ArrowBack as et, ViewHeadline as jt } from "@mui/icons-material";
48
+ import Jt from "autosuggest-highlight/match";
49
+ import Yt from "autosuggest-highlight/parse";
50
+ import { useQuery as Zt, QueryClient as en, QueryClientProvider as tn } from "@tanstack/react-query";
51
+ import { atom as B, useSetAtom as tt, useAtomValue as Be, useAtom as U, getDefaultStore as nn, Provider as nt } from "jotai";
54
52
  import { useHydrateAtoms as ot } from "jotai/utils";
55
- function vo({ text: e }) {
56
- const [t, n] = T(0);
57
- return /* @__PURE__ */ g(R, { children: [
53
+ function go({ text: e }) {
54
+ const [t, n] = E(0);
55
+ return /* @__PURE__ */ h(_, { children: [
58
56
  /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
59
57
  /* @__PURE__ */ o(F, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
60
58
  /* @__PURE__ */ o(
61
- me,
59
+ fe,
62
60
  {
63
61
  variant: "outlined",
64
62
  onClick: () => n((i) => i + 1),
@@ -66,25 +64,25 @@ function vo({ text: e }) {
66
64
  children: "Hello I am a button"
67
65
  }
68
66
  ),
69
- /* @__PURE__ */ g("p", { children: [
67
+ /* @__PURE__ */ h("p", { children: [
70
68
  "This is some text: ",
71
69
  /* @__PURE__ */ o("span", { children: e })
72
70
  ] }),
73
- /* @__PURE__ */ g(je, { children: [
71
+ /* @__PURE__ */ h(Ke, { children: [
74
72
  "This number will incremember when button pressed: ",
75
73
  t
76
74
  ] })
77
75
  ] });
78
76
  }
79
- const it = 330, rt = 73, U = "Navbar", q = {
80
- root: `${U}-root`,
81
- menuButton: `${U}-menuButton`,
82
- hide: `${U}-hide`,
83
- content: `${U}-content`,
84
- userInfoHolder: `${U}-userInfoHolder`,
85
- settings: `${U}-settings`,
86
- pieChartIcon: `${U}-pieChartIcon`
87
- }, sn = H(y, {
77
+ const it = 330, rt = 73, G = "Navbar", q = {
78
+ root: `${G}-root`,
79
+ menuButton: `${G}-menuButton`,
80
+ hide: `${G}-hide`,
81
+ content: `${G}-content`,
82
+ userInfoHolder: `${G}-userInfoHolder`,
83
+ settings: `${G}-settings`,
84
+ pieChartIcon: `${G}-pieChartIcon`
85
+ }, on = H(I, {
88
86
  name: "NavBar"
89
87
  })(({ theme: e }) => ({
90
88
  [`&.${q.root}`]: {
@@ -113,51 +111,51 @@ const it = 330, rt = 73, U = "Navbar", q = {
113
111
  color: "white",
114
112
  backgroundColor: "black"
115
113
  // backgroundColor: '#e8e8e8',
116
- }), ln = () => a({
114
+ }), rn = () => r({
117
115
  width: it
118
- }, at()), cn = () => a({
116
+ }, at()), an = () => r({
119
117
  width: rt
120
- }, at()), dn = H(xe, {
118
+ }, at()), sn = H(Ce, {
121
119
  shouldForwardProp: (e) => e !== "open"
122
- })(({ theme: e, open: t }) => a(a({
120
+ })(({ theme: e, open: t }) => r(r({
123
121
  width: t ? it : rt,
124
122
  flexShrink: 0,
125
123
  whiteSpace: "nowrap",
126
124
  boxSizing: "border-box",
127
125
  zIndex: e.zIndex.drawer + 100
128
126
  }, t && {
129
- "& .MuiDrawer-paper": ln()
127
+ "& .MuiDrawer-paper": rn()
130
128
  }), !t && {
131
- "& .MuiDrawer-paper": cn()
129
+ "& .MuiDrawer-paper": an()
132
130
  }));
133
- class Ae extends Qt {
131
+ class Ae extends Xt {
134
132
  }
135
- Ee(Ae, "errorName", "ContextError");
136
- const st = Xe(null), un = {}, pn = {}, gn = ({
137
- overrideState: e = un,
138
- overrideActions: t = pn,
133
+ Te(Ae, "errorName", "ContextError");
134
+ const st = Xe(null), ln = {}, cn = {}, dn = ({
135
+ overrideState: e = ln,
136
+ overrideActions: t = cn,
139
137
  children: n
140
138
  }) => {
141
- const [{ open: i }, r] = T({ open: !0 }), s = ne((c) => {
142
- r({ open: c });
139
+ const [{ open: i }, a] = E({ open: !0 }), s = ne((c) => {
140
+ a({ open: c });
143
141
  }, []), l = ne(() => {
144
- r((c) => A(a({}, c), { open: !c.open }));
145
- }, []), u = a(a({
142
+ a((c) => S(r({}, c), { open: !c.open }));
143
+ }, []), p = r(r({
146
144
  open: i,
147
145
  setOpen: s,
148
146
  toggleOpen: l
149
147
  }, e), t);
150
- return /* @__PURE__ */ o(st.Provider, { value: u, children: n });
151
- }, hn = () => {
148
+ return /* @__PURE__ */ o(st.Provider, { value: p, children: n });
149
+ }, pn = () => {
152
150
  const e = Qe(st);
153
151
  if (e === null)
154
152
  throw new Ae("Error: Tried to useNavBar outside of a <NavBarProvider>");
155
153
  return e;
156
- }, fn = (e = {}) => a({
154
+ }, un = (e = {}) => r({
157
155
  open: !0
158
- }, e), wo = K(
159
- (e = fn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(gn, { overrideState: e, overrideActions: t, children: n })
160
- ), Le = 7, bo = H(Ye)(({ theme: e }) => ({
156
+ }, e), fo = j(
157
+ (e = un(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(dn, { overrideState: e, overrideActions: t, children: n })
158
+ ), Le = 7, mo = H(Ye)(({ theme: e }) => ({
161
159
  backgroundColor: "black",
162
160
  color: "white",
163
161
  "& .MuiListItem-root": {
@@ -195,7 +193,7 @@ const st = Xe(null), un = {}, pn = {}, gn = ({
195
193
  // '&.Mui-selected.Mui-focusVisible:hover': {
196
194
  // },
197
195
  }
198
- })), Me = 7, So = H(Ye)(({ theme: e }) => ({
196
+ })), Me = 7, Co = H(Ye)(({ theme: e }) => ({
199
197
  backgroundColor: "#e8e8e8",
200
198
  color: "inherit",
201
199
  "& .MuiListItem-root": {
@@ -234,15 +232,15 @@ const st = Xe(null), un = {}, pn = {}, gn = ({
234
232
  // },
235
233
  }
236
234
  }));
237
- function Ao({
235
+ function vo({
238
236
  "data-testid": e,
239
237
  children: t
240
238
  }) {
241
- const { open: n } = hn();
242
- return /* @__PURE__ */ g(sn, { className: q.root, "data-testid": e, children: [
243
- /* @__PURE__ */ o(Xt, {}),
239
+ const { open: n } = pn();
240
+ return /* @__PURE__ */ h(on, { className: q.root, "data-testid": e, children: [
241
+ /* @__PURE__ */ o(qt, {}),
244
242
  /* @__PURE__ */ o(
245
- dn,
243
+ sn,
246
244
  {
247
245
  variant: "permanent",
248
246
  anchor: "left",
@@ -253,184 +251,184 @@ function Ao({
253
251
  )
254
252
  ] });
255
253
  }
256
- const lt = ({
254
+ const hn = ({
257
255
  isOpen: e,
258
256
  dialogTitle: t,
259
257
  children: n,
260
258
  maxWidth: i,
261
- primaryButton: r,
259
+ primaryButton: a,
262
260
  secondaryButton: s,
263
261
  onClose: l,
264
- sx: u,
262
+ sx: p,
265
263
  "data-testid": c,
266
264
  disableCloseOnBackdropOrEscape: d = !1
267
265
  }) => {
268
- var w, h;
269
- const [C, v] = T(!1);
270
- return /* @__PURE__ */ g(
271
- Et,
266
+ var b, m;
267
+ const [v, w] = E(!1);
268
+ return /* @__PURE__ */ h(
269
+ Tt,
272
270
  {
273
271
  open: e,
274
- onClose: (S, D) => B(void 0, null, function* () {
275
- d && (D === "backdropClick" || D === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : l());
272
+ onClose: (A, D) => z(void 0, null, function* () {
273
+ d && (D === "backdropClick" || D === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : l());
276
274
  }),
277
275
  fullWidth: !0,
278
276
  maxWidth: i != null ? i : "xs",
279
277
  "data-testid": c,
280
- sx: u,
278
+ sx: p,
281
279
  children: [
282
- /* @__PURE__ */ o(Bt, { children: t }),
280
+ /* @__PURE__ */ o(Et, { children: t }),
283
281
  /* @__PURE__ */ o(Ft, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
284
- /* @__PURE__ */ g(Nt, { children: [
282
+ /* @__PURE__ */ h(Nt, { children: [
285
283
  /* @__PURE__ */ o(
286
- me,
284
+ fe,
287
285
  {
288
- onClick: (w = s == null ? void 0 : s.onClick) != null ? w : l,
286
+ onClick: (b = s == null ? void 0 : s.onClick) != null ? b : l,
289
287
  "data-testid": s == null ? void 0 : s.testId,
290
- disabled: (s == null ? void 0 : s.disabled) || C,
288
+ disabled: (s == null ? void 0 : s.disabled) || v,
291
289
  color: s == null ? void 0 : s.buttonColor,
292
- children: (h = s == null ? void 0 : s.text) != null ? h : "Cancel"
290
+ children: (m = s == null ? void 0 : s.text) != null ? m : "Cancel"
293
291
  }
294
292
  ),
295
- r && /* @__PURE__ */ o(
296
- me,
293
+ a && /* @__PURE__ */ o(
294
+ fe,
297
295
  {
298
- onClick: () => B(void 0, null, function* () {
299
- var S;
300
- v(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), v(!1);
296
+ onClick: () => z(void 0, null, function* () {
297
+ var A;
298
+ w(!0), yield (A = a.onClick) == null ? void 0 : A.call(a), w(!1);
301
299
  }),
302
- "data-testid": r.testId,
303
- disabled: r.disabled || C,
304
- color: r == null ? void 0 : r.buttonColor,
305
- children: r.text
300
+ "data-testid": a.testId,
301
+ disabled: a.disabled || v,
302
+ color: a == null ? void 0 : a.buttonColor,
303
+ children: a.text
306
304
  }
307
305
  )
308
306
  ] })
309
307
  ]
310
308
  }
311
309
  );
312
- }, ct = ({
310
+ }, lt = ({
313
311
  minLength: e,
314
312
  preLoadedOptions: t,
315
313
  lookup: n,
316
314
  label: i,
317
- inputValue: r
318
- }) => en({
319
- queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
320
- (s) => s.label.toLowerCase().includes(r.toLowerCase())
321
- ) : n(r),
322
- queryKey: ["autocomplete", i, r]
315
+ inputValue: a
316
+ }) => Zt({
317
+ queryFn: () => e && a.length < e ? t != null ? t : [] : t ? t.filter(
318
+ (s) => s.label.toLowerCase().includes(a.toLowerCase())
319
+ ) : n(a),
320
+ queryKey: ["autocomplete", i, a]
323
321
  });
324
- function Do({
325
- lookup: e = () => B(this, null, function* () {
322
+ function xo({
323
+ lookup: e = () => z(this, null, function* () {
326
324
  }),
327
325
  enableHighlighting: t = !0,
328
326
  onChange: n,
329
327
  minLength: i = 0,
330
- label: r,
328
+ label: a,
331
329
  value: s,
332
330
  "data-testid": l,
333
- sx: u,
331
+ sx: p,
334
332
  textFieldColor: c,
335
333
  textFieldVariant: d = "filled",
336
- loadingText: C = "Loading...",
337
- noOptionsText: v = "No options",
338
- popupIcon: w = /* @__PURE__ */ o(Kt, {}),
339
- error: h = !1,
340
- helperText: S = "",
334
+ loadingText: v = "Loading...",
335
+ noOptionsText: w = "No options",
336
+ popupIcon: b = /* @__PURE__ */ o(Kt, {}),
337
+ error: m = !1,
338
+ helperText: A = "",
341
339
  preLoadedOptions: D = void 0,
342
340
  disablePortal: O = !1
343
341
  }) {
344
- const [f, k] = T(""), W = (p, m) => {
345
- const E = s.filter((P) => P.id !== m);
346
- n(E, "delete", p);
347
- }, { data: N, isLoading: M } = ct({
348
- inputValue: f,
349
- label: r,
342
+ const [g, k] = E(""), R = (u, f) => {
343
+ const T = s.filter((P) => P.id !== f);
344
+ n(T, "delete", u);
345
+ }, { data: N, isLoading: L } = lt({
346
+ inputValue: g,
347
+ label: a,
350
348
  lookup: e,
351
349
  minLength: i,
352
350
  preLoadedOptions: D
353
- }), I = f.length >= i;
354
- return /* @__PURE__ */ g("div", { "data-testid": l, children: [
351
+ }), $ = g.length >= i;
352
+ return /* @__PURE__ */ h("div", { "data-testid": l, children: [
355
353
  /* @__PURE__ */ o(
356
354
  ve,
357
355
  {
358
- sx: u,
356
+ sx: p,
359
357
  "data-testid": l ? `${l}:Autocomplete` : void 0,
360
358
  disablePortal: O,
361
359
  multiple: !0,
362
- getOptionLabel: (p) => typeof p == "string" ? p : p.label,
363
- loading: I ? M : !1,
360
+ getOptionLabel: (u) => typeof u == "string" ? u : u.label,
361
+ loading: $ ? L : !1,
364
362
  options: [...s, ...N != null ? N : []],
365
363
  filterSelectedOptions: !0,
366
364
  includeInputInList: !0,
367
365
  value: s,
368
- onChange: (p, m, E) => {
369
- n(m, E, p);
366
+ onChange: (u, f, T) => {
367
+ n(f, T, u);
370
368
  },
371
- onInputChange: (p, m) => k(m),
372
- noOptionsText: I ? v : "Start typing to search",
373
- loadingText: C,
374
- popupIcon: w,
375
- renderInput: (p) => /* @__PURE__ */ o(
376
- we,
377
- A(a({}, p), {
378
- label: r,
369
+ onInputChange: (u, f) => k(f),
370
+ noOptionsText: $ ? w : "Start typing to search",
371
+ loadingText: v,
372
+ popupIcon: b,
373
+ renderInput: (u) => /* @__PURE__ */ o(
374
+ xe,
375
+ S(r({}, u), {
376
+ label: a,
379
377
  fullWidth: !0,
380
378
  variant: d,
381
- error: h,
382
- helperText: S,
383
- InputProps: A(a({}, p.InputProps), {
384
- endAdornment: /* @__PURE__ */ g(R, { children: [
385
- M ? /* @__PURE__ */ o(be, { color: "inherit", size: 20 }) : null,
386
- p.InputProps.endAdornment
379
+ error: m,
380
+ helperText: A,
381
+ InputProps: S(r({}, u.InputProps), {
382
+ endAdornment: /* @__PURE__ */ h(_, { children: [
383
+ L ? /* @__PURE__ */ o(we, { color: "inherit", size: 20 }) : null,
384
+ u.InputProps.endAdornment
387
385
  ] })
388
386
  }),
389
387
  "data-testid": l ? `${l}:Autocomplete:TextField` : void 0,
390
- onKeyDown: (m) => {
391
- (m.key === "Backspace" || m.key === "Delete") && m.stopPropagation();
388
+ onKeyDown: (f) => {
389
+ (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
392
390
  },
393
391
  color: c
394
392
  })
395
393
  ),
396
394
  renderTags: () => null,
397
- isOptionEqualToValue: (p, m) => p.id === m.id,
398
- renderOption: (p, m, E) => {
395
+ isOptionEqualToValue: (u, f) => u.id === f.id,
396
+ renderOption: (u, f, T) => {
399
397
  if (t) {
400
- const P = Yt(m.label, E.inputValue, {
398
+ const P = Jt(f.label, T.inputValue, {
401
399
  insideWords: !0,
402
400
  findAllOccurrences: !0
403
- }), b = Zt(m.label, P);
404
- return /* @__PURE__ */ he(
401
+ }), x = Yt(f.label, P);
402
+ return /* @__PURE__ */ ge(
405
403
  "li",
406
- A(a({}, p), {
407
- key: m.id,
408
- "data-testid": l ? `${l}:Autocomplete:option(${m.id.toString()})` : void 0
404
+ S(r({}, u), {
405
+ key: f.id,
406
+ "data-testid": l ? `${l}:Autocomplete:option(${f.id.toString()})` : void 0
409
407
  }),
410
- /* @__PURE__ */ o("div", { children: b.map((x, _) => /* @__PURE__ */ o(
408
+ /* @__PURE__ */ o("div", { children: x.map((C, M) => /* @__PURE__ */ o(
411
409
  "span",
412
410
  {
413
411
  style: {
414
- fontWeight: x.highlight ? 700 : 400
412
+ fontWeight: C.highlight ? 700 : 400
415
413
  },
416
- children: x.text
414
+ children: C.text
417
415
  },
418
- _
416
+ M
419
417
  )) })
420
418
  );
421
419
  } else
422
- return /* @__PURE__ */ he(
420
+ return /* @__PURE__ */ ge(
423
421
  "li",
424
- A(a({}, p), {
425
- key: m.id,
426
- "data-testid": l ? `${l}:option(${m.id.toString()})` : void 0
422
+ S(r({}, u), {
423
+ key: f.id,
424
+ "data-testid": l ? `${l}:option(${f.id.toString()})` : void 0
427
425
  }),
428
- m.label
426
+ f.label
429
427
  );
430
428
  }
431
429
  }
432
430
  ),
433
- s.length > 0 && /* @__PURE__ */ o(y, { children: s.map((p) => /* @__PURE__ */ o(
431
+ s.length > 0 && /* @__PURE__ */ o(I, { children: s.map((u) => /* @__PURE__ */ o(
434
432
  Pt,
435
433
  {
436
434
  sx: {
@@ -439,9 +437,9 @@ function Do({
439
437
  height: "auto"
440
438
  },
441
439
  label: /* @__PURE__ */ o(
442
- Lt,
440
+ Bt,
443
441
  {
444
- title: p.tooltipContent || "",
442
+ title: u.tooltipContent || "",
445
443
  placement: "bottom-start",
446
444
  PopperProps: {
447
445
  modifiers: [
@@ -453,163 +451,109 @@ function Do({
453
451
  }
454
452
  ]
455
453
  },
456
- children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
454
+ children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: u.chipLabel ? u.chipLabel : u.label })
457
455
  }
458
456
  ),
459
- "data-testid": l ? `${l}:Chip(${p.id.toString()})` : void 0,
460
- onDelete: (m) => W(m, p.id),
457
+ "data-testid": l ? `${l}:Chip(${u.id.toString()})` : void 0,
458
+ onDelete: (f) => R(f, u.id),
461
459
  deleteIcon: /* @__PURE__ */ o(
462
- jt,
460
+ Qt,
463
461
  {
464
- "data-testid": l ? `${l}:Chip(${p.id.toString()}):deleteIcon` : void 0
462
+ "data-testid": l ? `${l}:Chip(${u.id.toString()}):deleteIcon` : void 0
465
463
  }
466
464
  )
467
465
  },
468
- p.id
466
+ u.id
469
467
  )) })
470
468
  ] });
471
469
  }
472
- const ko = ({
473
- lookup: e = () => B(void 0, null, function* () {
470
+ const wo = ({
471
+ lookup: e = () => z(void 0, null, function* () {
474
472
  }),
475
473
  onChange: t,
476
474
  label: n,
477
475
  value: i,
478
- sx: r,
476
+ sx: a,
479
477
  textFieldColor: s,
480
478
  textFieldVariant: l = "filled",
481
- "data-testid": u,
479
+ "data-testid": p,
482
480
  noOptionsText: c = "No options",
483
481
  minLength: d = 3,
484
- disablePortal: C = !1,
485
- preLoadedOptions: v
482
+ disablePortal: v = !1,
483
+ preLoadedOptions: w
486
484
  }) => {
487
- const [w, h] = T(""), { data: S, isLoading: D } = ct({
488
- inputValue: w,
485
+ const [b, m] = E(""), { data: A, isLoading: D } = lt({
486
+ inputValue: b,
489
487
  label: n,
490
488
  lookup: e,
491
489
  minLength: d != null ? d : 0,
492
- preLoadedOptions: v
493
- }), O = w.length >= d;
494
- return /* @__PURE__ */ o("div", { "data-testid": u, children: /* @__PURE__ */ o(Mt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
490
+ preLoadedOptions: w
491
+ }), O = b.length >= d;
492
+ return /* @__PURE__ */ o("div", { "data-testid": p, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
495
493
  ve,
496
494
  {
497
- sx: r,
498
- "data-testid": u ? `${u}:Autocomplete` : void 0,
495
+ sx: a,
496
+ "data-testid": p ? `${p}:Autocomplete` : void 0,
499
497
  loading: O ? D : !1,
500
- options: S != null ? S : [],
501
- onChange: (f, k) => {
502
- t(f, k);
498
+ options: A != null ? A : [],
499
+ onChange: (g, k) => {
500
+ t(g, k);
503
501
  },
504
- disablePortal: C,
505
- filterOptions: (f) => f,
502
+ disablePortal: v,
503
+ filterOptions: (g) => g,
506
504
  value: i,
507
505
  noOptionsText: O ? c : "Start typing to search",
508
- getOptionLabel: (f) => f.label,
509
- renderInput: (f) => /* @__PURE__ */ o(
510
- we,
511
- A(a({
512
- "data-testid": u ? `${u}:Autocomplete:TextField` : void 0
513
- }, f), {
506
+ getOptionLabel: (g) => g.label,
507
+ renderInput: (g) => /* @__PURE__ */ o(
508
+ xe,
509
+ S(r({
510
+ "data-testid": p ? `${p}:Autocomplete:TextField` : void 0
511
+ }, g), {
514
512
  variant: l,
515
513
  label: n,
516
514
  color: s
517
515
  })
518
516
  ),
519
- isOptionEqualToValue: (f, k) => f.id === k.id,
520
- onInputChange: (f, k) => {
521
- h(k);
517
+ isOptionEqualToValue: (g, k) => g.id === k.id,
518
+ onInputChange: (g, k) => {
519
+ m(k);
522
520
  },
523
- renderOption: (f, k) => /* @__PURE__ */ he(
521
+ renderOption: (g, k) => /* @__PURE__ */ ge(
524
522
  "li",
525
- A(a({}, f), {
523
+ S(r({}, g), {
526
524
  key: k.id,
527
- "data-testid": u ? `${u}:Autocomplete:option(${k.id.toString()})` : void 0
525
+ "data-testid": p ? `${p}:Autocomplete:option(${k.id.toString()})` : void 0
528
526
  }),
529
527
  k.label
530
528
  )
531
529
  }
532
530
  ) }) });
533
- }, mn = (e) => {
534
- if (!e)
535
- return -1;
536
- try {
537
- const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
538
- rn.from(n, "base64").toString("utf8").split("").map(function(s) {
539
- return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
540
- }).join("")
541
- ), r = JSON.parse(i);
542
- return r != null && r.exp ? r.exp : -1;
543
- } catch (t) {
544
- return -1;
545
- }
546
- }, yo = ({
547
- open: e = !1,
548
- closeHandler: t,
549
- setAuth0ExpiryTime: n
550
- }) => {
551
- const { logout: i, getAccessTokenSilently: r } = on(), [s, l] = T(0), u = () => B(void 0, null, function* () {
552
- i({ logoutParams: { returnTo: `${window.location.origin}` } });
553
- }), c = () => B(void 0, null, function* () {
554
- l(s + 1), t();
555
- });
556
- return fe(() => {
557
- (() => B(void 0, null, function* () {
558
- if (s > 0) {
559
- const w = yield r({ cacheMode: "off" }), h = mn(w) * 1e3;
560
- n(h);
561
- }
562
- }))();
563
- }, [s, r, n]), /* @__PURE__ */ o(
564
- lt,
565
- {
566
- isOpen: e,
567
- primaryButton: {
568
- text: "Continue",
569
- onClick: c,
570
- disabled: !1,
571
- testId: "PreferencesDialog",
572
- buttonColor: "secondary"
573
- },
574
- secondaryButton: {
575
- text: "Log out",
576
- onClick: u,
577
- disabled: !1,
578
- testId: "PreferencesDialog",
579
- buttonColor: "secondary"
580
- },
581
- onClose: t,
582
- dialogTitle: "Session expiry",
583
- disableCloseOnBackdropOrEscape: !0,
584
- children: /* @__PURE__ */ o("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
585
- }
586
- );
587
- }, Cn = 24, xn = 64, G = "TopBar", $ = {
588
- topStripe: `${G}-topStripe`,
589
- titleBar: `${G}-titleBar`,
590
- titleSlider: `${G}-titleSlider`,
591
- titleText: `${G}-titleText`,
592
- leftPanelButton: `${G}-leftPanelButton`,
593
- rightPanelButton: `${G}-leftPanelButton`
594
- }, vn = Se("div", {
531
+ }, gn = 24, fn = 64, V = "TopBar", y = {
532
+ topStripe: `${V}-topStripe`,
533
+ titleBar: `${V}-titleBar`,
534
+ titleSlider: `${V}-titleSlider`,
535
+ titleText: `${V}-titleText`,
536
+ leftPanelButton: `${V}-leftPanelButton`,
537
+ rightPanelButton: `${V}-leftPanelButton`
538
+ }, mn = be("div", {
595
539
  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
596
- name: G
540
+ name: V
597
541
  })(({ theme: e, leftPanel: t, rightPanel: n }) => {
598
- var i, r;
542
+ var i, a;
599
543
  return {
600
544
  width: "100%",
601
- [`& .${$.topStripe}`]: {
545
+ [`& .${y.topStripe}`]: {
602
546
  width: "100%",
603
- height: `${Cn}px`,
547
+ height: `${gn}px`,
604
548
  backgroundColor: e.palette.primary.main
605
549
  },
606
- [`& .${$.titleBar}`]: {
550
+ [`& .${y.titleBar}`]: {
607
551
  backgroundColor: e.palette.primary.light,
608
- height: `${xn}px`,
552
+ height: `${fn}px`,
609
553
  padding: e.spacing(0, 3),
610
554
  width: "100%"
611
555
  },
612
- [`& .${$.titleSlider}`]: a(a({
556
+ [`& .${y.titleSlider}`]: r(r({
613
557
  height: "100%",
614
558
  display: "flex",
615
559
  alignItems: "center",
@@ -618,14 +562,14 @@ const ko = ({
618
562
  easing: e.transitions.easing.sharp,
619
563
  duration: e.transitions.duration.leavingScreen
620
564
  }),
621
- [`& .${$.leftPanelButton}`]: {
565
+ [`& .${y.leftPanelButton}`]: {
622
566
  marginRight: e.spacing(2),
623
567
  flexGrow: 0
624
568
  },
625
- [`& .${$.titleText}`]: {
569
+ [`& .${y.titleText}`]: {
626
570
  flexGrow: 1
627
571
  },
628
- [`& .${$.rightPanelButton}`]: {
572
+ [`& .${y.rightPanelButton}`]: {
629
573
  flexGrow: 0
630
574
  }
631
575
  }, (t == null ? void 0 : t.open) && {
@@ -639,23 +583,23 @@ const ko = ({
639
583
  easing: e.transitions.easing.easeOut,
640
584
  duration: e.transitions.duration.enteringScreen
641
585
  }),
642
- marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
586
+ marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
643
587
  })
644
588
  };
645
589
  });
646
- function wn({
590
+ function Cn({
647
591
  titleText: e = "",
648
592
  leftPanel: t,
649
593
  rightPanel: n,
650
594
  "data-testid": i
651
595
  }) {
652
- return /* @__PURE__ */ g(vn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
653
- /* @__PURE__ */ o("div", { className: $.topStripe }),
654
- /* @__PURE__ */ o("div", { className: $.titleBar, children: /* @__PURE__ */ g(y, { className: $.titleSlider, children: [
655
- t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ g(
596
+ return /* @__PURE__ */ h(mn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
597
+ /* @__PURE__ */ o("div", { className: y.topStripe }),
598
+ /* @__PURE__ */ o("div", { className: y.titleBar, children: /* @__PURE__ */ h(I, { className: y.titleSlider, children: [
599
+ t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
656
600
  Q,
657
601
  {
658
- className: $.leftPanelButton,
602
+ className: y.leftPanelButton,
659
603
  color: "inherit",
660
604
  "aria-label": "Open left side panel",
661
605
  onClick: t == null ? void 0 : t.onOpen,
@@ -667,11 +611,11 @@ function wn({
667
611
  ]
668
612
  }
669
613
  ),
670
- /* @__PURE__ */ o(F, { className: $.titleText, variant: "h6", noWrap: !0, children: e }),
671
- n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ g(
614
+ /* @__PURE__ */ o(F, { className: y.titleText, variant: "h6", noWrap: !0, children: e }),
615
+ n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
672
616
  Q,
673
617
  {
674
- className: $.rightPanelButton,
618
+ className: y.rightPanelButton,
675
619
  color: "inherit",
676
620
  "aria-label": "Open right side panel",
677
621
  onClick: n == null ? void 0 : n.onOpen,
@@ -686,7 +630,7 @@ function wn({
686
630
  ] }) })
687
631
  ] });
688
632
  }
689
- const dt = 400, bn = Se(xe, {
633
+ const ct = 400, vn = be(Ce, {
690
634
  shouldForwardProp: (e) => (
691
635
  // Note we do want anchor to be forwarded to the Drawer component
692
636
  ![
@@ -700,9 +644,9 @@ const dt = 400, bn = Se(xe, {
700
644
  ),
701
645
  name: "SidePanelDrawer"
702
646
  })(
703
- ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: s }) => ({
647
+ ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: s }) => ({
704
648
  width: e,
705
- "& .MuiDrawer-paper": a(a({
649
+ "& .MuiDrawer-paper": r(r({
706
650
  position: "absolute",
707
651
  width: e,
708
652
  boxSizing: "border-box",
@@ -710,15 +654,15 @@ const dt = 400, bn = Se(xe, {
710
654
  boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
711
655
  }, t && {
712
656
  opacity: "50%"
713
- }), n === "left" && a({
657
+ }), n === "left" && r({
714
658
  marginLeft: `${s}px`
715
659
  }, i && {
716
- marginLeft: `${r}px`
660
+ marginLeft: `${a}px`
717
661
  }))
718
662
  })
719
- ), Sn = Se(y, {
663
+ ), xn = be(I, {
720
664
  shouldForwardProp: (e) => !["anchor"].includes(e)
721
- })(({ theme: e, anchor: t }) => A(a({
665
+ })(({ theme: e, anchor: t }) => S(r({
722
666
  display: "flex",
723
667
  alignItems: "center",
724
668
  padding: e.spacing(2)
@@ -742,59 +686,59 @@ function _e({
742
686
  open: n,
743
687
  onClose: i = () => {
744
688
  },
745
- titleText: r = "",
746
- width: s = dt,
689
+ titleText: a = "",
690
+ width: s = ct,
747
691
  showCloseArrow: l = !0,
748
- debugOpacity: u = !1,
692
+ debugOpacity: p = !1,
749
693
  headerBoxProps: c = {},
750
694
  onOpened: d,
751
- onClosed: C,
752
- "data-testid": v,
753
- navBarOpen: w = !1,
754
- navBarWidthOpen: h = 0,
755
- navBarWidthClosed: S = 0
695
+ onClosed: v,
696
+ "data-testid": w,
697
+ navBarOpen: b = !1,
698
+ navBarWidthOpen: m = 0,
699
+ navBarWidthClosed: A = 0
756
700
  }) {
757
- return /* @__PURE__ */ g(
758
- bn,
701
+ return /* @__PURE__ */ h(
702
+ vn,
759
703
  {
760
704
  SlideProps: {
761
705
  onEntered: () => d == null ? void 0 : d(),
762
- onExited: () => C == null ? void 0 : C()
706
+ onExited: () => v == null ? void 0 : v()
763
707
  },
764
708
  variant: "persistent",
765
709
  anchor: t,
766
710
  open: n,
767
711
  width: s,
768
- debugOpacity: u,
769
- "data-testid": v,
770
- navBarOpen: w,
771
- navBarWidthOpen: h,
772
- navBarWidthClosed: S,
712
+ debugOpacity: p,
713
+ "data-testid": w,
714
+ navBarOpen: b,
715
+ navBarWidthOpen: m,
716
+ navBarWidthClosed: A,
773
717
  children: [
774
- /* @__PURE__ */ o(Sn, A(a({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ g(R, { children: [
775
- /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
776
- l && /* @__PURE__ */ g(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
718
+ /* @__PURE__ */ o(xn, S(r({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ h(_, { children: [
719
+ /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: a }),
720
+ l && /* @__PURE__ */ h(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
777
721
  /* @__PURE__ */ o(et, { "data-testid": "arrowbackicon" }),
778
722
  " "
779
723
  ] })
780
- ] }) : /* @__PURE__ */ g(R, { children: [
781
- l && /* @__PURE__ */ g(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
724
+ ] }) : /* @__PURE__ */ h(_, { children: [
725
+ l && /* @__PURE__ */ h(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
782
726
  /* @__PURE__ */ o(Ze, {}),
783
727
  " "
784
728
  ] }),
785
- /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
729
+ /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: a })
786
730
  ] }) })),
787
731
  e
788
732
  ]
789
733
  }
790
734
  );
791
735
  }
792
- const An = H(y, {
736
+ const wn = H(I, {
793
737
  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
794
738
  name: "PanelAwareMargins"
795
739
  })(({ theme: e, leftPanel: t, rightPanel: n }) => {
796
- var i, r;
797
- return a(a({
740
+ var i, a;
741
+ return r(r({
798
742
  transition: e.transitions.create("margin", {
799
743
  easing: e.transitions.easing.sharp,
800
744
  duration: e.transitions.duration.leavingScreen
@@ -810,160 +754,160 @@ const An = H(y, {
810
754
  easing: e.transitions.easing.easeOut,
811
755
  duration: e.transitions.duration.enteringScreen
812
756
  }),
813
- marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
757
+ marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
814
758
  });
815
- }), Dn = H(Ke, {
759
+ }), bn = H(je, {
816
760
  name: "PageContainer"
817
761
  })(({ theme: e }) => ({
818
762
  // Horizontal padding comes from the Container's gutter
819
763
  paddingTop: e.spacing(3),
820
764
  paddingBottom: e.spacing(3)
821
765
  // TODO: Remove max width
822
- })), pe = !1, ge = !1, ee = {
766
+ })), ue = !1, he = !1, ee = {
823
767
  titleText: "",
824
768
  flavour: "push",
825
- width: dt,
769
+ width: ct,
826
770
  arrowButtons: "both",
827
771
  startOpen: !1,
828
772
  open: void 0,
829
773
  onChangeOpen: void 0,
830
- content: /* @__PURE__ */ o(R, {}),
774
+ content: /* @__PURE__ */ o(_, {}),
831
775
  onOpened: void 0,
832
776
  onClosed: void 0,
833
777
  dataTestId: void 0
834
778
  };
835
- function Oo({
779
+ function bo({
836
780
  children: e,
837
781
  titleText: t = "",
838
782
  leftPanel: n,
839
783
  rightPanel: i,
840
- sidePanelsAreMutuallyExclusive: r = !0,
784
+ sidePanelsAreMutuallyExclusive: a = !0,
841
785
  debugOpacity: s = !1,
842
786
  pageContainerProps: l,
843
- pageContentDataTestId: u,
787
+ pageContentDataTestId: p,
844
788
  topBarDataTestId: c,
845
789
  navBarOpen: d,
846
- navBarWidthOpen: C,
847
- navBarWidthClosed: v
790
+ navBarWidthOpen: v,
791
+ navBarWidthClosed: w
848
792
  }) {
849
- const [w, h] = T(pe), [S, D] = T(ge), [O, f] = T(pe), [k, W] = T(ge), N = n !== void 0, M = i !== void 0, {
850
- titleText: I,
851
- content: p,
852
- flavour: m,
853
- open: E,
793
+ const [b, m] = E(ue), [A, D] = E(he), [O, g] = E(ue), [k, R] = E(he), N = n !== void 0, L = i !== void 0, {
794
+ titleText: $,
795
+ content: u,
796
+ flavour: f,
797
+ open: T,
854
798
  onChangeOpen: P,
855
- width: b,
856
- arrowButtons: x,
857
- startOpen: _,
858
- onOpened: wt,
859
- onClosed: bt,
860
- dataTestId: St
861
- } = n ? a(a({}, ee), n) : a({}, ee), {
799
+ width: x,
800
+ arrowButtons: C,
801
+ startOpen: M,
802
+ onOpened: xt,
803
+ onClosed: wt,
804
+ dataTestId: bt
805
+ } = n ? r(r({}, ee), n) : r({}, ee), {
862
806
  titleText: At,
863
- content: Dt,
864
- flavour: De,
807
+ content: St,
808
+ flavour: Se,
865
809
  open: re,
866
- onChangeOpen: ke,
810
+ onChangeOpen: De,
867
811
  width: ae,
868
812
  arrowButtons: J,
869
813
  startOpen: Y,
870
- onOpened: kt,
871
- onClosed: yt,
872
- dataTestId: Ot
873
- } = i ? a(a({}, ee), i) : a({}, ee);
874
- fe(() => {
875
- _ !== pe && (h(_), f(_));
876
- }, [_]), fe(() => {
877
- Y !== ge && (D(Y), W(Y));
814
+ onOpened: Dt,
815
+ onClosed: kt,
816
+ dataTestId: It
817
+ } = i ? r(r({}, ee), i) : r({}, ee);
818
+ Ee(() => {
819
+ M !== ue && (m(M), g(M));
820
+ }, [M]), Ee(() => {
821
+ Y !== he && (D(Y), R(Y));
878
822
  }, [Y]);
879
- const se = E === void 0 ? w : E, le = re === void 0 ? S : re, ye = (z) => {
880
- E === void 0 && (h(z), r && M && (z ? (D(!1), W(S)) : D(k))), P && P(z);
881
- }, Oe = (z) => {
882
- re === void 0 && (D(z), r && N && (z ? (h(!1), f(w)) : h(O))), ke && ke(z);
823
+ const se = T === void 0 ? b : T, le = re === void 0 ? A : re, ke = (W) => {
824
+ T === void 0 && (m(W), a && L && (W ? (D(!1), R(A)) : D(k))), P && P(W);
825
+ }, Ie = (W) => {
826
+ re === void 0 && (D(W), a && N && (W ? (m(!1), g(b)) : m(O))), De && De(W);
883
827
  };
884
- return /* @__PURE__ */ g(y, { children: [
828
+ return /* @__PURE__ */ h(I, { children: [
885
829
  N && /* @__PURE__ */ o(
886
830
  _e,
887
831
  {
888
- "data-testid": St,
832
+ "data-testid": bt,
889
833
  anchor: "left",
890
834
  open: se,
891
- onClose: () => ye(!1),
892
- width: b,
893
- titleText: I,
835
+ onClose: () => ke(!1),
836
+ width: x,
837
+ titleText: $,
894
838
  debugOpacity: s,
895
- showCloseArrow: x === "both" || x === "close",
896
- onOpened: wt,
897
- onClosed: bt,
839
+ showCloseArrow: C === "both" || C === "close",
840
+ onOpened: xt,
841
+ onClosed: wt,
898
842
  navBarOpen: d,
899
- navBarWidthOpen: C,
900
- navBarWidthClosed: v,
901
- children: p
843
+ navBarWidthOpen: v,
844
+ navBarWidthClosed: w,
845
+ children: u
902
846
  }
903
847
  ),
904
- M && /* @__PURE__ */ o(
848
+ L && /* @__PURE__ */ o(
905
849
  _e,
906
850
  {
907
- "data-testid": Ot,
851
+ "data-testid": It,
908
852
  anchor: "right",
909
853
  open: le,
910
- onClose: () => Oe(!1),
854
+ onClose: () => Ie(!1),
911
855
  width: ae,
912
856
  titleText: At,
913
857
  debugOpacity: s,
914
858
  showCloseArrow: J === "both" || J === "close",
915
- onOpened: kt,
916
- onClosed: yt,
859
+ onOpened: Dt,
860
+ onClosed: kt,
917
861
  navBarOpen: d,
918
- navBarWidthOpen: C,
919
- navBarWidthClosed: v,
920
- children: Dt
862
+ navBarWidthOpen: v,
863
+ navBarWidthClosed: w,
864
+ children: St
921
865
  }
922
866
  ),
923
867
  /* @__PURE__ */ o(
924
- wn,
925
- a(a({
868
+ Cn,
869
+ r(r({
926
870
  titleText: t,
927
871
  "data-testid": c
928
- }, N && m === "push" ? {
872
+ }, N && f === "push" ? {
929
873
  leftPanel: {
930
874
  open: se,
931
- width: b,
932
- onOpen: () => ye(!0),
933
- showOpenArrow: x === "both" || x === "open"
875
+ width: x,
876
+ onOpen: () => ke(!0),
877
+ showOpenArrow: C === "both" || C === "open"
934
878
  }
935
- } : {}), M && De === "push" ? {
879
+ } : {}), L && Se === "push" ? {
936
880
  rightPanel: {
937
881
  open: le,
938
882
  width: ae,
939
- onOpen: () => Oe(!0),
883
+ onOpen: () => Ie(!0),
940
884
  showOpenArrow: J === "both" || J === "open"
941
885
  }
942
886
  } : {})
943
887
  ),
944
888
  /* @__PURE__ */ o(
945
- An,
946
- A(a(a({}, m === "push" ? {
889
+ wn,
890
+ S(r(r({}, f === "push" ? {
947
891
  leftPanel: {
948
892
  open: se,
949
- width: b
893
+ width: x
950
894
  }
951
- } : {}), De === "push" ? {
895
+ } : {}), Se === "push" ? {
952
896
  rightPanel: {
953
897
  open: le,
954
898
  width: ae
955
899
  }
956
900
  } : {}), {
957
- children: /* @__PURE__ */ o(Dn, A(a({ "data-testid": u }, l), { children: e }))
901
+ children: /* @__PURE__ */ o(bn, S(r({ "data-testid": p }, l), { children: e }))
958
902
  })
959
903
  )
960
904
  ] });
961
905
  }
962
- const ut = () => {
906
+ const dt = () => {
963
907
  const e = ie();
964
- return _t(e.breakpoints.down("sm"));
965
- }, kn = 64, yn = 64, On = 256, j = L(!0), pt = L(On), gt = L(yn), Ce = L(""), In = L(void 0), ht = L(kn), ft = L(void 0);
966
- function $n({ links: e }) {
908
+ return Mt(e.breakpoints.down("sm"));
909
+ }, An = 64, Sn = 64, Dn = 256, K = B(!0), pt = B(Dn), ut = B(Sn), me = B(""), kn = B(void 0), ht = B(An), gt = B(void 0);
910
+ function In({ links: e }) {
967
911
  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
968
912
  }
969
913
  const te = "Navbar", X = {
@@ -974,7 +918,7 @@ const te = "Navbar", X = {
974
918
  // userInfoHolder: `${PREFIX}-userInfoHolder`,
975
919
  // settings: `${PREFIX}-settings`,
976
920
  // pieChartIcon: `${PREFIX}-pieChartIcon`,
977
- }, Tn = H(y, { name: "NavBar" })(({ theme: e }) => ({
921
+ }, On = H(I, { name: "NavBar" })(({ theme: e }) => ({
978
922
  [`&.${X.root}`]: {
979
923
  display: "flex"
980
924
  },
@@ -996,11 +940,11 @@ const te = "Navbar", X = {
996
940
  })), oe = (e, t, n) => e.transitions.create(t, {
997
941
  easing: e.transitions.easing.sharp,
998
942
  duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
999
- }), En = (e) => {
943
+ }), $n = (e) => {
1000
944
  const t = ie();
1001
945
  return /* @__PURE__ */ o(
1002
- Rt,
1003
- a({
946
+ _t,
947
+ r({
1004
948
  easing: t.transitions.easing.sharp,
1005
949
  timeout: {
1006
950
  enter: t.transitions.duration.enteringScreen,
@@ -1008,7 +952,7 @@ const te = "Navbar", X = {
1008
952
  }
1009
953
  }, e)
1010
954
  );
1011
- }, mt = (e) => {
955
+ }, ft = (e) => {
1012
956
  var t, n;
1013
957
  return {
1014
958
  overflowX: "hidden",
@@ -1016,40 +960,40 @@ const te = "Navbar", X = {
1016
960
  backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
1017
961
  // Provide default so tests don't need to wrap theme provider
1018
962
  };
1019
- }, Re = (e, t) => a({
963
+ }, He = (e, t) => r({
1020
964
  width: t,
1021
965
  transition: oe(e, "width", "entering")
1022
- }, mt(e)), He = (e, t) => a({
966
+ }, ft(e)), Re = (e, t) => r({
1023
967
  width: t,
1024
968
  transition: oe(e, "width", "leaving")
1025
- }, mt(e)), Bn = H(xe, {
969
+ }, ft(e)), yn = H(Ce, {
1026
970
  shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
1027
- })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
971
+ })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: a }) => r(r({
1028
972
  flexShrink: 0,
1029
973
  whiteSpace: "nowrap",
1030
974
  boxSizing: "border-box",
1031
975
  display: "flex",
1032
976
  flexDirection: "column"
1033
- }, t && A(a({}, Re(e, n)), {
977
+ }, t && S(r({}, He(e, n)), {
1034
978
  backgroundColor: "",
1035
- "& .MuiDrawer-paper": Re(e, n)
1036
- })), !t && A(a({}, He(e, r ? n : i)), {
979
+ "& .MuiDrawer-paper": He(e, n)
980
+ })), !t && S(r({}, Re(e, a ? n : i)), {
1037
981
  backgroundColor: "",
1038
- "& .MuiDrawer-paper": He(e, r ? n : i)
982
+ "& .MuiDrawer-paper": Re(e, a ? n : i)
1039
983
  })));
1040
- function Fn(e) {
984
+ function Tn(e) {
1041
985
  let t = 0;
1042
986
  for (let n = 0, i = e.length; n < i; n++) {
1043
- const r = e.charCodeAt(n);
1044
- t = (t << 5) - t + r, t |= 0;
987
+ const a = e.charCodeAt(n);
988
+ t = (t << 5) - t + a, t |= 0;
1045
989
  }
1046
990
  return t;
1047
991
  }
1048
- const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
1049
- function Pn({ user: e, domainCode: t, open: n }) {
992
+ const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], En = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
993
+ function Fn({ user: e, domainCode: t, open: n }) {
1050
994
  const i = ie();
1051
- return /* @__PURE__ */ g(
1052
- y,
995
+ return /* @__PURE__ */ h(
996
+ I,
1053
997
  {
1054
998
  sx: {
1055
999
  paddingTop: 3,
@@ -1060,7 +1004,7 @@ function Pn({ user: e, domainCode: t, open: n }) {
1060
1004
  },
1061
1005
  children: [
1062
1006
  /* @__PURE__ */ o(
1063
- y,
1007
+ I,
1064
1008
  {
1065
1009
  sx: {
1066
1010
  width: n ? "5rem" : "2rem",
@@ -1068,41 +1012,41 @@ function Pn({ user: e, domainCode: t, open: n }) {
1068
1012
  aspectRatio: 1
1069
1013
  },
1070
1014
  children: e != null && e.name ? /* @__PURE__ */ o(
1071
- Be,
1015
+ Fe,
1072
1016
  {
1073
1017
  src: e == null ? void 0 : e.picture,
1074
1018
  sx: {
1075
1019
  width: "100%",
1076
1020
  height: "100%",
1077
- bgcolor: We[Math.abs(Fn(e.name)) % We.length]
1021
+ bgcolor: We[Math.abs(Tn(e.name)) % We.length]
1078
1022
  },
1079
- children: Nn(e.name)
1023
+ children: En(e.name)
1080
1024
  }
1081
- ) : /* @__PURE__ */ o(Be, { sx: { width: "100%", height: "100%" } })
1025
+ ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
1082
1026
  }
1083
1027
  ),
1084
- /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ g(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
1085
- e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "50%" }),
1086
- t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "25%" })
1028
+ /* @__PURE__ */ o($n, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ h(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
1029
+ e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
1030
+ t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
1087
1031
  ] }) }) })
1088
1032
  ]
1089
1033
  }
1090
1034
  );
1091
1035
  }
1092
- function Ln({
1036
+ function Nn({
1093
1037
  open: e,
1094
1038
  widthClosed: t,
1095
1039
  widthOpen: n,
1096
1040
  "data-testid": i,
1097
- top: r,
1041
+ top: a,
1098
1042
  middle: s,
1099
1043
  bottom: l,
1100
- user: u,
1044
+ user: p,
1101
1045
  domainCode: c
1102
1046
  }) {
1103
- const d = ut(), C = tt(j);
1104
- return /* @__PURE__ */ o(Tn, { className: X.root, "data-testid": i, children: /* @__PURE__ */ g(
1105
- Bn,
1047
+ const d = dt(), v = tt(K);
1048
+ return /* @__PURE__ */ o(On, { className: X.root, "data-testid": i, children: /* @__PURE__ */ h(
1049
+ yn,
1106
1050
  {
1107
1051
  open: e,
1108
1052
  widthOpen: n,
@@ -1113,32 +1057,32 @@ function Ln({
1113
1057
  component: "nav"
1114
1058
  },
1115
1059
  onClose: () => {
1116
- C(!1);
1060
+ v(!1);
1117
1061
  },
1118
1062
  isSmallScreen: d,
1119
1063
  children: [
1120
- !d && /* @__PURE__ */ o(Wt, {}),
1121
- r && /* @__PURE__ */ g(y, { flexGrow: "0", children: [
1122
- r,
1123
- /* @__PURE__ */ o(Ne, { variant: "middle" })
1064
+ !d && /* @__PURE__ */ o(Rt, {}),
1065
+ a && /* @__PURE__ */ h(I, { flexGrow: "0", children: [
1066
+ a,
1067
+ /* @__PURE__ */ o(Pe, { variant: "middle" })
1124
1068
  ] }),
1125
- /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o($n, { links: s }) : s }),
1126
- /* @__PURE__ */ g(y, { flexGrow: "0", children: [
1127
- /* @__PURE__ */ o(Ne, { variant: "middle" }),
1128
- /* @__PURE__ */ o(Pn, { user: u, domainCode: c, open: e }),
1129
- l && /* @__PURE__ */ o(R, { children: l })
1069
+ /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(In, { links: s }) : s }),
1070
+ /* @__PURE__ */ h(I, { flexGrow: "0", children: [
1071
+ /* @__PURE__ */ o(Pe, { variant: "middle" }),
1072
+ /* @__PURE__ */ o(Fn, { user: p, domainCode: c, open: e }),
1073
+ l && /* @__PURE__ */ o(_, { children: l })
1130
1074
  ] })
1131
1075
  ]
1132
1076
  }
1133
1077
  ) });
1134
1078
  }
1135
- function Mn({
1079
+ function Pn({
1136
1080
  children: e,
1137
1081
  topBarHeight: t,
1138
1082
  maxWidth: n = !1
1139
1083
  }) {
1140
1084
  return /* @__PURE__ */ o(
1141
- y,
1085
+ I,
1142
1086
  {
1143
1087
  sx: {
1144
1088
  overflow: "auto",
@@ -1148,7 +1092,7 @@ function Mn({
1148
1092
  flexGrow: 1
1149
1093
  },
1150
1094
  children: /* @__PURE__ */ o(
1151
- Ke,
1095
+ je,
1152
1096
  {
1153
1097
  component: "main",
1154
1098
  id: "main-content",
@@ -1160,18 +1104,18 @@ function Mn({
1160
1104
  }
1161
1105
  );
1162
1106
  }
1163
- const _n = "TopBar", Rn = {
1164
- titleText: `${_n}-titleText`
1107
+ const Bn = "TopBar", Ln = {
1108
+ titleText: `${Bn}-titleText`
1165
1109
  };
1166
- function Hn({
1110
+ function Mn({
1167
1111
  titleText: e = "",
1168
1112
  height: t,
1169
1113
  "data-testid": n,
1170
1114
  middle: i
1171
1115
  }) {
1172
- const r = tt(j), s = () => r((c) => !c), l = ie(), u = ut();
1173
- return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ g(
1174
- je,
1116
+ const a = tt(K), s = () => a((c) => !c), l = ie(), p = dt();
1117
+ return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
1118
+ Ke,
1175
1119
  {
1176
1120
  square: !0,
1177
1121
  elevation: 0,
@@ -1185,65 +1129,65 @@ function Hn({
1185
1129
  gap: 2,
1186
1130
  flexShrink: 0,
1187
1131
  height: t,
1188
- zIndex: u ? 0 : l.zIndex.drawer + 1
1132
+ zIndex: p ? 0 : l.zIndex.drawer + 1
1189
1133
  },
1190
1134
  children: [
1191
- /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Jt, { fontSize: "medium" }) }),
1192
- /* @__PURE__ */ o(F, { className: Rn.titleText, variant: "h6", children: e }),
1135
+ /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(jt, { fontSize: "medium" }) }),
1136
+ /* @__PURE__ */ o(F, { className: Ln.titleText, variant: "h6", children: e }),
1193
1137
  i
1194
1138
  ]
1195
1139
  }
1196
1140
  ) });
1197
1141
  }
1198
- function Io({
1142
+ function Ao({
1199
1143
  children: e,
1200
1144
  initialTitleText: t,
1201
1145
  initialNavBarOpen: n,
1202
1146
  pageContainerProps: i,
1203
- pageContentDataTestId: r,
1147
+ pageContentDataTestId: a,
1204
1148
  topBarDataTestId: s,
1205
1149
  navBarDataTestId: l,
1206
- navBarMiddle: u,
1150
+ navBarMiddle: p,
1207
1151
  navBarBottom: c,
1208
1152
  user: d,
1209
- domainCode: C
1153
+ domainCode: v
1210
1154
  }) {
1211
1155
  ot([
1212
- [j, n != null ? n : !0],
1213
- [Ce, t != null ? t : ""]
1156
+ [K, n != null ? n : !0],
1157
+ [me, t != null ? t : ""]
1214
1158
  ]);
1215
- const v = Pe(j), [w] = V(pt), [h] = V(gt), S = Pe(Ce), [D] = V(ht), [O] = V(In), [f] = V(ft);
1216
- return /* @__PURE__ */ g(y, { children: [
1217
- /* @__PURE__ */ o(zt, {}),
1159
+ const w = Be(K), [b] = U(pt), [m] = U(ut), A = Be(me), [D] = U(ht), [O] = U(kn), [g] = U(gt);
1160
+ return /* @__PURE__ */ h(I, { children: [
1161
+ /* @__PURE__ */ o(Wt, {}),
1218
1162
  /* @__PURE__ */ o(
1219
- Hn,
1163
+ Mn,
1220
1164
  {
1221
- titleText: S,
1165
+ titleText: A,
1222
1166
  "data-testid": s,
1223
1167
  height: D,
1224
1168
  middle: O
1225
1169
  }
1226
1170
  ),
1227
- /* @__PURE__ */ g(y, { sx: { display: "flex" }, children: [
1171
+ /* @__PURE__ */ h(I, { sx: { display: "flex" }, children: [
1228
1172
  /* @__PURE__ */ o(
1229
- Ln,
1173
+ Nn,
1230
1174
  {
1231
- open: v,
1232
- top: f,
1233
- middle: u,
1175
+ open: w,
1176
+ top: g,
1177
+ middle: p,
1234
1178
  bottom: c,
1235
1179
  user: d,
1236
- domainCode: C,
1237
- widthOpen: w,
1238
- widthClosed: h,
1180
+ domainCode: v,
1181
+ widthOpen: b,
1182
+ widthClosed: m,
1239
1183
  offsetTop: D,
1240
1184
  "data-testid": l
1241
1185
  }
1242
1186
  ),
1243
1187
  /* @__PURE__ */ o(
1244
- Mn,
1245
- A(a({
1246
- "data-testid": r,
1188
+ Pn,
1189
+ S(r({
1190
+ "data-testid": a,
1247
1191
  topBarHeight: D
1248
1192
  }, i), {
1249
1193
  children: e
@@ -1252,13 +1196,13 @@ function Io({
1252
1196
  ] })
1253
1197
  ] });
1254
1198
  }
1255
- const Wn = {
1199
+ const _n = {
1256
1200
  autoHideDuration: 6e3,
1257
1201
  anchorOrigin: { vertical: "top", horizontal: "center" },
1258
1202
  // The default is false. If we prefer timer to continue when window loses
1259
1203
  // focus, change to true
1260
1204
  disableWindowBlurListener: !1
1261
- }, zn = {
1205
+ }, Hn = {
1262
1206
  shouldClose: (e, t) => t !== "clickaway"
1263
1207
  }, ze = {
1264
1208
  message: "",
@@ -1266,108 +1210,108 @@ const Wn = {
1266
1210
  variant: "standard",
1267
1211
  progressIndicator: void 0
1268
1212
  // Can use 'circular' or 'linear'
1269
- }, Ue = 100, Ge = 2e3, Un = 2e3, Gn = (() => {
1213
+ }, Ge = 100, Ve = 2e3, Rn = 2e3, Wn = (() => {
1270
1214
  let e = 0;
1271
1215
  return () => (e += 1, e);
1272
- })(), Vn = {
1216
+ })(), zn = {
1273
1217
  borderBottomLeftRadius: "0px",
1274
1218
  borderBottomRightRadius: "0px"
1275
- }, qn = {}, Xn = {}, Ct = Xe(null);
1276
- function Qn(s) {
1219
+ }, Gn = {}, Vn = {}, mt = Xe(null);
1220
+ function Un(s) {
1277
1221
  var l = s, {
1278
- overrideState: e = qn,
1279
- overrideActions: t = Xn,
1280
- shouldClose: n = zn.shouldClose,
1222
+ overrideState: e = Gn,
1223
+ overrideActions: t = Vn,
1224
+ shouldClose: n = Hn.shouldClose,
1281
1225
  children: i
1282
- } = l, r = Te(l, [
1226
+ } = l, a = ye(l, [
1283
1227
  "overrideState",
1284
1228
  "overrideActions",
1285
1229
  "shouldClose",
1286
1230
  "children"
1287
1231
  ]);
1288
1232
  var P;
1289
- const [{ open: u }, c] = T({ open: !1 }), d = de([]), C = de(Date.now()), v = de(0), w = ne((b) => {
1290
- c({ open: b });
1291
- }, []), h = ne((b = {}) => {
1292
- v.current += 1, d.current.length >= Ue && Date.now() - C.current >= Ge && (C.current = Date.now(), console.error(
1293
- `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${v.current} times in last ${Ge}ms)`
1294
- ), v.current = 0);
1295
- const x = a(A(a({}, ze), {
1296
- key: Gn()
1297
- }), b);
1298
- return d.current.push(x), d.current.length === 1 && c({ open: !0 }), x.key;
1299
- }, []), S = (b = "", x = {}) => h(a({ message: b, severity: "success" }, x)), D = (b = "", x = {}) => h(a({ message: b, severity: "info" }, x)), O = (b = "", x = {}) => h(a({ message: b, severity: "warning" }, x)), f = (b = "", x = {}) => h(a({ message: b, severity: "error" }, x)), k = (b) => {
1300
- const x = d.current.findIndex((_) => _.key === b);
1301
- if (x !== -1)
1302
- return x === 0 ? (c({ open: !1 }), d.current[0]) : d.current.splice(x, 1);
1303
- }, W = (b, x) => {
1304
- n(b, x) && c({ open: !1 });
1233
+ const [{ open: p }, c] = E({ open: !1 }), d = de([]), v = de(Date.now()), w = de(0), b = ne((x) => {
1234
+ c({ open: x });
1235
+ }, []), m = ne((x = {}) => {
1236
+ w.current += 1, d.current.length >= Ge && Date.now() - v.current >= Ve && (v.current = Date.now(), console.error(
1237
+ `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${w.current} times in last ${Ve}ms)`
1238
+ ), w.current = 0);
1239
+ const C = r(S(r({}, ze), {
1240
+ key: Wn()
1241
+ }), x);
1242
+ return d.current.push(C), d.current.length === 1 && c({ open: !0 }), C.key;
1243
+ }, []), A = (x = "", C = {}) => m(r({ message: x, severity: "success" }, C)), D = (x = "", C = {}) => m(r({ message: x, severity: "info" }, C)), O = (x = "", C = {}) => m(r({ message: x, severity: "warning" }, C)), g = (x = "", C = {}) => m(r({ message: x, severity: "error" }, C)), k = (x) => {
1244
+ const C = d.current.findIndex((M) => M.key === x);
1245
+ if (C !== -1)
1246
+ return C === 0 ? (c({ open: !1 }), d.current[0]) : d.current.splice(C, 1);
1247
+ }, R = (x, C) => {
1248
+ n(x, C) && c({ open: !1 });
1305
1249
  }, N = () => {
1306
- }, M = () => {
1250
+ }, L = () => {
1307
1251
  d.current.shift(), d.current.length > 0 && c({ open: !0 });
1308
- }, I = (P = d.current[0]) != null ? P : a({}, ze), p = {};
1309
- "autoHideDuration" in I && (p.autoHideDuration = I.autoHideDuration);
1310
- const m = a(a({}, Wn), r), E = a(a({
1311
- open: u,
1312
- setOpen: w,
1313
- enqueueNotification: h,
1314
- enqueueSuccessNotification: S,
1252
+ }, $ = (P = d.current[0]) != null ? P : r({}, ze), u = {};
1253
+ "autoHideDuration" in $ && (u.autoHideDuration = $.autoHideDuration);
1254
+ const f = r(r({}, _n), a), T = r(r({
1255
+ open: p,
1256
+ setOpen: b,
1257
+ enqueueNotification: m,
1258
+ enqueueSuccessNotification: A,
1315
1259
  enqueueInfoNotification: D,
1316
1260
  enqueueWarningNotification: O,
1317
- enqueueErrorNotification: f,
1261
+ enqueueErrorNotification: g,
1318
1262
  removeNotification: k
1319
1263
  }, e), t);
1320
- return /* @__PURE__ */ g(Ct.Provider, { value: E, children: [
1264
+ return /* @__PURE__ */ h(mt.Provider, { value: T, children: [
1321
1265
  i,
1322
1266
  /* @__PURE__ */ o(
1323
- Ut,
1324
- A(a(a({}, m), p), {
1325
- open: u,
1326
- onClose: W,
1267
+ zt,
1268
+ S(r(r({}, f), u), {
1269
+ open: p,
1270
+ onClose: R,
1327
1271
  TransitionProps: {
1328
- onExited: M,
1272
+ onExited: L,
1329
1273
  onExit: N
1330
1274
  },
1331
- sx: { zIndex: Un },
1332
- children: /* @__PURE__ */ g("div", { children: [
1275
+ sx: { zIndex: Rn },
1276
+ children: /* @__PURE__ */ h("div", { children: [
1333
1277
  /* @__PURE__ */ o(
1334
1278
  Gt,
1335
1279
  {
1336
- onClose: (b) => W(b, "closeAlert"),
1337
- severity: I.severity,
1280
+ onClose: (x) => R(x, "closeAlert"),
1281
+ severity: $.severity,
1338
1282
  variant: "filled",
1339
- icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(be, { size: "1em" }) : void 0,
1340
- style: I.progressIndicator === "linear" ? Vn : void 0,
1341
- children: I.message
1283
+ icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(we, { size: "1em" }) : void 0,
1284
+ style: $.progressIndicator === "linear" ? zn : void 0,
1285
+ children: $.message
1342
1286
  }
1343
1287
  ),
1344
- I.progressIndicator === "linear" && /* @__PURE__ */ o(Vt, { color: "primary" })
1288
+ $.progressIndicator === "linear" && /* @__PURE__ */ o(Vt, { color: "primary" })
1345
1289
  ] })
1346
1290
  })
1347
1291
  )
1348
1292
  ] });
1349
1293
  }
1350
- function jn() {
1351
- const e = Qe(Ct);
1294
+ function qn() {
1295
+ const e = Qe(mt);
1352
1296
  if (e === null)
1353
1297
  throw new Ae("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
1354
1298
  return e;
1355
1299
  }
1356
- const $o = K(
1357
- (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Qn, A(a({}, e), { overrideState: t, overrideActions: n, children: i }))
1358
- ), Kn = an(), To = ({
1300
+ const So = j(
1301
+ (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Un, S(r({}, e), { overrideState: t, overrideActions: n, children: i }))
1302
+ ), Xn = nn(), Do = ({
1359
1303
  children: e,
1360
1304
  store: t
1361
- }) => /* @__PURE__ */ o(nt, { store: t != null ? t : Kn, children: e }), xt = "domainCode";
1305
+ }) => /* @__PURE__ */ o(nt, { store: t != null ? t : Xn, children: e }), Ct = "domainCode";
1362
1306
  var qe;
1363
- const Ve = L(
1364
- JSON.parse((qe = localStorage.getItem(xt)) != null ? qe : '{"domainCode": ""}').domainCode
1365
- ), vt = L(
1366
- (e) => e(Ve),
1307
+ const Ue = B(
1308
+ JSON.parse((qe = localStorage.getItem(Ct)) != null ? qe : '{"domainCode": ""}').domainCode
1309
+ ), vt = B(
1310
+ (e) => e(Ue),
1367
1311
  (e, t, n) => {
1368
- t(Ve, n), localStorage.setItem(xt, JSON.stringify({ domainCode: n }));
1312
+ t(Ue, n), localStorage.setItem(Ct, JSON.stringify({ domainCode: n }));
1369
1313
  }
1370
- ), Jn = {
1314
+ ), Qn = {
1371
1315
  act: "ACT",
1372
1316
  nsw: "NSW",
1373
1317
  nt: "NT",
@@ -1379,44 +1323,44 @@ const Ve = L(
1379
1323
  ag: "AG",
1380
1324
  fedmps: "Fedmps",
1381
1325
  "": ""
1382
- }, Yn = (e) => {
1326
+ }, Kn = (e) => {
1383
1327
  var t;
1384
- return e === null ? "N/A" : (t = Jn[e]) != null ? t : "";
1385
- }, Eo = ({
1328
+ return e === null ? "N/A" : (t = Qn[e]) != null ? t : "";
1329
+ }, ko = ({
1386
1330
  isLoading: e,
1387
1331
  isOpen: t,
1388
1332
  onClose: n,
1389
1333
  domainOptions: i,
1390
- applicationName: r,
1334
+ applicationName: a,
1391
1335
  handleLogout: s
1392
1336
  }) => {
1393
- const [l, u] = V(vt), [c, d] = T(l), { enqueueSuccessNotification: C } = jn(), v = i.length === 0, w = !!l && !i.includes(l) && !i.includes(c), h = !l || v || w, S = () => B(void 0, null, function* () {
1394
- c ? (u(c), C(`Set domain to ${c}`), n()) : u("");
1395
- }), D = () => B(void 0, null, function* () {
1396
- l && !v && !w ? (d(l), n()) : h && s();
1337
+ const [l, p] = U(vt), [c, d] = E(l), { enqueueSuccessNotification: v } = qn(), w = i.length === 0, b = !!l && !i.includes(l) && !i.includes(c), m = !l || w || b, A = () => z(void 0, null, function* () {
1338
+ c ? (p(c), v(`Set domain to ${c}`), n()) : p("");
1339
+ }), D = () => z(void 0, null, function* () {
1340
+ l && !w && !b ? (d(l), n()) : m && s();
1397
1341
  });
1398
1342
  let O;
1399
- return v ? O = "Unable to retrieve your active organisations. Try logging in again." : w && (O = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ g(
1400
- lt,
1343
+ return w ? O = "Unable to retrieve your active organisations. Try logging in again." : b && (O = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ h(
1344
+ hn,
1401
1345
  {
1402
1346
  isOpen: t,
1403
1347
  dialogTitle: "Select an organisation",
1404
1348
  primaryButton: {
1405
1349
  text: "Confirm",
1406
- onClick: S,
1407
- disabled: !c || v || w,
1350
+ onClick: A,
1351
+ disabled: !c || w || b,
1408
1352
  buttonColor: "primary"
1409
1353
  },
1410
1354
  secondaryButton: {
1411
- text: h ? "Logout" : "Cancel",
1355
+ text: m ? "Logout" : "Cancel",
1412
1356
  onClick: D
1413
1357
  },
1414
- onClose: h ? () => {
1358
+ onClose: m ? () => {
1415
1359
  } : n,
1416
1360
  children: [
1417
- /* @__PURE__ */ g(F, { marginBottom: 2, children: [
1361
+ /* @__PURE__ */ h(F, { marginBottom: 2, children: [
1418
1362
  "Select the default organisation that you want to use with the ",
1419
- r,
1363
+ a,
1420
1364
  "."
1421
1365
  ] }),
1422
1366
  /* @__PURE__ */ o(
@@ -1426,29 +1370,29 @@ const Ve = L(
1426
1370
  multiple: !1,
1427
1371
  disableClearable: !1,
1428
1372
  value: c !== "" ? c : null,
1429
- onChange: (f, k) => d(k != null ? k : ""),
1430
- getOptionLabel: Yn,
1373
+ onChange: (g, k) => d(k != null ? k : ""),
1374
+ getOptionLabel: Kn,
1431
1375
  options: [...i],
1432
- renderInput: (f) => /* @__PURE__ */ o(
1433
- we,
1434
- A(a({}, f), {
1376
+ renderInput: (g) => /* @__PURE__ */ o(
1377
+ xe,
1378
+ S(r({}, g), {
1435
1379
  variant: "filled",
1436
1380
  label: "Select organisation",
1437
- InputProps: A(a({}, f.InputProps), {
1438
- endAdornment: /* @__PURE__ */ g(R, { children: [
1439
- e ? /* @__PURE__ */ o(be, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
1440
- f.InputProps.endAdornment
1381
+ InputProps: S(r({}, g.InputProps), {
1382
+ endAdornment: /* @__PURE__ */ h(_, { children: [
1383
+ e ? /* @__PURE__ */ o(we, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
1384
+ g.InputProps.endAdornment
1441
1385
  ] })
1442
1386
  })
1443
1387
  })
1444
1388
  )
1445
1389
  }
1446
1390
  ),
1447
- O && /* @__PURE__ */ o(qt, { error: !0, children: O })
1391
+ O && /* @__PURE__ */ o(Ut, { error: !0, children: O })
1448
1392
  ]
1449
1393
  }
1450
1394
  );
1451
- }, Bo = Je({
1395
+ }, Io = Je({
1452
1396
  palette: {
1453
1397
  primary: {
1454
1398
  dark: "#00A651",
@@ -1499,7 +1443,7 @@ const Ve = L(
1499
1443
  navBar: {
1500
1444
  backgroundColor: "#E8E8E8"
1501
1445
  }
1502
- }), Fo = Je({
1446
+ }), Oo = Je({
1503
1447
  palette: {
1504
1448
  primary: {
1505
1449
  main: "#007236",
@@ -1553,18 +1497,18 @@ const Ve = L(
1553
1497
  styleOverrides: {
1554
1498
  root: ({ theme: e }) => ({
1555
1499
  "&.Mui-selected": {
1556
- backgroundColor: ue(
1500
+ backgroundColor: pe(
1557
1501
  e.palette.secondary.main,
1558
1502
  e.palette.action.selectedOpacity
1559
1503
  ),
1560
1504
  "&:hover": {
1561
- backgroundColor: ue(
1505
+ backgroundColor: pe(
1562
1506
  e.palette.secondary.main,
1563
1507
  e.palette.action.selectedOpacity
1564
1508
  )
1565
1509
  },
1566
1510
  "&.Mui-focusVisible": {
1567
- backgroundColor: ue(
1511
+ backgroundColor: pe(
1568
1512
  e.palette.secondary.main,
1569
1513
  e.palette.action.focusOpacity
1570
1514
  )
@@ -1590,75 +1534,73 @@ const Ve = L(
1590
1534
  navBar: {
1591
1535
  backgroundColor: "#E8E8E8"
1592
1536
  }
1593
- }), Zn = {
1537
+ }), jn = {
1594
1538
  domainCode: vt,
1595
- navBarOpen: j,
1539
+ navBarOpen: K,
1596
1540
  navBarWidthOpen: pt,
1597
- navBarWidthClosed: gt,
1598
- titleText: Ce,
1541
+ navBarWidthClosed: ut,
1542
+ titleText: me,
1599
1543
  topBarHeight: ht,
1600
- navBarTop: ft
1601
- }, No = K(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), eo = ({
1544
+ navBarTop: gt
1545
+ }, $o = j(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Jn = ({
1602
1546
  initialValues: e,
1603
1547
  children: t
1604
- }) => (ot(e), /* @__PURE__ */ o(R, { children: t })), Po = K(
1548
+ }) => (ot(e), /* @__PURE__ */ o(_, { children: t })), yo = j(
1605
1549
  (e) => ({ children: t }) => /* @__PURE__ */ o(
1606
- eo,
1550
+ Jn,
1607
1551
  {
1608
1552
  initialValues: Object.entries(e).map(
1609
1553
  ([n, i]) => [
1610
- Zn[n],
1554
+ jn[n],
1611
1555
  i
1612
1556
  ]
1613
1557
  ),
1614
1558
  children: t
1615
1559
  }
1616
1560
  )
1617
- ), Lo = K(() => ({ children: e }) => {
1618
- const t = new tn();
1619
- return /* @__PURE__ */ o(nn, { client: t, children: e });
1561
+ ), To = j(() => ({ children: e }) => {
1562
+ const t = new en();
1563
+ return /* @__PURE__ */ o(tn, { client: t, children: e });
1620
1564
  });
1621
1565
  export {
1622
- lt as AgDialog,
1623
- Io as AppLayout,
1624
- To as AtomProvider,
1625
- Ct as Context,
1566
+ hn as AgDialog,
1567
+ Ao as AppLayout,
1568
+ Do as AtomProvider,
1569
+ mt as Context,
1626
1570
  Ae as ContextError,
1627
- Eo as DomainCodeDialog,
1628
- vo as ExampleComponent,
1629
- Do as FetchAutocomplete,
1630
- eo as HydrateAtoms,
1571
+ ko as DomainCodeDialog,
1572
+ go as ExampleComponent,
1573
+ xo as FetchAutocomplete,
1574
+ Jn as HydrateAtoms,
1631
1575
  rt as NAVBAR_WIDTH_CLOSED,
1632
1576
  it as NAVBAR_WIDTH_OPENED,
1633
- Ao as NavBar,
1634
- bo as NavBarDarkStyledList,
1635
- So as NavBarLightStyledList,
1636
- gn as NavBarProvider,
1637
- Oo as PageLayout,
1638
- Qn as SaladBarProvider,
1639
- yo as SessionExpiryDialog,
1640
- ko as SingleAutocomplete,
1641
- Kn as atomStore,
1642
- fn as buildNavBarState,
1577
+ vo as NavBar,
1578
+ mo as NavBarDarkStyledList,
1579
+ Co as NavBarLightStyledList,
1580
+ dn as NavBarProvider,
1581
+ bo as PageLayout,
1582
+ Un as SaladBarProvider,
1583
+ wo as SingleAutocomplete,
1584
+ Xn as atomStore,
1585
+ un as buildNavBarState,
1643
1586
  vt as domainCodeAtom,
1644
- Bo as fed21Theme,
1645
- mn as getAuth0Expiry,
1646
- Fo as internalAgSystemsTheme,
1587
+ Io as fed21Theme,
1588
+ Oo as internalAgSystemsTheme,
1647
1589
  q as navBarClasses,
1648
- j as navBarOpenAtom,
1649
- ft as navBarTopAtom,
1650
- gt as navBarWidthClosedAtom,
1590
+ K as navBarOpenAtom,
1591
+ gt as navBarTopAtom,
1592
+ ut as navBarWidthClosedAtom,
1651
1593
  pt as navBarWidthOpenAtom,
1652
- Ce as titleTextAtom,
1594
+ me as titleTextAtom,
1653
1595
  ht as topBarHeightAtom,
1654
- In as topBarMiddleAtom,
1655
- ct as useAutocompleteOptions,
1656
- hn as useNavBar,
1657
- jn as useSaladBar,
1658
- No as withAtomProvider,
1659
- wo as withNavBarProvider,
1660
- Po as withOverrideDefaults,
1661
- Lo as withQueryClient,
1662
- $o as withSaladBarProvider
1596
+ kn as topBarMiddleAtom,
1597
+ lt as useAutocompleteOptions,
1598
+ pn as useNavBar,
1599
+ qn as useSaladBar,
1600
+ $o as withAtomProvider,
1601
+ fo as withNavBarProvider,
1602
+ yo as withOverrideDefaults,
1603
+ To as withQueryClient,
1604
+ So as withSaladBarProvider
1663
1605
  };
1664
1606
  //# sourceMappingURL=index.js.map