@australiangreens/ag-internal-components 0.0.74 → 0.0.76

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,5 +1,5 @@
1
1
  var Ot = Object.defineProperty, $t = Object.defineProperties;
2
- var Tt = Object.getOwnPropertyDescriptors;
2
+ var yt = Object.getOwnPropertyDescriptors;
3
3
  var Z = Object.getOwnPropertySymbols;
4
4
  var Oe = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
5
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) => {
@@ -9,8 +9,8 @@ var ce = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writ
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
16
  Oe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
@@ -19,8 +19,8 @@ var Te = (e, t) => {
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 V = (e, t, n) => new Promise((i, a) => {
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
26
  p(n.next(c));
@@ -38,13 +38,13 @@ var V = (e, t, n) => new Promise((i, a) => {
38
38
  });
39
39
  import { jsxs as h, Fragment as _, jsx as o } from "react/jsx-runtime";
40
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";
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
42
  import qt from "@mui/material/CssBaseline";
43
43
  import { styled as H, createTheme as Je, alpha as pe } from "@mui/material/styles";
44
44
  import { AgError as Xt } from "@australiangreens/ag-error";
45
- import { createHelper as K } from "souvlaki";
45
+ import { createHelper as j } 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";
47
+ import { Cancel as Qt, ArrowDropDown as Kt, ArrowForward as Ze, ArrowBack as et, ViewHeadline as jt } from "@mui/icons-material";
48
48
  import Jt from "autosuggest-highlight/match";
49
49
  import Yt from "autosuggest-highlight/parse";
50
50
  import { useQuery as Zt, QueryClient as en, QueryClientProvider as tn } from "@tanstack/react-query";
@@ -68,20 +68,20 @@ function go({ text: e }) {
68
68
  "This is some text: ",
69
69
  /* @__PURE__ */ o("span", { children: e })
70
70
  ] }),
71
- /* @__PURE__ */ h(je, { children: [
71
+ /* @__PURE__ */ h(Ke, { children: [
72
72
  "This number will incremember when button pressed: ",
73
73
  t
74
74
  ] })
75
75
  ] });
76
76
  }
77
- const it = 330, rt = 73, z = "Navbar", q = {
78
- root: `${z}-root`,
79
- menuButton: `${z}-menuButton`,
80
- hide: `${z}-hide`,
81
- content: `${z}-content`,
82
- userInfoHolder: `${z}-userInfoHolder`,
83
- settings: `${z}-settings`,
84
- pieChartIcon: `${z}-pieChartIcon`
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
85
  }, on = H(I, {
86
86
  name: "NavBar"
87
87
  })(({ theme: e }) => ({
@@ -130,7 +130,7 @@ const it = 330, rt = 73, z = "Navbar", q = {
130
130
  }));
131
131
  class Ae extends Xt {
132
132
  }
133
- ye(Ae, "errorName", "ContextError");
133
+ Te(Ae, "errorName", "ContextError");
134
134
  const st = Xe(null), ln = {}, cn = {}, dn = ({
135
135
  overrideState: e = ln,
136
136
  overrideActions: t = cn,
@@ -139,7 +139,7 @@ const st = Xe(null), ln = {}, cn = {}, dn = ({
139
139
  const [{ open: i }, a] = E({ open: !0 }), s = ne((c) => {
140
140
  a({ open: c });
141
141
  }, []), l = ne(() => {
142
- a((c) => A(r({}, c), { open: !c.open }));
142
+ a((c) => S(r({}, c), { open: !c.open }));
143
143
  }, []), p = r(r({
144
144
  open: i,
145
145
  setOpen: s,
@@ -153,7 +153,7 @@ const st = Xe(null), ln = {}, cn = {}, dn = ({
153
153
  return e;
154
154
  }, un = (e = {}) => r({
155
155
  open: !0
156
- }, e), fo = K(
156
+ }, e), fo = j(
157
157
  (e = un(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(dn, { overrideState: e, overrideActions: t, children: n })
158
158
  ), Le = 7, mo = H(Ye)(({ theme: e }) => ({
159
159
  backgroundColor: "black",
@@ -260,16 +260,17 @@ const hn = ({
260
260
  secondaryButton: s,
261
261
  onClose: l,
262
262
  sx: p,
263
- "data-testid": c
263
+ "data-testid": c,
264
+ disableCloseOnBackdropOrEscape: d = !1
264
265
  }) => {
265
- var w, b;
266
- const [d, x] = E(!1);
266
+ var b, m;
267
+ const [v, w] = E(!1);
267
268
  return /* @__PURE__ */ h(
268
- yt,
269
+ Tt,
269
270
  {
270
271
  open: e,
271
- onClose: () => V(void 0, null, function* () {
272
- d || (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());
273
274
  }),
274
275
  fullWidth: !0,
275
276
  maxWidth: i != null ? i : "xs",
@@ -282,22 +283,22 @@ const hn = ({
282
283
  /* @__PURE__ */ o(
283
284
  fe,
284
285
  {
285
- onClick: (w = s == null ? void 0 : s.onClick) != null ? w : l,
286
+ onClick: (b = s == null ? void 0 : s.onClick) != null ? b : l,
286
287
  "data-testid": s == null ? void 0 : s.testId,
287
- disabled: (s == null ? void 0 : s.disabled) || d,
288
+ disabled: (s == null ? void 0 : s.disabled) || v,
288
289
  color: s == null ? void 0 : s.buttonColor,
289
- children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
290
+ children: (m = s == null ? void 0 : s.text) != null ? m : "Cancel"
290
291
  }
291
292
  ),
292
293
  a && /* @__PURE__ */ o(
293
294
  fe,
294
295
  {
295
- onClick: () => V(void 0, null, function* () {
296
- var m;
297
- x(!0), yield (m = a.onClick) == null ? void 0 : m.call(a), x(!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);
298
299
  }),
299
300
  "data-testid": a.testId,
300
- disabled: a.disabled || d,
301
+ disabled: a.disabled || v,
301
302
  color: a == null ? void 0 : a.buttonColor,
302
303
  children: a.text
303
304
  }
@@ -319,7 +320,7 @@ const hn = ({
319
320
  queryKey: ["autocomplete", i, a]
320
321
  });
321
322
  function xo({
322
- lookup: e = () => V(this, null, function* () {
323
+ lookup: e = () => z(this, null, function* () {
323
324
  }),
324
325
  enableHighlighting: t = !0,
325
326
  onChange: n,
@@ -330,23 +331,23 @@ function xo({
330
331
  sx: p,
331
332
  textFieldColor: c,
332
333
  textFieldVariant: d = "filled",
333
- loadingText: x = "Loading...",
334
+ loadingText: v = "Loading...",
334
335
  noOptionsText: w = "No options",
335
- popupIcon: b = /* @__PURE__ */ o(jt, {}),
336
+ popupIcon: b = /* @__PURE__ */ o(Kt, {}),
336
337
  error: m = !1,
337
- helperText: D = "",
338
- preLoadedOptions: k = void 0,
338
+ helperText: A = "",
339
+ preLoadedOptions: D = void 0,
339
340
  disablePortal: O = !1
340
341
  }) {
341
- const [g, S] = E(""), R = (u, f) => {
342
- const y = s.filter((P) => P.id !== f);
343
- n(y, "delete", u);
342
+ const [g, k] = E(""), R = (u, f) => {
343
+ const T = s.filter((P) => P.id !== f);
344
+ n(T, "delete", u);
344
345
  }, { data: N, isLoading: L } = lt({
345
346
  inputValue: g,
346
347
  label: a,
347
348
  lookup: e,
348
349
  minLength: i,
349
- preLoadedOptions: k
350
+ preLoadedOptions: D
350
351
  }), $ = g.length >= i;
351
352
  return /* @__PURE__ */ h("div", { "data-testid": l, children: [
352
353
  /* @__PURE__ */ o(
@@ -362,22 +363,22 @@ function xo({
362
363
  filterSelectedOptions: !0,
363
364
  includeInputInList: !0,
364
365
  value: s,
365
- onChange: (u, f, y) => {
366
- n(f, y, u);
366
+ onChange: (u, f, T) => {
367
+ n(f, T, u);
367
368
  },
368
- onInputChange: (u, f) => S(f),
369
+ onInputChange: (u, f) => k(f),
369
370
  noOptionsText: $ ? w : "Start typing to search",
370
- loadingText: x,
371
+ loadingText: v,
371
372
  popupIcon: b,
372
373
  renderInput: (u) => /* @__PURE__ */ o(
373
374
  xe,
374
- A(r({}, u), {
375
+ S(r({}, u), {
375
376
  label: a,
376
377
  fullWidth: !0,
377
378
  variant: d,
378
379
  error: m,
379
- helperText: D,
380
- InputProps: A(r({}, u.InputProps), {
380
+ helperText: A,
381
+ InputProps: S(r({}, u.InputProps), {
381
382
  endAdornment: /* @__PURE__ */ h(_, { children: [
382
383
  L ? /* @__PURE__ */ o(we, { color: "inherit", size: 20 }) : null,
383
384
  u.InputProps.endAdornment
@@ -392,19 +393,19 @@ function xo({
392
393
  ),
393
394
  renderTags: () => null,
394
395
  isOptionEqualToValue: (u, f) => u.id === f.id,
395
- renderOption: (u, f, y) => {
396
+ renderOption: (u, f, T) => {
396
397
  if (t) {
397
- const P = Jt(f.label, y.inputValue, {
398
+ const P = Jt(f.label, T.inputValue, {
398
399
  insideWords: !0,
399
400
  findAllOccurrences: !0
400
- }), v = Yt(f.label, P);
401
+ }), x = Yt(f.label, P);
401
402
  return /* @__PURE__ */ ge(
402
403
  "li",
403
- A(r({}, u), {
404
+ S(r({}, u), {
404
405
  key: f.id,
405
406
  "data-testid": l ? `${l}:Autocomplete:option(${f.id.toString()})` : void 0
406
407
  }),
407
- /* @__PURE__ */ o("div", { children: v.map((C, M) => /* @__PURE__ */ o(
408
+ /* @__PURE__ */ o("div", { children: x.map((C, M) => /* @__PURE__ */ o(
408
409
  "span",
409
410
  {
410
411
  style: {
@@ -418,7 +419,7 @@ function xo({
418
419
  } else
419
420
  return /* @__PURE__ */ ge(
420
421
  "li",
421
- A(r({}, u), {
422
+ S(r({}, u), {
422
423
  key: f.id,
423
424
  "data-testid": l ? `${l}:option(${f.id.toString()})` : void 0
424
425
  }),
@@ -467,7 +468,8 @@ function xo({
467
468
  ] });
468
469
  }
469
470
  const wo = ({
470
- lookup: e,
471
+ lookup: e = () => z(void 0, null, function* () {
472
+ }),
471
473
  onChange: t,
472
474
  label: n,
473
475
  value: i,
@@ -477,10 +479,10 @@ const wo = ({
477
479
  "data-testid": p,
478
480
  noOptionsText: c = "No options",
479
481
  minLength: d = 3,
480
- disablePortal: x = !1,
482
+ disablePortal: v = !1,
481
483
  preLoadedOptions: w
482
484
  }) => {
483
- const [b, m] = E(""), { data: D, isLoading: k } = lt({
485
+ const [b, m] = E(""), { data: A, isLoading: D } = lt({
484
486
  inputValue: b,
485
487
  label: n,
486
488
  lookup: e,
@@ -492,19 +494,19 @@ const wo = ({
492
494
  {
493
495
  sx: a,
494
496
  "data-testid": p ? `${p}:Autocomplete` : void 0,
495
- loading: O ? k : !1,
496
- options: D != null ? D : [],
497
- onChange: (g, S) => {
498
- t(g, S);
497
+ loading: O ? D : !1,
498
+ options: A != null ? A : [],
499
+ onChange: (g, k) => {
500
+ t(g, k);
499
501
  },
500
- disablePortal: x,
502
+ disablePortal: v,
501
503
  filterOptions: (g) => g,
502
504
  value: i,
503
505
  noOptionsText: O ? c : "Start typing to search",
504
506
  getOptionLabel: (g) => g.label,
505
507
  renderInput: (g) => /* @__PURE__ */ o(
506
508
  xe,
507
- A(r({
509
+ S(r({
508
510
  "data-testid": p ? `${p}:Autocomplete:TextField` : void 0
509
511
  }, g), {
510
512
  variant: l,
@@ -512,46 +514,46 @@ const wo = ({
512
514
  color: s
513
515
  })
514
516
  ),
515
- isOptionEqualToValue: (g, S) => g.id === S.id,
516
- onInputChange: (g, S) => {
517
- m(S);
517
+ isOptionEqualToValue: (g, k) => g.id === k.id,
518
+ onInputChange: (g, k) => {
519
+ m(k);
518
520
  },
519
- renderOption: (g, S) => /* @__PURE__ */ ge(
521
+ renderOption: (g, k) => /* @__PURE__ */ ge(
520
522
  "li",
521
- A(r({}, g), {
522
- key: S.id,
523
- "data-testid": p ? `${p}:Autocomplete:option(${S.id.toString()})` : void 0
523
+ S(r({}, g), {
524
+ key: k.id,
525
+ "data-testid": p ? `${p}:Autocomplete:option(${k.id.toString()})` : void 0
524
526
  }),
525
- S.label
527
+ k.label
526
528
  )
527
529
  }
528
530
  ) }) });
529
- }, gn = 24, fn = 64, G = "TopBar", T = {
530
- topStripe: `${G}-topStripe`,
531
- titleBar: `${G}-titleBar`,
532
- titleSlider: `${G}-titleSlider`,
533
- titleText: `${G}-titleText`,
534
- leftPanelButton: `${G}-leftPanelButton`,
535
- rightPanelButton: `${G}-leftPanelButton`
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`
536
538
  }, mn = be("div", {
537
539
  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
538
- name: G
540
+ name: V
539
541
  })(({ theme: e, leftPanel: t, rightPanel: n }) => {
540
542
  var i, a;
541
543
  return {
542
544
  width: "100%",
543
- [`& .${T.topStripe}`]: {
545
+ [`& .${y.topStripe}`]: {
544
546
  width: "100%",
545
547
  height: `${gn}px`,
546
548
  backgroundColor: e.palette.primary.main
547
549
  },
548
- [`& .${T.titleBar}`]: {
550
+ [`& .${y.titleBar}`]: {
549
551
  backgroundColor: e.palette.primary.light,
550
552
  height: `${fn}px`,
551
553
  padding: e.spacing(0, 3),
552
554
  width: "100%"
553
555
  },
554
- [`& .${T.titleSlider}`]: r(r({
556
+ [`& .${y.titleSlider}`]: r(r({
555
557
  height: "100%",
556
558
  display: "flex",
557
559
  alignItems: "center",
@@ -560,14 +562,14 @@ const wo = ({
560
562
  easing: e.transitions.easing.sharp,
561
563
  duration: e.transitions.duration.leavingScreen
562
564
  }),
563
- [`& .${T.leftPanelButton}`]: {
565
+ [`& .${y.leftPanelButton}`]: {
564
566
  marginRight: e.spacing(2),
565
567
  flexGrow: 0
566
568
  },
567
- [`& .${T.titleText}`]: {
569
+ [`& .${y.titleText}`]: {
568
570
  flexGrow: 1
569
571
  },
570
- [`& .${T.rightPanelButton}`]: {
572
+ [`& .${y.rightPanelButton}`]: {
571
573
  flexGrow: 0
572
574
  }
573
575
  }, (t == null ? void 0 : t.open) && {
@@ -592,12 +594,12 @@ function Cn({
592
594
  "data-testid": i
593
595
  }) {
594
596
  return /* @__PURE__ */ h(mn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
595
- /* @__PURE__ */ o("div", { className: T.topStripe }),
596
- /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ h(I, { className: T.titleSlider, children: [
597
+ /* @__PURE__ */ o("div", { className: y.topStripe }),
598
+ /* @__PURE__ */ o("div", { className: y.titleBar, children: /* @__PURE__ */ h(I, { className: y.titleSlider, children: [
597
599
  t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
598
600
  Q,
599
601
  {
600
- className: T.leftPanelButton,
602
+ className: y.leftPanelButton,
601
603
  color: "inherit",
602
604
  "aria-label": "Open left side panel",
603
605
  onClick: t == null ? void 0 : t.onOpen,
@@ -609,11 +611,11 @@ function Cn({
609
611
  ]
610
612
  }
611
613
  ),
612
- /* @__PURE__ */ o(F, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
614
+ /* @__PURE__ */ o(F, { className: y.titleText, variant: "h6", noWrap: !0, children: e }),
613
615
  n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
614
616
  Q,
615
617
  {
616
- className: T.rightPanelButton,
618
+ className: y.rightPanelButton,
617
619
  color: "inherit",
618
620
  "aria-label": "Open right side panel",
619
621
  onClick: n == null ? void 0 : n.onOpen,
@@ -660,7 +662,7 @@ const ct = 400, vn = be(Ce, {
660
662
  })
661
663
  ), xn = be(I, {
662
664
  shouldForwardProp: (e) => !["anchor"].includes(e)
663
- })(({ theme: e, anchor: t }) => A(r({
665
+ })(({ theme: e, anchor: t }) => S(r({
664
666
  display: "flex",
665
667
  alignItems: "center",
666
668
  padding: e.spacing(2)
@@ -690,18 +692,18 @@ function _e({
690
692
  debugOpacity: p = !1,
691
693
  headerBoxProps: c = {},
692
694
  onOpened: d,
693
- onClosed: x,
695
+ onClosed: v,
694
696
  "data-testid": w,
695
697
  navBarOpen: b = !1,
696
698
  navBarWidthOpen: m = 0,
697
- navBarWidthClosed: D = 0
699
+ navBarWidthClosed: A = 0
698
700
  }) {
699
701
  return /* @__PURE__ */ h(
700
702
  vn,
701
703
  {
702
704
  SlideProps: {
703
705
  onEntered: () => d == null ? void 0 : d(),
704
- onExited: () => x == null ? void 0 : x()
706
+ onExited: () => v == null ? void 0 : v()
705
707
  },
706
708
  variant: "persistent",
707
709
  anchor: t,
@@ -711,9 +713,9 @@ function _e({
711
713
  "data-testid": w,
712
714
  navBarOpen: b,
713
715
  navBarWidthOpen: m,
714
- navBarWidthClosed: D,
716
+ navBarWidthClosed: A,
715
717
  children: [
716
- /* @__PURE__ */ o(xn, A(r({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ h(_, { children: [
718
+ /* @__PURE__ */ o(xn, S(r({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ h(_, { children: [
717
719
  /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: a }),
718
720
  l && /* @__PURE__ */ h(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
719
721
  /* @__PURE__ */ o(et, { "data-testid": "arrowbackicon" }),
@@ -754,7 +756,7 @@ const wn = H(I, {
754
756
  }),
755
757
  marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
756
758
  });
757
- }), bn = H(Ke, {
759
+ }), bn = H(je, {
758
760
  name: "PageContainer"
759
761
  })(({ theme: e }) => ({
760
762
  // Horizontal padding comes from the Container's gutter
@@ -785,16 +787,16 @@ function bo({
785
787
  pageContentDataTestId: p,
786
788
  topBarDataTestId: c,
787
789
  navBarOpen: d,
788
- navBarWidthOpen: x,
790
+ navBarWidthOpen: v,
789
791
  navBarWidthClosed: w
790
792
  }) {
791
- 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
+ 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, {
792
794
  titleText: $,
793
795
  content: u,
794
796
  flavour: f,
795
- open: y,
797
+ open: T,
796
798
  onChangeOpen: P,
797
- width: v,
799
+ width: x,
798
800
  arrowButtons: C,
799
801
  startOpen: M,
800
802
  onOpened: xt,
@@ -816,12 +818,12 @@ function bo({
816
818
  Ee(() => {
817
819
  M !== ue && (m(M), g(M));
818
820
  }, [M]), Ee(() => {
819
- Y !== he && (k(Y), R(Y));
821
+ Y !== he && (D(Y), R(Y));
820
822
  }, [Y]);
821
- const se = y === void 0 ? b : y, le = re === void 0 ? D : re, ke = (W) => {
822
- y === void 0 && (m(W), a && L && (W ? (k(!1), R(D)) : k(S))), P && P(W);
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);
823
825
  }, Ie = (W) => {
824
- re === void 0 && (k(W), a && N && (W ? (m(!1), g(b)) : m(O))), De && De(W);
826
+ re === void 0 && (D(W), a && N && (W ? (m(!1), g(b)) : m(O))), De && De(W);
825
827
  };
826
828
  return /* @__PURE__ */ h(I, { children: [
827
829
  N && /* @__PURE__ */ o(
@@ -831,14 +833,14 @@ function bo({
831
833
  anchor: "left",
832
834
  open: se,
833
835
  onClose: () => ke(!1),
834
- width: v,
836
+ width: x,
835
837
  titleText: $,
836
838
  debugOpacity: s,
837
839
  showCloseArrow: C === "both" || C === "close",
838
840
  onOpened: xt,
839
841
  onClosed: wt,
840
842
  navBarOpen: d,
841
- navBarWidthOpen: x,
843
+ navBarWidthOpen: v,
842
844
  navBarWidthClosed: w,
843
845
  children: u
844
846
  }
@@ -857,7 +859,7 @@ function bo({
857
859
  onOpened: Dt,
858
860
  onClosed: kt,
859
861
  navBarOpen: d,
860
- navBarWidthOpen: x,
862
+ navBarWidthOpen: v,
861
863
  navBarWidthClosed: w,
862
864
  children: St
863
865
  }
@@ -870,7 +872,7 @@ function bo({
870
872
  }, N && f === "push" ? {
871
873
  leftPanel: {
872
874
  open: se,
873
- width: v,
875
+ width: x,
874
876
  onOpen: () => ke(!0),
875
877
  showOpenArrow: C === "both" || C === "open"
876
878
  }
@@ -885,10 +887,10 @@ function bo({
885
887
  ),
886
888
  /* @__PURE__ */ o(
887
889
  wn,
888
- A(r(r({}, f === "push" ? {
890
+ S(r(r({}, f === "push" ? {
889
891
  leftPanel: {
890
892
  open: se,
891
- width: v
893
+ width: x
892
894
  }
893
895
  } : {}), Se === "push" ? {
894
896
  rightPanel: {
@@ -896,7 +898,7 @@ function bo({
896
898
  width: ae
897
899
  }
898
900
  } : {}), {
899
- children: /* @__PURE__ */ o(bn, A(r({ "data-testid": p }, l), { children: e }))
901
+ children: /* @__PURE__ */ o(bn, S(r({ "data-testid": p }, l), { children: e }))
900
902
  })
901
903
  )
902
904
  ] });
@@ -904,7 +906,7 @@ function bo({
904
906
  const dt = () => {
905
907
  const e = ie();
906
908
  return Mt(e.breakpoints.down("sm"));
907
- }, 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
+ }, 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);
908
910
  function In({ links: e }) {
909
911
  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
910
912
  }
@@ -964,7 +966,7 @@ const te = "Navbar", X = {
964
966
  }, ft(e)), Re = (e, t) => r({
965
967
  width: t,
966
968
  transition: oe(e, "width", "leaving")
967
- }, ft(e)), Tn = H(Ce, {
969
+ }, ft(e)), yn = H(Ce, {
968
970
  shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
969
971
  })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: a }) => r(r({
970
972
  flexShrink: 0,
@@ -972,14 +974,14 @@ const te = "Navbar", X = {
972
974
  boxSizing: "border-box",
973
975
  display: "flex",
974
976
  flexDirection: "column"
975
- }, t && A(r({}, He(e, n)), {
977
+ }, t && S(r({}, He(e, n)), {
976
978
  backgroundColor: "",
977
979
  "& .MuiDrawer-paper": He(e, n)
978
- })), !t && A(r({}, Re(e, a ? n : i)), {
980
+ })), !t && S(r({}, Re(e, a ? n : i)), {
979
981
  backgroundColor: "",
980
982
  "& .MuiDrawer-paper": Re(e, a ? n : i)
981
983
  })));
982
- function yn(e) {
984
+ function Tn(e) {
983
985
  let t = 0;
984
986
  for (let n = 0, i = e.length; n < i; n++) {
985
987
  const a = e.charCodeAt(n);
@@ -1016,7 +1018,7 @@ function Fn({ user: e, domainCode: t, open: n }) {
1016
1018
  sx: {
1017
1019
  width: "100%",
1018
1020
  height: "100%",
1019
- bgcolor: We[Math.abs(yn(e.name)) % We.length]
1021
+ bgcolor: We[Math.abs(Tn(e.name)) % We.length]
1020
1022
  },
1021
1023
  children: En(e.name)
1022
1024
  }
@@ -1042,9 +1044,9 @@ function Nn({
1042
1044
  user: p,
1043
1045
  domainCode: c
1044
1046
  }) {
1045
- const d = dt(), x = tt(j);
1047
+ const d = dt(), v = tt(K);
1046
1048
  return /* @__PURE__ */ o(On, { className: X.root, "data-testid": i, children: /* @__PURE__ */ h(
1047
- Tn,
1049
+ yn,
1048
1050
  {
1049
1051
  open: e,
1050
1052
  widthOpen: n,
@@ -1055,7 +1057,7 @@ function Nn({
1055
1057
  component: "nav"
1056
1058
  },
1057
1059
  onClose: () => {
1058
- x(!1);
1060
+ v(!1);
1059
1061
  },
1060
1062
  isSmallScreen: d,
1061
1063
  children: [
@@ -1090,7 +1092,7 @@ function Pn({
1090
1092
  flexGrow: 1
1091
1093
  },
1092
1094
  children: /* @__PURE__ */ o(
1093
- Ke,
1095
+ je,
1094
1096
  {
1095
1097
  component: "main",
1096
1098
  id: "main-content",
@@ -1111,9 +1113,9 @@ function Mn({
1111
1113
  "data-testid": n,
1112
1114
  middle: i
1113
1115
  }) {
1114
- const a = tt(j), s = () => a((c) => !c), l = ie(), p = dt();
1116
+ const a = tt(K), s = () => a((c) => !c), l = ie(), p = dt();
1115
1117
  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
1116
- je,
1118
+ Ke,
1117
1119
  {
1118
1120
  square: !0,
1119
1121
  elevation: 0,
@@ -1130,7 +1132,7 @@ function Mn({
1130
1132
  zIndex: p ? 0 : l.zIndex.drawer + 1
1131
1133
  },
1132
1134
  children: [
1133
- /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
1135
+ /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(jt, { fontSize: "medium" }) }),
1134
1136
  /* @__PURE__ */ o(F, { className: Ln.titleText, variant: "h6", children: e }),
1135
1137
  i
1136
1138
  ]
@@ -1148,21 +1150,21 @@ function Ao({
1148
1150
  navBarMiddle: p,
1149
1151
  navBarBottom: c,
1150
1152
  user: d,
1151
- domainCode: x
1153
+ domainCode: v
1152
1154
  }) {
1153
1155
  ot([
1154
- [j, n != null ? n : !0],
1156
+ [K, n != null ? n : !0],
1155
1157
  [me, t != null ? t : ""]
1156
1158
  ]);
1157
- const w = Be(j), [b] = U(pt), [m] = U(ut), D = Be(me), [k] = U(ht), [O] = U(kn), [g] = U(gt);
1159
+ const w = Be(K), [b] = U(pt), [m] = U(ut), A = Be(me), [D] = U(ht), [O] = U(kn), [g] = U(gt);
1158
1160
  return /* @__PURE__ */ h(I, { children: [
1159
1161
  /* @__PURE__ */ o(Wt, {}),
1160
1162
  /* @__PURE__ */ o(
1161
1163
  Mn,
1162
1164
  {
1163
- titleText: D,
1165
+ titleText: A,
1164
1166
  "data-testid": s,
1165
- height: k,
1167
+ height: D,
1166
1168
  middle: O
1167
1169
  }
1168
1170
  ),
@@ -1175,18 +1177,18 @@ function Ao({
1175
1177
  middle: p,
1176
1178
  bottom: c,
1177
1179
  user: d,
1178
- domainCode: x,
1180
+ domainCode: v,
1179
1181
  widthOpen: b,
1180
1182
  widthClosed: m,
1181
- offsetTop: k,
1183
+ offsetTop: D,
1182
1184
  "data-testid": l
1183
1185
  }
1184
1186
  ),
1185
1187
  /* @__PURE__ */ o(
1186
1188
  Pn,
1187
- A(r({
1189
+ S(r({
1188
1190
  "data-testid": a,
1189
- topBarHeight: k
1191
+ topBarHeight: D
1190
1192
  }, i), {
1191
1193
  children: e
1192
1194
  })
@@ -1221,49 +1223,49 @@ function Un(s) {
1221
1223
  overrideActions: t = Vn,
1222
1224
  shouldClose: n = Hn.shouldClose,
1223
1225
  children: i
1224
- } = l, a = Te(l, [
1226
+ } = l, a = ye(l, [
1225
1227
  "overrideState",
1226
1228
  "overrideActions",
1227
1229
  "shouldClose",
1228
1230
  "children"
1229
1231
  ]);
1230
1232
  var P;
1231
- const [{ open: p }, c] = E({ open: !1 }), d = de([]), x = de(Date.now()), w = de(0), b = ne((v) => {
1232
- c({ open: v });
1233
- }, []), m = ne((v = {}) => {
1234
- w.current += 1, d.current.length >= Ge && Date.now() - x.current >= Ve && (x.current = Date.now(), console.error(
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(
1235
1237
  `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${w.current} times in last ${Ve}ms)`
1236
1238
  ), w.current = 0);
1237
- const C = r(A(r({}, ze), {
1239
+ const C = r(S(r({}, ze), {
1238
1240
  key: Wn()
1239
- }), v);
1241
+ }), x);
1240
1242
  return d.current.push(C), d.current.length === 1 && c({ open: !0 }), C.key;
1241
- }, []), 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) => {
1242
- const C = d.current.findIndex((M) => M.key === v);
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);
1243
1245
  if (C !== -1)
1244
1246
  return C === 0 ? (c({ open: !1 }), d.current[0]) : d.current.splice(C, 1);
1245
- }, R = (v, C) => {
1246
- n(v, C) && c({ open: !1 });
1247
+ }, R = (x, C) => {
1248
+ n(x, C) && c({ open: !1 });
1247
1249
  }, N = () => {
1248
1250
  }, L = () => {
1249
1251
  d.current.shift(), d.current.length > 0 && c({ open: !0 });
1250
1252
  }, $ = (P = d.current[0]) != null ? P : r({}, ze), u = {};
1251
1253
  "autoHideDuration" in $ && (u.autoHideDuration = $.autoHideDuration);
1252
- const f = r(r({}, _n), a), y = r(r({
1254
+ const f = r(r({}, _n), a), T = r(r({
1253
1255
  open: p,
1254
1256
  setOpen: b,
1255
1257
  enqueueNotification: m,
1256
- enqueueSuccessNotification: D,
1257
- enqueueInfoNotification: k,
1258
+ enqueueSuccessNotification: A,
1259
+ enqueueInfoNotification: D,
1258
1260
  enqueueWarningNotification: O,
1259
1261
  enqueueErrorNotification: g,
1260
- removeNotification: S
1262
+ removeNotification: k
1261
1263
  }, e), t);
1262
- return /* @__PURE__ */ h(mt.Provider, { value: y, children: [
1264
+ return /* @__PURE__ */ h(mt.Provider, { value: T, children: [
1263
1265
  i,
1264
1266
  /* @__PURE__ */ o(
1265
1267
  zt,
1266
- A(r(r({}, f), u), {
1268
+ S(r(r({}, f), u), {
1267
1269
  open: p,
1268
1270
  onClose: R,
1269
1271
  TransitionProps: {
@@ -1275,7 +1277,7 @@ function Un(s) {
1275
1277
  /* @__PURE__ */ o(
1276
1278
  Gt,
1277
1279
  {
1278
- onClose: (v) => R(v, "closeAlert"),
1280
+ onClose: (x) => R(x, "closeAlert"),
1279
1281
  severity: $.severity,
1280
1282
  variant: "filled",
1281
1283
  icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(we, { size: "1em" }) : void 0,
@@ -1295,8 +1297,8 @@ function qn() {
1295
1297
  throw new Ae("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
1296
1298
  return e;
1297
1299
  }
1298
- const So = K(
1299
- (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Un, A(r({}, e), { overrideState: t, overrideActions: n, children: i }))
1300
+ const So = j(
1301
+ (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Un, S(r({}, e), { overrideState: t, overrideActions: n, children: i }))
1300
1302
  ), Xn = nn(), Do = ({
1301
1303
  children: e,
1302
1304
  store: t
@@ -1321,7 +1323,7 @@ const Ue = B(
1321
1323
  ag: "AG",
1322
1324
  fedmps: "Fedmps",
1323
1325
  "": ""
1324
- }, jn = (e) => {
1326
+ }, Kn = (e) => {
1325
1327
  var t;
1326
1328
  return e === null ? "N/A" : (t = Qn[e]) != null ? t : "";
1327
1329
  }, ko = ({
@@ -1332,9 +1334,9 @@ const Ue = B(
1332
1334
  applicationName: a,
1333
1335
  handleLogout: s
1334
1336
  }) => {
1335
- 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 = () => V(void 0, null, function* () {
1336
- c ? (p(c), x(`Set domain to ${c}`), n()) : p("");
1337
- }), k = () => V(void 0, null, function* () {
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* () {
1338
1340
  l && !w && !b ? (d(l), n()) : m && s();
1339
1341
  });
1340
1342
  let O;
@@ -1345,13 +1347,13 @@ const Ue = B(
1345
1347
  dialogTitle: "Select an organisation",
1346
1348
  primaryButton: {
1347
1349
  text: "Confirm",
1348
- onClick: D,
1350
+ onClick: A,
1349
1351
  disabled: !c || w || b,
1350
1352
  buttonColor: "primary"
1351
1353
  },
1352
1354
  secondaryButton: {
1353
1355
  text: m ? "Logout" : "Cancel",
1354
- onClick: k
1356
+ onClick: D
1355
1357
  },
1356
1358
  onClose: m ? () => {
1357
1359
  } : n,
@@ -1368,15 +1370,15 @@ const Ue = B(
1368
1370
  multiple: !1,
1369
1371
  disableClearable: !1,
1370
1372
  value: c !== "" ? c : null,
1371
- onChange: (g, S) => d(S != null ? S : ""),
1372
- getOptionLabel: jn,
1373
+ onChange: (g, k) => d(k != null ? k : ""),
1374
+ getOptionLabel: Kn,
1373
1375
  options: [...i],
1374
1376
  renderInput: (g) => /* @__PURE__ */ o(
1375
1377
  xe,
1376
- A(r({}, g), {
1378
+ S(r({}, g), {
1377
1379
  variant: "filled",
1378
1380
  label: "Select organisation",
1379
- InputProps: A(r({}, g.InputProps), {
1381
+ InputProps: S(r({}, g.InputProps), {
1380
1382
  endAdornment: /* @__PURE__ */ h(_, { children: [
1381
1383
  e ? /* @__PURE__ */ o(we, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
1382
1384
  g.InputProps.endAdornment
@@ -1532,31 +1534,31 @@ const Ue = B(
1532
1534
  navBar: {
1533
1535
  backgroundColor: "#E8E8E8"
1534
1536
  }
1535
- }), Kn = {
1537
+ }), jn = {
1536
1538
  domainCode: vt,
1537
- navBarOpen: j,
1539
+ navBarOpen: K,
1538
1540
  navBarWidthOpen: pt,
1539
1541
  navBarWidthClosed: ut,
1540
1542
  titleText: me,
1541
1543
  topBarHeight: ht,
1542
1544
  navBarTop: gt
1543
- }, $o = K(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Jn = ({
1545
+ }, $o = j(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Jn = ({
1544
1546
  initialValues: e,
1545
1547
  children: t
1546
- }) => (ot(e), /* @__PURE__ */ o(_, { children: t })), To = K(
1548
+ }) => (ot(e), /* @__PURE__ */ o(_, { children: t })), yo = j(
1547
1549
  (e) => ({ children: t }) => /* @__PURE__ */ o(
1548
1550
  Jn,
1549
1551
  {
1550
1552
  initialValues: Object.entries(e).map(
1551
1553
  ([n, i]) => [
1552
- Kn[n],
1554
+ jn[n],
1553
1555
  i
1554
1556
  ]
1555
1557
  ),
1556
1558
  children: t
1557
1559
  }
1558
1560
  )
1559
- ), yo = K(() => ({ children: e }) => {
1561
+ ), To = j(() => ({ children: e }) => {
1560
1562
  const t = new en();
1561
1563
  return /* @__PURE__ */ o(tn, { client: t, children: e });
1562
1564
  });
@@ -1585,7 +1587,7 @@ export {
1585
1587
  Io as fed21Theme,
1586
1588
  Oo as internalAgSystemsTheme,
1587
1589
  q as navBarClasses,
1588
- j as navBarOpenAtom,
1590
+ K as navBarOpenAtom,
1589
1591
  gt as navBarTopAtom,
1590
1592
  ut as navBarWidthClosedAtom,
1591
1593
  pt as navBarWidthOpenAtom,
@@ -1597,8 +1599,8 @@ export {
1597
1599
  qn as useSaladBar,
1598
1600
  $o as withAtomProvider,
1599
1601
  fo as withNavBarProvider,
1600
- To as withOverrideDefaults,
1601
- yo as withQueryClient,
1602
+ yo as withOverrideDefaults,
1603
+ To as withQueryClient,
1602
1604
  So as withSaladBarProvider
1603
1605
  };
1604
1606
  //# sourceMappingURL=index.js.map