@australiangreens/ag-internal-components 0.0.75 → 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,7 +19,7 @@ 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);
22
+ var Te = (e, t, n) => (ce(e, typeof t != "symbol" ? t + "" : t, n), n);
23
23
  var z = (e, t, n) => new Promise((i, a) => {
24
24
  var s = (c) => {
25
25
  try {
@@ -38,13 +38,13 @@ var z = (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,7 +68,7 @@ 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
  ] })
@@ -130,7 +130,7 @@ const it = 330, rt = 73, G = "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: () => z(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
296
  onClick: () => z(void 0, null, function* () {
296
- var m;
297
- x(!0), yield (m = a.onClick) == null ? void 0 : m.call(a), x(!1);
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
  }
@@ -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
  }),
@@ -478,10 +479,10 @@ const wo = ({
478
479
  "data-testid": p,
479
480
  noOptionsText: c = "No options",
480
481
  minLength: d = 3,
481
- disablePortal: x = !1,
482
+ disablePortal: v = !1,
482
483
  preLoadedOptions: w
483
484
  }) => {
484
- const [b, m] = E(""), { data: D, isLoading: k } = lt({
485
+ const [b, m] = E(""), { data: A, isLoading: D } = lt({
485
486
  inputValue: b,
486
487
  label: n,
487
488
  lookup: e,
@@ -493,19 +494,19 @@ const wo = ({
493
494
  {
494
495
  sx: a,
495
496
  "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
+ loading: O ? D : !1,
498
+ options: A != null ? A : [],
499
+ onChange: (g, k) => {
500
+ t(g, k);
500
501
  },
501
- disablePortal: x,
502
+ disablePortal: v,
502
503
  filterOptions: (g) => g,
503
504
  value: i,
504
505
  noOptionsText: O ? c : "Start typing to search",
505
506
  getOptionLabel: (g) => g.label,
506
507
  renderInput: (g) => /* @__PURE__ */ o(
507
508
  xe,
508
- A(r({
509
+ S(r({
509
510
  "data-testid": p ? `${p}:Autocomplete:TextField` : void 0
510
511
  }, g), {
511
512
  variant: l,
@@ -513,21 +514,21 @@ const wo = ({
513
514
  color: s
514
515
  })
515
516
  ),
516
- isOptionEqualToValue: (g, S) => g.id === S.id,
517
- onInputChange: (g, S) => {
518
- m(S);
517
+ isOptionEqualToValue: (g, k) => g.id === k.id,
518
+ onInputChange: (g, k) => {
519
+ m(k);
519
520
  },
520
- renderOption: (g, S) => /* @__PURE__ */ ge(
521
+ renderOption: (g, k) => /* @__PURE__ */ ge(
521
522
  "li",
522
- A(r({}, g), {
523
- key: S.id,
524
- "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
525
526
  }),
526
- S.label
527
+ k.label
527
528
  )
528
529
  }
529
530
  ) }) });
530
- }, gn = 24, fn = 64, V = "TopBar", T = {
531
+ }, gn = 24, fn = 64, V = "TopBar", y = {
531
532
  topStripe: `${V}-topStripe`,
532
533
  titleBar: `${V}-titleBar`,
533
534
  titleSlider: `${V}-titleSlider`,
@@ -541,18 +542,18 @@ const wo = ({
541
542
  var i, a;
542
543
  return {
543
544
  width: "100%",
544
- [`& .${T.topStripe}`]: {
545
+ [`& .${y.topStripe}`]: {
545
546
  width: "100%",
546
547
  height: `${gn}px`,
547
548
  backgroundColor: e.palette.primary.main
548
549
  },
549
- [`& .${T.titleBar}`]: {
550
+ [`& .${y.titleBar}`]: {
550
551
  backgroundColor: e.palette.primary.light,
551
552
  height: `${fn}px`,
552
553
  padding: e.spacing(0, 3),
553
554
  width: "100%"
554
555
  },
555
- [`& .${T.titleSlider}`]: r(r({
556
+ [`& .${y.titleSlider}`]: r(r({
556
557
  height: "100%",
557
558
  display: "flex",
558
559
  alignItems: "center",
@@ -561,14 +562,14 @@ const wo = ({
561
562
  easing: e.transitions.easing.sharp,
562
563
  duration: e.transitions.duration.leavingScreen
563
564
  }),
564
- [`& .${T.leftPanelButton}`]: {
565
+ [`& .${y.leftPanelButton}`]: {
565
566
  marginRight: e.spacing(2),
566
567
  flexGrow: 0
567
568
  },
568
- [`& .${T.titleText}`]: {
569
+ [`& .${y.titleText}`]: {
569
570
  flexGrow: 1
570
571
  },
571
- [`& .${T.rightPanelButton}`]: {
572
+ [`& .${y.rightPanelButton}`]: {
572
573
  flexGrow: 0
573
574
  }
574
575
  }, (t == null ? void 0 : t.open) && {
@@ -593,12 +594,12 @@ function Cn({
593
594
  "data-testid": i
594
595
  }) {
595
596
  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: [
597
+ /* @__PURE__ */ o("div", { className: y.topStripe }),
598
+ /* @__PURE__ */ o("div", { className: y.titleBar, children: /* @__PURE__ */ h(I, { className: y.titleSlider, children: [
598
599
  t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
599
600
  Q,
600
601
  {
601
- className: T.leftPanelButton,
602
+ className: y.leftPanelButton,
602
603
  color: "inherit",
603
604
  "aria-label": "Open left side panel",
604
605
  onClick: t == null ? void 0 : t.onOpen,
@@ -610,11 +611,11 @@ function Cn({
610
611
  ]
611
612
  }
612
613
  ),
613
- /* @__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 }),
614
615
  n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
615
616
  Q,
616
617
  {
617
- className: T.rightPanelButton,
618
+ className: y.rightPanelButton,
618
619
  color: "inherit",
619
620
  "aria-label": "Open right side panel",
620
621
  onClick: n == null ? void 0 : n.onOpen,
@@ -661,7 +662,7 @@ const ct = 400, vn = be(Ce, {
661
662
  })
662
663
  ), xn = be(I, {
663
664
  shouldForwardProp: (e) => !["anchor"].includes(e)
664
- })(({ theme: e, anchor: t }) => A(r({
665
+ })(({ theme: e, anchor: t }) => S(r({
665
666
  display: "flex",
666
667
  alignItems: "center",
667
668
  padding: e.spacing(2)
@@ -691,18 +692,18 @@ function _e({
691
692
  debugOpacity: p = !1,
692
693
  headerBoxProps: c = {},
693
694
  onOpened: d,
694
- onClosed: x,
695
+ onClosed: v,
695
696
  "data-testid": w,
696
697
  navBarOpen: b = !1,
697
698
  navBarWidthOpen: m = 0,
698
- navBarWidthClosed: D = 0
699
+ navBarWidthClosed: A = 0
699
700
  }) {
700
701
  return /* @__PURE__ */ h(
701
702
  vn,
702
703
  {
703
704
  SlideProps: {
704
705
  onEntered: () => d == null ? void 0 : d(),
705
- onExited: () => x == null ? void 0 : x()
706
+ onExited: () => v == null ? void 0 : v()
706
707
  },
707
708
  variant: "persistent",
708
709
  anchor: t,
@@ -712,9 +713,9 @@ function _e({
712
713
  "data-testid": w,
713
714
  navBarOpen: b,
714
715
  navBarWidthOpen: m,
715
- navBarWidthClosed: D,
716
+ navBarWidthClosed: A,
716
717
  children: [
717
- /* @__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: [
718
719
  /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: a }),
719
720
  l && /* @__PURE__ */ h(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
720
721
  /* @__PURE__ */ o(et, { "data-testid": "arrowbackicon" }),
@@ -755,7 +756,7 @@ const wn = H(I, {
755
756
  }),
756
757
  marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
757
758
  });
758
- }), bn = H(Ke, {
759
+ }), bn = H(je, {
759
760
  name: "PageContainer"
760
761
  })(({ theme: e }) => ({
761
762
  // Horizontal padding comes from the Container's gutter
@@ -786,16 +787,16 @@ function bo({
786
787
  pageContentDataTestId: p,
787
788
  topBarDataTestId: c,
788
789
  navBarOpen: d,
789
- navBarWidthOpen: x,
790
+ navBarWidthOpen: v,
790
791
  navBarWidthClosed: w
791
792
  }) {
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
+ 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, {
793
794
  titleText: $,
794
795
  content: u,
795
796
  flavour: f,
796
- open: y,
797
+ open: T,
797
798
  onChangeOpen: P,
798
- width: v,
799
+ width: x,
799
800
  arrowButtons: C,
800
801
  startOpen: M,
801
802
  onOpened: xt,
@@ -817,12 +818,12 @@ function bo({
817
818
  Ee(() => {
818
819
  M !== ue && (m(M), g(M));
819
820
  }, [M]), Ee(() => {
820
- Y !== he && (k(Y), R(Y));
821
+ Y !== he && (D(Y), R(Y));
821
822
  }, [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);
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);
824
825
  }, Ie = (W) => {
825
- 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);
826
827
  };
827
828
  return /* @__PURE__ */ h(I, { children: [
828
829
  N && /* @__PURE__ */ o(
@@ -832,14 +833,14 @@ function bo({
832
833
  anchor: "left",
833
834
  open: se,
834
835
  onClose: () => ke(!1),
835
- width: v,
836
+ width: x,
836
837
  titleText: $,
837
838
  debugOpacity: s,
838
839
  showCloseArrow: C === "both" || C === "close",
839
840
  onOpened: xt,
840
841
  onClosed: wt,
841
842
  navBarOpen: d,
842
- navBarWidthOpen: x,
843
+ navBarWidthOpen: v,
843
844
  navBarWidthClosed: w,
844
845
  children: u
845
846
  }
@@ -858,7 +859,7 @@ function bo({
858
859
  onOpened: Dt,
859
860
  onClosed: kt,
860
861
  navBarOpen: d,
861
- navBarWidthOpen: x,
862
+ navBarWidthOpen: v,
862
863
  navBarWidthClosed: w,
863
864
  children: St
864
865
  }
@@ -871,7 +872,7 @@ function bo({
871
872
  }, N && f === "push" ? {
872
873
  leftPanel: {
873
874
  open: se,
874
- width: v,
875
+ width: x,
875
876
  onOpen: () => ke(!0),
876
877
  showOpenArrow: C === "both" || C === "open"
877
878
  }
@@ -886,10 +887,10 @@ function bo({
886
887
  ),
887
888
  /* @__PURE__ */ o(
888
889
  wn,
889
- A(r(r({}, f === "push" ? {
890
+ S(r(r({}, f === "push" ? {
890
891
  leftPanel: {
891
892
  open: se,
892
- width: v
893
+ width: x
893
894
  }
894
895
  } : {}), Se === "push" ? {
895
896
  rightPanel: {
@@ -897,7 +898,7 @@ function bo({
897
898
  width: ae
898
899
  }
899
900
  } : {}), {
900
- 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 }))
901
902
  })
902
903
  )
903
904
  ] });
@@ -905,7 +906,7 @@ function bo({
905
906
  const dt = () => {
906
907
  const e = ie();
907
908
  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
+ }, 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);
909
910
  function In({ links: e }) {
910
911
  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
911
912
  }
@@ -965,7 +966,7 @@ const te = "Navbar", X = {
965
966
  }, ft(e)), Re = (e, t) => r({
966
967
  width: t,
967
968
  transition: oe(e, "width", "leaving")
968
- }, ft(e)), Tn = H(Ce, {
969
+ }, ft(e)), yn = H(Ce, {
969
970
  shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
970
971
  })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: a }) => r(r({
971
972
  flexShrink: 0,
@@ -973,14 +974,14 @@ const te = "Navbar", X = {
973
974
  boxSizing: "border-box",
974
975
  display: "flex",
975
976
  flexDirection: "column"
976
- }, t && A(r({}, He(e, n)), {
977
+ }, t && S(r({}, He(e, n)), {
977
978
  backgroundColor: "",
978
979
  "& .MuiDrawer-paper": He(e, n)
979
- })), !t && A(r({}, Re(e, a ? n : i)), {
980
+ })), !t && S(r({}, Re(e, a ? n : i)), {
980
981
  backgroundColor: "",
981
982
  "& .MuiDrawer-paper": Re(e, a ? n : i)
982
983
  })));
983
- function yn(e) {
984
+ function Tn(e) {
984
985
  let t = 0;
985
986
  for (let n = 0, i = e.length; n < i; n++) {
986
987
  const a = e.charCodeAt(n);
@@ -1017,7 +1018,7 @@ function Fn({ user: e, domainCode: t, open: n }) {
1017
1018
  sx: {
1018
1019
  width: "100%",
1019
1020
  height: "100%",
1020
- bgcolor: We[Math.abs(yn(e.name)) % We.length]
1021
+ bgcolor: We[Math.abs(Tn(e.name)) % We.length]
1021
1022
  },
1022
1023
  children: En(e.name)
1023
1024
  }
@@ -1043,9 +1044,9 @@ function Nn({
1043
1044
  user: p,
1044
1045
  domainCode: c
1045
1046
  }) {
1046
- const d = dt(), x = tt(j);
1047
+ const d = dt(), v = tt(K);
1047
1048
  return /* @__PURE__ */ o(On, { className: X.root, "data-testid": i, children: /* @__PURE__ */ h(
1048
- Tn,
1049
+ yn,
1049
1050
  {
1050
1051
  open: e,
1051
1052
  widthOpen: n,
@@ -1056,7 +1057,7 @@ function Nn({
1056
1057
  component: "nav"
1057
1058
  },
1058
1059
  onClose: () => {
1059
- x(!1);
1060
+ v(!1);
1060
1061
  },
1061
1062
  isSmallScreen: d,
1062
1063
  children: [
@@ -1091,7 +1092,7 @@ function Pn({
1091
1092
  flexGrow: 1
1092
1093
  },
1093
1094
  children: /* @__PURE__ */ o(
1094
- Ke,
1095
+ je,
1095
1096
  {
1096
1097
  component: "main",
1097
1098
  id: "main-content",
@@ -1112,9 +1113,9 @@ function Mn({
1112
1113
  "data-testid": n,
1113
1114
  middle: i
1114
1115
  }) {
1115
- 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();
1116
1117
  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
1117
- je,
1118
+ Ke,
1118
1119
  {
1119
1120
  square: !0,
1120
1121
  elevation: 0,
@@ -1131,7 +1132,7 @@ function Mn({
1131
1132
  zIndex: p ? 0 : l.zIndex.drawer + 1
1132
1133
  },
1133
1134
  children: [
1134
- /* @__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" }) }),
1135
1136
  /* @__PURE__ */ o(F, { className: Ln.titleText, variant: "h6", children: e }),
1136
1137
  i
1137
1138
  ]
@@ -1149,21 +1150,21 @@ function Ao({
1149
1150
  navBarMiddle: p,
1150
1151
  navBarBottom: c,
1151
1152
  user: d,
1152
- domainCode: x
1153
+ domainCode: v
1153
1154
  }) {
1154
1155
  ot([
1155
- [j, n != null ? n : !0],
1156
+ [K, n != null ? n : !0],
1156
1157
  [me, t != null ? t : ""]
1157
1158
  ]);
1158
- 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);
1159
1160
  return /* @__PURE__ */ h(I, { children: [
1160
1161
  /* @__PURE__ */ o(Wt, {}),
1161
1162
  /* @__PURE__ */ o(
1162
1163
  Mn,
1163
1164
  {
1164
- titleText: D,
1165
+ titleText: A,
1165
1166
  "data-testid": s,
1166
- height: k,
1167
+ height: D,
1167
1168
  middle: O
1168
1169
  }
1169
1170
  ),
@@ -1176,18 +1177,18 @@ function Ao({
1176
1177
  middle: p,
1177
1178
  bottom: c,
1178
1179
  user: d,
1179
- domainCode: x,
1180
+ domainCode: v,
1180
1181
  widthOpen: b,
1181
1182
  widthClosed: m,
1182
- offsetTop: k,
1183
+ offsetTop: D,
1183
1184
  "data-testid": l
1184
1185
  }
1185
1186
  ),
1186
1187
  /* @__PURE__ */ o(
1187
1188
  Pn,
1188
- A(r({
1189
+ S(r({
1189
1190
  "data-testid": a,
1190
- topBarHeight: k
1191
+ topBarHeight: D
1191
1192
  }, i), {
1192
1193
  children: e
1193
1194
  })
@@ -1222,49 +1223,49 @@ function Un(s) {
1222
1223
  overrideActions: t = Vn,
1223
1224
  shouldClose: n = Hn.shouldClose,
1224
1225
  children: i
1225
- } = l, a = Te(l, [
1226
+ } = l, a = ye(l, [
1226
1227
  "overrideState",
1227
1228
  "overrideActions",
1228
1229
  "shouldClose",
1229
1230
  "children"
1230
1231
  ]);
1231
1232
  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(
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(
1236
1237
  `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${w.current} times in last ${Ve}ms)`
1237
1238
  ), w.current = 0);
1238
- const C = r(A(r({}, ze), {
1239
+ const C = r(S(r({}, ze), {
1239
1240
  key: Wn()
1240
- }), v);
1241
+ }), x);
1241
1242
  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);
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);
1244
1245
  if (C !== -1)
1245
1246
  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 });
1247
+ }, R = (x, C) => {
1248
+ n(x, C) && c({ open: !1 });
1248
1249
  }, N = () => {
1249
1250
  }, L = () => {
1250
1251
  d.current.shift(), d.current.length > 0 && c({ open: !0 });
1251
1252
  }, $ = (P = d.current[0]) != null ? P : r({}, ze), u = {};
1252
1253
  "autoHideDuration" in $ && (u.autoHideDuration = $.autoHideDuration);
1253
- const f = r(r({}, _n), a), y = r(r({
1254
+ const f = r(r({}, _n), a), T = r(r({
1254
1255
  open: p,
1255
1256
  setOpen: b,
1256
1257
  enqueueNotification: m,
1257
- enqueueSuccessNotification: D,
1258
- enqueueInfoNotification: k,
1258
+ enqueueSuccessNotification: A,
1259
+ enqueueInfoNotification: D,
1259
1260
  enqueueWarningNotification: O,
1260
1261
  enqueueErrorNotification: g,
1261
- removeNotification: S
1262
+ removeNotification: k
1262
1263
  }, e), t);
1263
- return /* @__PURE__ */ h(mt.Provider, { value: y, children: [
1264
+ return /* @__PURE__ */ h(mt.Provider, { value: T, children: [
1264
1265
  i,
1265
1266
  /* @__PURE__ */ o(
1266
1267
  zt,
1267
- A(r(r({}, f), u), {
1268
+ S(r(r({}, f), u), {
1268
1269
  open: p,
1269
1270
  onClose: R,
1270
1271
  TransitionProps: {
@@ -1276,7 +1277,7 @@ function Un(s) {
1276
1277
  /* @__PURE__ */ o(
1277
1278
  Gt,
1278
1279
  {
1279
- onClose: (v) => R(v, "closeAlert"),
1280
+ onClose: (x) => R(x, "closeAlert"),
1280
1281
  severity: $.severity,
1281
1282
  variant: "filled",
1282
1283
  icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(we, { size: "1em" }) : void 0,
@@ -1296,8 +1297,8 @@ function qn() {
1296
1297
  throw new Ae("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
1297
1298
  return e;
1298
1299
  }
1299
- const So = K(
1300
- (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 }))
1301
1302
  ), Xn = nn(), Do = ({
1302
1303
  children: e,
1303
1304
  store: t
@@ -1322,7 +1323,7 @@ const Ue = B(
1322
1323
  ag: "AG",
1323
1324
  fedmps: "Fedmps",
1324
1325
  "": ""
1325
- }, jn = (e) => {
1326
+ }, Kn = (e) => {
1326
1327
  var t;
1327
1328
  return e === null ? "N/A" : (t = Qn[e]) != null ? t : "";
1328
1329
  }, ko = ({
@@ -1333,9 +1334,9 @@ const Ue = B(
1333
1334
  applicationName: a,
1334
1335
  handleLogout: s
1335
1336
  }) => {
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* () {
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* () {
1339
1340
  l && !w && !b ? (d(l), n()) : m && s();
1340
1341
  });
1341
1342
  let O;
@@ -1346,13 +1347,13 @@ const Ue = B(
1346
1347
  dialogTitle: "Select an organisation",
1347
1348
  primaryButton: {
1348
1349
  text: "Confirm",
1349
- onClick: D,
1350
+ onClick: A,
1350
1351
  disabled: !c || w || b,
1351
1352
  buttonColor: "primary"
1352
1353
  },
1353
1354
  secondaryButton: {
1354
1355
  text: m ? "Logout" : "Cancel",
1355
- onClick: k
1356
+ onClick: D
1356
1357
  },
1357
1358
  onClose: m ? () => {
1358
1359
  } : n,
@@ -1369,15 +1370,15 @@ const Ue = B(
1369
1370
  multiple: !1,
1370
1371
  disableClearable: !1,
1371
1372
  value: c !== "" ? c : null,
1372
- onChange: (g, S) => d(S != null ? S : ""),
1373
- getOptionLabel: jn,
1373
+ onChange: (g, k) => d(k != null ? k : ""),
1374
+ getOptionLabel: Kn,
1374
1375
  options: [...i],
1375
1376
  renderInput: (g) => /* @__PURE__ */ o(
1376
1377
  xe,
1377
- A(r({}, g), {
1378
+ S(r({}, g), {
1378
1379
  variant: "filled",
1379
1380
  label: "Select organisation",
1380
- InputProps: A(r({}, g.InputProps), {
1381
+ InputProps: S(r({}, g.InputProps), {
1381
1382
  endAdornment: /* @__PURE__ */ h(_, { children: [
1382
1383
  e ? /* @__PURE__ */ o(we, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
1383
1384
  g.InputProps.endAdornment
@@ -1533,31 +1534,31 @@ const Ue = B(
1533
1534
  navBar: {
1534
1535
  backgroundColor: "#E8E8E8"
1535
1536
  }
1536
- }), Kn = {
1537
+ }), jn = {
1537
1538
  domainCode: vt,
1538
- navBarOpen: j,
1539
+ navBarOpen: K,
1539
1540
  navBarWidthOpen: pt,
1540
1541
  navBarWidthClosed: ut,
1541
1542
  titleText: me,
1542
1543
  topBarHeight: ht,
1543
1544
  navBarTop: gt
1544
- }, $o = K(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Jn = ({
1545
+ }, $o = j(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Jn = ({
1545
1546
  initialValues: e,
1546
1547
  children: t
1547
- }) => (ot(e), /* @__PURE__ */ o(_, { children: t })), To = K(
1548
+ }) => (ot(e), /* @__PURE__ */ o(_, { children: t })), yo = j(
1548
1549
  (e) => ({ children: t }) => /* @__PURE__ */ o(
1549
1550
  Jn,
1550
1551
  {
1551
1552
  initialValues: Object.entries(e).map(
1552
1553
  ([n, i]) => [
1553
- Kn[n],
1554
+ jn[n],
1554
1555
  i
1555
1556
  ]
1556
1557
  ),
1557
1558
  children: t
1558
1559
  }
1559
1560
  )
1560
- ), yo = K(() => ({ children: e }) => {
1561
+ ), To = j(() => ({ children: e }) => {
1561
1562
  const t = new en();
1562
1563
  return /* @__PURE__ */ o(tn, { client: t, children: e });
1563
1564
  });
@@ -1586,7 +1587,7 @@ export {
1586
1587
  Io as fed21Theme,
1587
1588
  Oo as internalAgSystemsTheme,
1588
1589
  q as navBarClasses,
1589
- j as navBarOpenAtom,
1590
+ K as navBarOpenAtom,
1590
1591
  gt as navBarTopAtom,
1591
1592
  ut as navBarWidthClosedAtom,
1592
1593
  pt as navBarWidthOpenAtom,
@@ -1598,8 +1599,8 @@ export {
1598
1599
  qn as useSaladBar,
1599
1600
  $o as withAtomProvider,
1600
1601
  fo as withNavBarProvider,
1601
- To as withOverrideDefaults,
1602
- yo as withQueryClient,
1602
+ yo as withOverrideDefaults,
1603
+ To as withQueryClient,
1603
1604
  So as withSaladBarProvider
1604
1605
  };
1605
1606
  //# sourceMappingURL=index.js.map