@australiangreens/ag-internal-components 0.0.45 → 0.0.46

package/dist/esm/index.js

@@ -38,7 +38,7 @@ var K = (e, t, n) => new Promise((r, a) => {
 });
 import { jsxs as c, Fragment as M, jsx as o } from "react/jsx-runtime";
 import { useState as D, createContext as He, useCallback as ne, useContext as Re, useEffect as oe, useRef as ce } from "react";
-import { Typography as $, Button as bt, Paper as We, styled as X, Box as T, IconButton as V, Drawer as At, Container as ze, Avatar as Ie, Skeleton as Te, Divider as Oe, CssBaseline as St, Snackbar as It, Alert as Tt, CircularProgress as Ge, LinearProgress as Ot, Autocomplete as Dt, TextField as $t, FormHelperText as kt } from "@mui/material";
+import { Typography as k, Button as bt, Paper as We, styled as X, Box as T, IconButton as V, Drawer as At, Container as ze, Snackbar as St, Alert as It, CircularProgress as Ge, LinearProgress as Tt, Avatar as Ie, Skeleton as Te, Divider as Oe, CssBaseline as Ot, Autocomplete as Dt, TextField as kt, FormHelperText as $t } from "@mui/material";
 import Bt from "@mui/material/CssBaseline";
 import { styled as _, createTheme as Ue, alpha as pe } from "@mui/material/styles";
 import Ve from "@mui/material/Drawer";
@@ -51,14 +51,13 @@ import Ft from "@mui/material/DialogActions";
 import Lt from "@mui/material/DialogContent";
 import yt from "@mui/material/DialogTitle";
 import { ArrowForward as qe, ArrowBack as je, ViewHeadline as Pt } from "@mui/icons-material";
