@australiangreens/ag-internal-components 0.0.75 → 0.0.77

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