-import { useSetLibraryAtom as Mt, useLibraryAtom as y } from "src/providers";
-import { atom as k, getDefaultStore as _t, Provider as Ye, useAtom as Ht, useSetAtom as Rt } from "jotai";
-import { useHydrateAtoms as Wt } from "jotai/utils";
-function no({ text: e }) {
+import { getDefaultStore as Mt, Provider as Ye, useAtom as _t, useSetAtom as Ht, atom as $ } from "jotai";
+import { useHydrateAtoms as Rt } from "jotai/utils";
+function eo({ text: e }) {
   const [t, n] = D(0);
   return /* @__PURE__ */ c(M, { children: [
-    /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o($, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ o(k, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(k, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
       bt,
       {
@@ -86,7 +85,7 @@ const Qe = 330, Je = 73, E = "Navbar", P = {
   userInfoHolder: `${E}-userInfoHolder`,
   settings: `${E}-settings`,
   pieChartIcon: `${E}-pieChartIcon`
-}, zt = _("div", { name: "NavBar" })(({ theme: e }) => ({
+}, Wt = _("div", { name: "NavBar" })(({ theme: e }) => ({
   [`&.${P.root}`]: {
     display: "flex"
   },
@@ -113,11 +112,11 @@ const Qe = 330, Je = 73, E = "Navbar", P = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Gt = () => i({
+}), zt = () => i({
   width: Qe
-}, Ke()), Ut = () => i({
+}, Ke()), Gt = () => i({
   width: Je
-}, Ke()), Vt = _(Ve, {
+}, Ke()), Ut = _(Ve, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
   width: t ? Qe : Je,
@@ -126,16 +125,16 @@ const Qe = 330, Je = 73, E = "Navbar", P = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": Gt()
+  "& .MuiDrawer-paper": zt()
 }), !t && {
-  "& .MuiDrawer-paper": Ut()
+  "& .MuiDrawer-paper": Gt()
 }));
 class he extends Nt {
 }
 Se(he, "errorName", "ContextError");
-const Ze = He(null), Xt = {}, qt = {}, jt = ({
-  overrideState: e = Xt,
-  overrideActions: t = qt,
+const Ze = He(null), Vt = {}, Xt = {}, qt = ({
+  overrideState: e = Vt,
+  overrideActions: t = Xt,
   children: n
 }) => {
   const [{ open: r }, a] = D({ open: !0 }), l = ne((s) => {
@@ -148,16 +147,16 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
     toggleOpen: p
   }, e), t);
   return /* @__PURE__ */ o(Ze.Provider, { value: u, children: n });
-}, Yt = () => {
+}, jt = () => {
   const e = Re(Ze);
   if (e === null)
     throw new he("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Qt = (e = {}) => i({
+}, Yt = (e = {}) => i({
   open: !0
-}, e), oo = re(
-  (e = Qt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(jt, { overrideState: e, overrideActions: t, children: n })
-), $e = 7, ro = _(Xe)(({ theme: e }) => ({
+}, e), to = re(
+  (e = Yt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(qt, { overrideState: e, overrideActions: t, children: n })
+), ke = 7, no = _(Xe)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -166,7 +165,7 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${$e}px`
+      padding: `${ke}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -177,7 +176,7 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${$e}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${ke}px)`
     },
     // Hover state
     "&:hover": {
@@ -195,7 +194,7 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), ke = 7, io = _(Xe)(({ theme: e }) => ({
+})), $e = 7, oo = _(Xe)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -204,7 +203,7 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${ke}px`
+      padding: `${$e}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -215,7 +214,7 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${ke}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${$e}px)`
     },
     // Hover state
     "&:hover": {
@@ -234,15 +233,15 @@ const Ze = He(null), Xt = {}, qt = {}, jt = ({
     // },
   }
 }));
-function ao({
+function ro({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = Yt();
-  return /* @__PURE__ */ c(zt, { className: P.root, "data-testid": e, children: [
+  const { open: n } = jt();
+  return /* @__PURE__ */ c(Wt, { className: P.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Bt, {}),
     /* @__PURE__ */ o(
-      Vt,
+      Ut,
       {
         variant: "permanent",
         anchor: "left",
@@ -253,7 +252,7 @@ function ao({
     )
   ] });
 }
-const Jt = ({
+const Qt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -304,14 +303,14 @@ const Jt = ({
       ]
     }
   );
-}, Kt = 24, Zt = 64, F = "TopBar", b = {
+}, Jt = 24, Kt = 64, F = "TopBar", b = {
   topStripe: `${F}-topStripe`,
   titleBar: `${F}-titleBar`,
   titleSlider: `${F}-titleSlider`,
   titleText: `${F}-titleText`,
   leftPanelButton: `${F}-leftPanelButton`,
   rightPanelButton: `${F}-leftPanelButton`
-}, en = X("div", {
+}, Zt = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: F
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -320,12 +319,12 @@ const Jt = ({
     width: "100%",
     [`& .${b.topStripe}`]: {
       width: "100%",
-      height: `${Kt}px`,
+      height: `${Jt}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${b.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Zt}px`,
+      height: `${Kt}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -363,13 +362,13 @@ const Jt = ({
     })
   };
 });
-function tn({
+function en({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ c(en, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ c(Zt, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
     /* @__PURE__ */ o("div", { className: b.topStripe }),
     /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ c(T, { className: b.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ c(
@@ -387,7 +386,7 @@ function tn({
           ]
         }
       ),
-      /* @__PURE__ */ o($, { className: b.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(k, { className: b.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
@@ -406,7 +405,7 @@ function tn({
     ] }) })
   ] });
 }
-const et = 400, nn = X(At, {
+const et = 400, tn = X(At, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -436,7 +435,7 @@ const et = 400, nn = X(At, {
       marginLeft: `${a}px`
     }))
   })
-), on = X(T, {
+), nn = X(T, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => x(i({
   display: "flex",
@@ -475,7 +474,7 @@ function Be({
   navBarWidthClosed: I = 0
 }) {
   return /* @__PURE__ */ c(
-    nn,
+    tn,
     {
       SlideProps: {
         onEntered: () => d == null ? void 0 : d(),
@@ -491,8 +490,8 @@ function Be({
       navBarWidthOpen: m,
       navBarWidthClosed: I,
       children: [
-        /* @__PURE__ */ o(on, x(i({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ c(M, { children: [
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
+        /* @__PURE__ */ o(nn, x(i({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ c(M, { children: [
+          /* @__PURE__ */ o(k, { variant: "h6", color: "inherit", component: "div", children: a }),
           p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(je, { "data-testid": "arrowbackicon" }),
             " "
@@ -502,14 +501,14 @@ function Be({
             /* @__PURE__ */ o(qe, {}),
             " "
           ] }),
-          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o(k, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const rn = X("div", {
+const on = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -532,7 +531,7 @@ const rn = X("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), an = X(ze, {
+}), rn = X(ze, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -551,7 +550,7 @@ const rn = X("div", {
   onClosed: void 0,
   dataTestId: void 0
 };
-function so({
+function io({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -573,7 +572,7 @@ function so({
     onChangeOpen: G,
     width: g,
     arrowButtons: h,
-    startOpen: L,
+    startOpen: y,
     onOpened: ct,
     onClosed: pt,
     dataTestId: ut
@@ -591,8 +590,8 @@ function so({
     dataTestId: vt
   } = r ? i(i({}, Z), r) : i({}, Z);
   oe(() => {
-    L !== ue && (m(L), S(L));
-  }, [L]), oe(() => {
+    y !== ue && (m(y), S(y));
+  }, [y]), oe(() => {
     Q !== ge && (A(Q), H(Q));
   }, [Q]);
   const se = z === void 0 ? C : z, le = ie === void 0 ? I : ie, xe = (N) => {
@@ -640,7 +639,7 @@ function so({
       }
     ),
     /* @__PURE__ */ o(
-      tn,
+      en,
       i(i({
         titleText: t,
         "data-testid": s
@@ -661,7 +660,7 @@ function so({
       } : {})
     ),
     /* @__PURE__ */ o(
-      rn,
+      on,
       x(i(i({}, j === "push" ? {
         leftPanel: {
           open: se,
@@ -673,12 +672,118 @@ function so({
           width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ o(an, x(i({ "data-testid": u }, p), { children: e }))
+        children: /* @__PURE__ */ o(rn, x(i({ "data-testid": u }, p), { children: e }))
+      })
+    )
+  ] });
+}
+const an = {
+  autoHideDuration: 6e3,
+  anchorOrigin: { vertical: "top", horizontal: "center" },
+  // The default is false. If we prefer timer to continue when window loses
+  // focus, change to true
+  disableWindowBlurListener: !1
+}, sn = {
+  shouldClose: (e, t) => t !== "clickaway"
+}, Ne = {
+  message: "",
+  severity: "info",
+  variant: "standard",
+  progressIndicator: void 0
+  // Can use 'circular' or 'linear'
+}, Ee = 100, Fe = 2e3, ln = 2e3, dn = (() => {
+  let e = 0;
+  return () => (e += 1, e);
+})(), cn = {
+  borderBottomLeftRadius: "0px",
+  borderBottomRightRadius: "0px"
+}, pn = {}, un = {}, tt = He(null);
+function gn(l) {
+  var p = l, {
+    overrideState: e = pn,
+    overrideActions: t = un,
+    shouldClose: n = sn.shouldClose,
+    children: r
+  } = p, a = Ae(p, [
+    "overrideState",
+    "overrideActions",
+    "shouldClose",
+    "children"
+  ]);
+  var G;
+  const [{ open: u }, s] = D({ open: !1 }), d = ce([]), v = ce(Date.now()), f = ce(0), C = ne((g) => {
+    s({ open: g });
+  }, []), m = ne((g = {}) => {
+    f.current += 1, d.current.length >= Ee && Date.now() - v.current >= Fe && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ee}) hit ${f.current} times in last ${Fe}ms)`
+    ), f.current = 0);
+    const h = i(x(i({}, Ne), {
+      key: dn()
+    }), g);
+    return d.current.push(h), d.current.length === 1 && s({ open: !0 }), h.key;
+  }, []), I = (g = "", h = {}) => m(i({ message: g, severity: "success" }, h)), A = (g = "", h = {}) => m(i({ message: g, severity: "info" }, h)), w = (g = "", h = {}) => m(i({ message: g, severity: "warning" }, h)), S = (g = "", h = {}) => m(i({ message: g, severity: "error" }, h)), B = (g) => {
+    const h = d.current.findIndex((y) => y.key === g);
+    if (h !== -1)
+      return h === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(h, 1);
+  }, H = (g, h) => {
+    n(g, h) && s({ open: !1 });
+  }, R = () => {
+  }, W = () => {
+    d.current.shift(), d.current.length > 0 && s({ open: !0 });
+  }, O = (G = d.current[0]) != null ? G : i({}, Ne), q = {};
+  "autoHideDuration" in O && (q.autoHideDuration = O.autoHideDuration);
+  const j = i(i({}, an), a), z = i(i({
+    open: u,
+    setOpen: C,
+    enqueueNotification: m,
+    enqueueSuccessNotification: I,
+    enqueueInfoNotification: A,
+    enqueueWarningNotification: w,
+    enqueueErrorNotification: S,
+    removeNotification: B
+  }, e), t);
+  return /* @__PURE__ */ c(tt.Provider, { value: z, children: [
+    r,
+    /* @__PURE__ */ o(
+      St,
+      x(i(i({}, j), q), {
+        open: u,
+        onClose: H,
+        TransitionProps: {
+          onExited: W,
+          onExit: R
+        },
+        sx: { zIndex: ln },
+        children: /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ o(
+            It,
+            {
+              onClose: (g) => H(g, "closeAlert"),
+              severity: O.severity,
+              variant: "filled",
+              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(Ge, { size: "1em" }) : void 0,
+              style: O.progressIndicator === "linear" ? cn : void 0,
+              children: O.message
+            }
+          ),
+          O.progressIndicator === "linear" && /* @__PURE__ */ o(Tt, { color: "primary" })
+        ] })
       })
     )
   ] });
 }
-const ee = "Navbar", U = {
+function hn() {
+  const e = Re(tt);
+  if (e === null)
+    throw new he("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+  return e;
+}
+const ao = re(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(gn, x(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+), fn = Mt(), so = ({
+  children: e,
+  store: t
+}) => /* @__PURE__ */ o(Ye, { store: t != null ? t : fn, children: e }), L = (...e) => _t(...e), mn = (...e) => Ht(...e), vn = (...e) => vn(...e), ee = "Navbar", U = {
   root: `${ee}-root`,
   menuButton: `${ee}-menuButton`,
   hide: `${ee}-hide`,
@@ -686,7 +791,7 @@ const ee = "Navbar", U = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, sn = _("div", { name: "NavBar" })(({ theme: e }) => ({
+}, xn = _("div", { name: "NavBar" })(({ theme: e }) => ({
   [`&.${U.root}`]: {
     display: "flex"
   },
@@ -705,7 +810,7 @@ const ee = "Navbar", U = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), tt = (e, t) => {
+})), nt = (e, t) => {
   var n, r;
   return {
     height: `calc(100vh - ${t})`,
@@ -716,34 +821,34 @@ const ee = "Navbar", U = {
     backgroundColor: (r = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? r : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Ne = (e, t, n) => i({
+}, Le = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   })
-}, tt(e, n)), Ee = (e, t, n) => i({
+}, nt(e, n)), ye = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, tt(e, n)), ln = _(Ve, {
+}, nt(e, n)), Cn = _(Ve, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && x(i({}, Ne(e, n, a)), {
-  "& .MuiDrawer-paper": Ne(e, n, a)
-})), !t && x(i({}, Ee(e, r, a)), {
-  "& .MuiDrawer-paper": Ee(e, r, a)
+}, t && x(i({}, Le(e, n, a)), {
+  "& .MuiDrawer-paper": Le(e, n, a)
+})), !t && x(i({}, ye(e, r, a)), {
+  "& .MuiDrawer-paper": ye(e, r, a)
 })));
-function dn({ links: e }) {
+function wn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function cn(e) {
+function bn(e) {
   let t = 0;
   for (let n = 0, r = e.length; n < r; n++) {
     const a = e.charCodeAt(n);
@@ -754,26 +859,26 @@ function cn(e) {
 const te = {
   width: "5rem",
   height: "5rem"
-}, Fe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], pn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function un({ user: e, domainCode: t }) {
+}, Pe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], An = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Sn({ user: e, domainCode: t }) {
   return /* @__PURE__ */ c(T, { marginY: "2rem", display: "flex", flexDirection: "column", alignItems: "center", gap: "1rem", children: [
     e != null && e.name ? /* @__PURE__ */ o(
       Ie,
       {
         src: e == null ? void 0 : e.picture,
         sx: x(i({}, te), {
-          bgcolor: Fe[Math.abs(cn(e.name)) % Fe.length]
+          bgcolor: Pe[Math.abs(bn(e.name)) % Pe.length]
         }),
-        children: pn(e.name)
+        children: An(e.name)
       }
     ) : /* @__PURE__ */ o(Ie, { sx: te }),
     /* @__PURE__ */ c(T, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-      e != null && e.name ? /* @__PURE__ */ o($, { children: e.name }) : /* @__PURE__ */ o(Te, { animation: !1, width: te.width }),
-      t ? /* @__PURE__ */ o($, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Te, { animation: !1, width: te.width })
+      e != null && e.name ? /* @__PURE__ */ o(k, { children: e.name }) : /* @__PURE__ */ o(Te, { animation: !1, width: te.width }),
+      t ? /* @__PURE__ */ o(k, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Te, { animation: !1, width: te.width })
     ] })
   ] });
 }
-function gn({
+function In({
   open: e,
   offsetTop: t = 0,
   widthOpen: n,
@@ -784,8 +889,8 @@ function gn({
   user: u,
   domainCode: s
 }) {
-  return /* @__PURE__ */ o(sn, { className: U.root, "data-testid": a, children: /* @__PURE__ */ o(
-    ln,
+  return /* @__PURE__ */ o(xn, { className: U.root, "data-testid": a, children: /* @__PURE__ */ o(
+    Cn,
     {
       variant: "permanent",
       anchor: "left",
@@ -798,14 +903,14 @@ function gn({
           l,
           /* @__PURE__ */ o(Oe, { variant: "middle" })
         ] }),
-        Array.isArray(p) ? /* @__PURE__ */ o(dn, { links: p }) : p,
+        Array.isArray(p) ? /* @__PURE__ */ o(wn, { links: p }) : p,
         /* @__PURE__ */ o(Oe, { variant: "middle" }),
-        /* @__PURE__ */ o(un, { user: u, domainCode: s })
+        /* @__PURE__ */ o(Sn, { user: u, domainCode: s })
       ] })
     }
   ) });
 }
-function hn({ children: e, topBarHeight: t }) {
+function Tn({ children: e, topBarHeight: t }) {
   return /* @__PURE__ */ o(
     T,
     {
@@ -828,11 +933,11 @@ function hn({ children: e, topBarHeight: t }) {
     }
   );
 }
-const fn = 64, mn = 64, vn = 256, fe = k(!0), nt = k(vn), ot = k(mn), rt = k(""), it = k(fn), at = k(void 0), xn = "TopBar", Cn = {
-  titleText: `${xn}-titleText`
+const On = 64, Dn = 64, kn = 256, fe = $(!0), ot = $(kn), rt = $(Dn), it = $(""), at = $(On), st = $(void 0), $n = "TopBar", Bn = {
+  titleText: `${$n}-titleText`
 };
-function wn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = Mt(fe);
+function Nn({ titleText: e = "", height: t, "data-testid": n }) {
+  const r = mn(fe);
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
     We,
     {
@@ -851,7 +956,7 @@ function wn({ titleText: e = "", height: t, "data-testid": n }) {
       },
       children: [
         /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(Pt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o($, { className: Cn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(k, { className: Bn.titleText, variant: "h6", children: e })
       ]
     }
   ) });
@@ -868,17 +973,17 @@ function lo({
   user: s,
   domainCode: d
 }) {
-  const [v, f] = y(fe), [C] = y(nt), [m] = y(ot), [I, A] = y(rt), [w] = y(it), [S] = y(at);
+  const [v, f] = L(fe), [C] = L(ot), [m] = L(rt), [I, A] = L(it), [w] = L(at), [S] = L(st);
   return oe(() => {
     t !== void 0 && A(t);
   }, [t, A]), oe(() => {
     n !== void 0 && f(n);
   }, [n, f]), /* @__PURE__ */ c(T, { children: [
-    /* @__PURE__ */ o(St, {}),
-    /* @__PURE__ */ o(wn, { titleText: I, "data-testid": l, height: w }),
+    /* @__PURE__ */ o(Ot, {}),
+    /* @__PURE__ */ o(Nn, { titleText: I, "data-testid": l, height: w }),
     /* @__PURE__ */ c(T, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        gn,
+        In,
         {
           open: v,
           top: S,
@@ -892,7 +997,7 @@ function lo({
         }
       ),
       /* @__PURE__ */ o(
-        hn,
+        Tn,
         x(i({
           "data-testid": a,
           topBarHeight: w
@@ -903,122 +1008,16 @@ function lo({
     ] })
   ] });
 }
-const bn = {
-  autoHideDuration: 6e3,
-  anchorOrigin: { vertical: "top", horizontal: "center" },
-  // The default is false. If we prefer timer to continue when window loses
-  // focus, change to true
-  disableWindowBlurListener: !1
-}, An = {
-  shouldClose: (e, t) => t !== "clickaway"
-}, Le = {
-  message: "",
-  severity: "info",
-  variant: "standard",
-  progressIndicator: void 0
-  // Can use 'circular' or 'linear'
-}, ye = 100, Pe = 2e3, Sn = 2e3, In = (() => {
-  let e = 0;
-  return () => (e += 1, e);
-})(), Tn = {
-  borderBottomLeftRadius: "0px",
-  borderBottomRightRadius: "0px"
-}, On = {}, Dn = {}, st = He(null);
-function $n(l) {
-  var p = l, {
-    overrideState: e = On,
-    overrideActions: t = Dn,
-    shouldClose: n = An.shouldClose,
-    children: r
-  } = p, a = Ae(p, [
-    "overrideState",
-    "overrideActions",
-    "shouldClose",
-    "children"
-  ]);
-  var G;
-  const [{ open: u }, s] = D({ open: !1 }), d = ce([]), v = ce(Date.now()), f = ce(0), C = ne((g) => {
-    s({ open: g });
-  }, []), m = ne((g = {}) => {
-    f.current += 1, d.current.length >= ye && Date.now() - v.current >= Pe && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${f.current} times in last ${Pe}ms)`
-    ), f.current = 0);
-    const h = i(x(i({}, Le), {
-      key: In()
-    }), g);
-    return d.current.push(h), d.current.length === 1 && s({ open: !0 }), h.key;
-  }, []), I = (g = "", h = {}) => m(i({ message: g, severity: "success" }, h)), A = (g = "", h = {}) => m(i({ message: g, severity: "info" }, h)), w = (g = "", h = {}) => m(i({ message: g, severity: "warning" }, h)), S = (g = "", h = {}) => m(i({ message: g, severity: "error" }, h)), B = (g) => {
-    const h = d.current.findIndex((L) => L.key === g);
-    if (h !== -1)
-      return h === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(h, 1);
-  }, H = (g, h) => {
-    n(g, h) && s({ open: !1 });
-  }, R = () => {
-  }, W = () => {
-    d.current.shift(), d.current.length > 0 && s({ open: !0 });
-  }, O = (G = d.current[0]) != null ? G : i({}, Le), q = {};
-  "autoHideDuration" in O && (q.autoHideDuration = O.autoHideDuration);
-  const j = i(i({}, bn), a), z = i(i({
-    open: u,
-    setOpen: C,
-    enqueueNotification: m,
-    enqueueSuccessNotification: I,
-    enqueueInfoNotification: A,
-    enqueueWarningNotification: w,
-    enqueueErrorNotification: S,
-    removeNotification: B
-  }, e), t);
-  return /* @__PURE__ */ c(st.Provider, { value: z, children: [
-    r,
-    /* @__PURE__ */ o(
-      It,
-      x(i(i({}, j), q), {
-        open: u,
-        onClose: H,
-        TransitionProps: {
-          onExited: W,
-          onExit: R
-        },
-        sx: { zIndex: Sn },
-        children: /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ o(
-            Tt,
-            {
-              onClose: (g) => H(g, "closeAlert"),
-              severity: O.severity,
-              variant: "filled",
-              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(Ge, { size: "1em" }) : void 0,
-              style: O.progressIndicator === "linear" ? Tn : void 0,
-              children: O.message
-            }
-          ),
-          O.progressIndicator === "linear" && /* @__PURE__ */ o(Ot, { color: "primary" })
-        ] })
-      })
-    )
-  ] });
-}
-function kn() {
-  const e = Re(st);
-  if (e === null)
-    throw new he("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
-  return e;
-}
-const co = re(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o($n, x(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), Bn = _t(), po = ({
-  children: e,
-  store: t
-}) => /* @__PURE__ */ o(Ye, { store: t != null ? t : Bn, children: e }), Nn = (...e) => Ht(...e), uo = (...e) => Rt(...e), En = (...e) => En(...e), lt = "domainCode";
+const lt = "domainCode";
 var _e;
-const Me = k(
+const Me = $(
   JSON.parse((_e = localStorage.getItem(lt)) != null ? _e : '{"domainCode": ""}').domainCode
-), dt = k(
+), dt = $(
   (e) => e(Me),
   (e, t, n) => {
     t(Me, n), localStorage.setItem(lt, JSON.stringify({ domainCode: n }));
   }
-), Fn = {
+), En = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1030,10 +1029,10 @@ const Me = k(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Ln = (e) => {
+}, Fn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Fn[e]) != null ? t : "";
-}, go = ({
+  return e === null ? "N/A" : (t = En[e]) != null ? t : "";
+}, co = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1041,14 +1040,14 @@ const Me = k(
   applicationName: a,
   handleLogout: l
 }) => {
-  const [p, u] = Nn(dt), [s, d] = D(p), { enqueueSuccessNotification: v } = kn(), f = r.length === 0, C = !!p && !r.includes(p) && !r.includes(s), m = !p || f || C, I = () => K(void 0, null, function* () {
+  const [p, u] = L(dt), [s, d] = D(p), { enqueueSuccessNotification: v } = hn(), f = r.length === 0, C = !!p && !r.includes(p) && !r.includes(s), m = !p || f || C, I = () => K(void 0, null, function* () {
     s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
   }), A = () => K(void 0, null, function* () {
     p && !f && !C ? (d(p), n()) : m && l();
   });
   let w;
   return f ? w = "Unable to retrieve your active organisations. Try logging in again." : C && (w = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
-    Jt,
+    Qt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1065,7 +1064,7 @@ const Me = k(
       onClose: m ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ c($, { marginBottom: 2, children: [
+        /* @__PURE__ */ c(k, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
@@ -1078,10 +1077,10 @@ const Me = k(
             disableClearable: !1,
             value: s !== "" ? s : null,
             onChange: (S, B) => d(B != null ? B : ""),
-            getOptionLabel: Ln,
+            getOptionLabel: Fn,
             options: [...r],
             renderInput: (S) => /* @__PURE__ */ o(
-              $t,
+              kt,
               x(i({}, S), {
                 variant: "filled",
                 label: "Select organisation",
@@ -1095,11 +1094,11 @@ const Me = k(
             )
           }
         ),
-        w && /* @__PURE__ */ o(kt, { error: !0, children: w })
+        w && /* @__PURE__ */ o($t, { error: !0, children: w })
       ]
     }
   );
-}, ho = Ue({
+}, po = Ue({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1150,7 +1149,7 @@ const Me = k(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), fo = Ue({
+}), uo = Ue({
   palette: {
     primary: {
       main: "#007236",
@@ -1241,24 +1240,24 @@ const Me = k(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), yn = {
+}), Ln = {
   domainCode: dt,
   navBarOpen: fe,
-  navBarWidthOpen: nt,
-  navBarWidthClosed: ot,
-  titleText: rt,
-  topBarHeight: it,
-  navBarTop: at
-}, mo = re(() => ({ children: e }) => /* @__PURE__ */ o(Ye, { children: e })), Pn = ({
+  navBarWidthOpen: ot,
+  navBarWidthClosed: rt,
+  titleText: it,
+  topBarHeight: at,
+  navBarTop: st
+}, go = re(() => ({ children: e }) => /* @__PURE__ */ o(Ye, { children: e })), yn = ({
   initialValues: e,
   children: t
-}) => (Wt(e), /* @__PURE__ */ o(M, { children: t })), vo = re(
+}) => (Rt(e), /* @__PURE__ */ o(M, { children: t })), ho = re(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    Pn,
+    yn,
     {
       initialValues: Object.entries(e).map(
         ([n, r]) => [
-          yn[n],
+          Ln[n],
           r
         ]
       ),
@@ -1267,42 +1266,42 @@ const Me = k(
   )
 );
 export {
-  Jt as AgDialog,
+  Qt as AgDialog,
   lo as AppLayout,
-  po as AtomProvider,
-  st as Context,
+  so as AtomProvider,
+  tt as Context,
   he as ContextError,
-  go as DomainCodeDialog,
-  no as ExampleComponent,
-  Pn as HydrateAtoms,
+  co as DomainCodeDialog,
+  eo as ExampleComponent,
+  yn as HydrateAtoms,
   Je as NAVBAR_WIDTH_CLOSED,
   Qe as NAVBAR_WIDTH_OPENED,
-  ao as NavBar,
-  ro as NavBarDarkStyledList,
-  io as NavBarLightStyledList,
-  jt as NavBarProvider,
-  so as PageLayout,
-  $n as SaladBarProvider,
-  Bn as atomStore,
-  Qt as buildNavBarState,
+  ro as NavBar,
+  no as NavBarDarkStyledList,
+  oo as NavBarLightStyledList,
+  qt as NavBarProvider,
+  io as PageLayout,
+  gn as SaladBarProvider,
+  fn as atomStore,
+  Yt as buildNavBarState,
   dt as domainCodeAtom,
-  ho as fed21Theme,
-  fo as internalAgSystemsTheme,
+  po as fed21Theme,
+  uo as internalAgSystemsTheme,
   P as navBarClasses,
   fe as navBarOpenAtom,
-  at as navBarTopAtom,
-  ot as navBarWidthClosedAtom,
-  nt as navBarWidthOpenAtom,
-  rt as titleTextAtom,
-  it as topBarHeightAtom,
-  Nn as useLibraryAtom,
-  En as useLibraryAtomValue,
-  Yt as useNavBar,
-  kn as useSaladBar,
-  uo as useSetLibraryAtom,
-  mo as withAtomProvider,
-  oo as withNavBarProvider,
-  vo as withOverrideDefaults,
-  co as withSaladBarProvider
+  st as navBarTopAtom,
+  rt as navBarWidthClosedAtom,
+  ot as navBarWidthOpenAtom,
+  it as titleTextAtom,
+  at as topBarHeightAtom,
+  L as useLibraryAtom,
+  vn as useLibraryAtomValue,
+  jt as useNavBar,
+  hn as useSaladBar,
+  mn as useSetLibraryAtom,
+  go as withAtomProvider,
+  to as withNavBarProvider,
+  ho as withOverrideDefaults,
+  ao as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map