@australiangreens/ag-internal-components 0.0.91 → 0.0.93

package/dist/esm/index.js

@@ -38,7 +38,7 @@ var N = (e, t, n) => new Promise((i, r) => {
 });
 import { jsxs as h, Fragment as L, jsx as o } from "react/jsx-runtime";
 import { useState as B, createContext as Ye, useCallback as oe, useContext as Ke, useEffect as ie, createElement as xe, useRef as ge } from "react";
-import { Typography as E, Button as re, Paper as Je, Box as $, Drawer as we, styled as Ae, IconButton as Y, Container as Ze, useTheme as se, useMediaQuery as _t, Collapse as Mt, Avatar as Pe, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Le, CssBaseline as Wt, Dialog as je, LinearProgress as et, DialogTitle as tt, DialogContent as nt, DialogActions as ot, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as zt, Tooltip as Ut, Stack as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
+import { Typography as E, Button as re, Paper as Je, Box as $, Drawer as we, styled as Ae, IconButton as Y, Container as Ze, useTheme as se, useMediaQuery as _t, Collapse as Mt, Avatar as Pe, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Le, CssBaseline as Wt, Dialog as je, LinearProgress as et, DialogTitle as tt, DialogContent as nt, DialogActions as ot, Autocomplete as Se, TextField as be, CircularProgress as ke, Chip as zt, Tooltip as Ut, Stack as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
 import Qt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as it, alpha as fe } from "@mui/material/styles";
 import { AgError as Yt } from "@australiangreens/ag-error";
@@ -357,7 +357,7 @@ function An({
     ] }) })
   ] });
 }
-const mt = 400, bn = Ae(we, {
+const mt = 400, Sn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -387,7 +387,7 @@ const mt = 400, bn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), Sn = Ae($, {
+), bn = Ae($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => k(a({
   display: "flex",
@@ -426,7 +426,7 @@ function He({
   navBarWidthClosed: y = 0
 }) {
   return /* @__PURE__ */ h(
-    bn,
+    Sn,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
@@ -442,7 +442,7 @@ function He({
       navBarWidthOpen: g,
       navBarWidthClosed: y,
       children: [
-        /* @__PURE__ */ o(Sn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(L, { children: [
+        /* @__PURE__ */ o(bn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(L, { children: [
           /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r }),
           c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(st, { "data-testid": "arrowbackicon" }),
@@ -517,7 +517,7 @@ function Fo({
   navBarWidthOpen: w,
   navBarWidthClosed: x
 }) {
-  const [A, g] = B(me), [y, b] = B(Ce), [D, I] = B(me), [O, F] = B(Ce), P = n !== void 0, S = i !== void 0, {
+  const [A, g] = B(me), [y, S] = B(Ce), [D, I] = B(me), [O, F] = B(Ce), P = n !== void 0, b = i !== void 0, {
     titleText: v,
     content: H,
     flavour: W,
@@ -545,12 +545,12 @@ function Fo({
   ie(() => {
     M !== me && (g(M), I(M));
   }, [M]), ie(() => {
-    j !== Ce && (b(j), F(j));
+    j !== Ce && (S(j), F(j));
   }, [j]);
   const ue = p === void 0 ? A : p, pe = ce === void 0 ? y : ce, Ie = (z) => {
-    p === void 0 && (g(z), r && S && (z ? (b(!1), F(y)) : b(O))), f && f(z);
+    p === void 0 && (g(z), r && b && (z ? (S(!1), F(y)) : S(O))), f && f(z);
   }, Oe = (z) => {
-    ce === void 0 && (b(z), r && P && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
+    ce === void 0 && (S(z), r && P && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
   };
   return /* @__PURE__ */ h($, { children: [
     P && /* @__PURE__ */ o(
@@ -572,7 +572,7 @@ function Fo({
         children: H
       }
     ),
-    S && /* @__PURE__ */ o(
+    b && /* @__PURE__ */ o(
       He,
       {
         "data-testid": Ft,
@@ -603,7 +603,7 @@ function Fo({
           onOpen: () => Ie(!0),
           showOpenArrow: C === "both" || C === "open"
         }
-      } : {}), S && ye === "push" ? {
+      } : {}), b && ye === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
@@ -679,7 +679,7 @@ const ne = "Navbar", Q = {
       }
     }, e)
   );
-}, bt = (e) => {
+}, St = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -690,10 +690,10 @@ const ne = "Navbar", Q = {
 }, We = (e, t) => a({
   width: t,
   transition: ae(e, "width", "entering")
-}, bt(e)), ze = (e, t) => a({
+}, St(e)), ze = (e, t) => a({
   width: t,
   transition: ae(e, "width", "leaving")
-}, bt(e)), Fn = R(we, {
+}, St(e)), Fn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -815,8 +815,6 @@ function Mn({
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
-        scrollbarGutter: "stable",
-        // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
       children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
@@ -870,7 +868,7 @@ function Wn({
             children: /* @__PURE__ */ o(Jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(E, { className: Hn.titleText, variant: "h6", children: e }),
+        /* @__PURE__ */ o(E, { className: Hn.titleText, variant: "h1", children: e }),
         i
       ]
     }
@@ -893,7 +891,7 @@ function Po({
     [K, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const x = _e(K), [A] = V(xt), [g] = V(vt), y = _e(ve), [b] = V(wt), [D] = V(On), [I] = V(At);
+  const x = _e(K), [A] = V(xt), [g] = V(vt), y = _e(ve), [S] = V(wt), [D] = V(On), [I] = V(At);
   return /* @__PURE__ */ h($, { children: [
     /* @__PURE__ */ o(Wt, {}),
     /* @__PURE__ */ o(
@@ -901,7 +899,7 @@ function Po({
       {
         titleText: y,
         "data-testid": s,
-        height: b,
+        height: S,
         middle: D
       }
     ),
@@ -917,7 +915,7 @@ function Po({
           domainCode: w,
           widthOpen: A,
           widthClosed: g,
-          offsetTop: b,
+          offsetTop: S,
           "data-testid": c
         }
       ),
@@ -925,7 +923,7 @@ function Po({
         Mn,
         k(a({
           "data-testid": r,
-          topBarHeight: b
+          topBarHeight: S
         }, i), {
           children: e
         })
@@ -933,7 +931,7 @@ function Po({
     ] })
   ] });
 }
-const St = ({
+const bt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -952,7 +950,7 @@ const St = ({
     je,
     {
       open: e,
-      onClose: (b, D) => N(void 0, null, function* () {
+      onClose: (S, D) => N(void 0, null, function* () {
         u && (D === "backdropClick" || D === "escapeKeyDown") || x || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
@@ -978,8 +976,8 @@ const St = ({
             re,
             {
               onClick: () => N(void 0, null, function* () {
-                var b;
-                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
+                var S;
+                A(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), A(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || x,
@@ -1020,12 +1018,12 @@ function No({
   noOptionsText: A = "No options",
   popupIcon: g = /* @__PURE__ */ o(jt, {}),
   error: y = !1,
-  helperText: b = "",
+  helperText: S = "",
   preLoadedOptions: D = void 0,
   disablePortal: I = !1,
   disableIconFlip: O = !1
 }) {
-  const [F, P] = B(""), S = (p, f) => {
+  const [F, P] = B(""), b = (p, f) => {
     const m = s.filter((C) => C.id !== f);
     n(m, "delete", p);
   }, { data: v, isLoading: H } = kt({
@@ -1037,7 +1035,7 @@ function No({
   }), W = F.length >= i;
   return /* @__PURE__ */ h("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
-      be,
+      Se,
       {
         sx: a(a({}, d), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
@@ -1057,13 +1055,13 @@ function No({
         loadingText: x,
         popupIcon: g,
         renderInput: (p) => /* @__PURE__ */ o(
-          Se,
+          be,
           k(a({}, p), {
             label: r,
             fullWidth: !0,
             variant: w,
             error: y,
-            helperText: b,
+            helperText: S,
             InputProps: k(a({}, p.InputProps), {
               endAdornment: /* @__PURE__ */ h(L, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
@@ -1141,7 +1139,7 @@ function No({
           }
         ),
         "data-testid": c ? `${c}:Chip(${p.id.toString()})` : void 0,
-        onDelete: (f) => S(f, p.id),
+        onDelete: (f) => b(f, p.id),
         deleteIcon: /* @__PURE__ */ o(
           Zt,
           {
@@ -1170,7 +1168,7 @@ const Lo = ({
   helperText: A = "",
   disabled: g,
   popupIcon: y,
-  disableIconFlip: b
+  disableIconFlip: S
 }) => {
   const [D, I] = B(""), { data: O, isLoading: F } = kt({
     inputValue: D,
@@ -1180,39 +1178,39 @@ const Lo = ({
     preLoadedOptions: x
   }), P = D.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Gt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    be,
+    Se,
     {
-      sx: a(a({}, r), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), S ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": d ? `${d}:Autocomplete` : void 0,
       loading: P ? F : !1,
       options: O != null ? O : [],
-      onChange: (S, v) => {
-        t(S, v);
+      onChange: (b, v) => {
+        t(b, v);
       },
       disablePortal: w,
-      filterOptions: (S) => S,
+      filterOptions: (b) => b,
       value: i,
       noOptionsText: P ? l : "Start typing to search",
-      getOptionLabel: (S) => S.label,
+      getOptionLabel: (b) => b.label,
       popupIcon: y,
-      renderInput: (S) => /* @__PURE__ */ o(
-        Se,
+      renderInput: (b) => /* @__PURE__ */ o(
+        be,
         k(a({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, S), {
+        }, b), {
           variant: c,
           label: n,
           color: s,
           helperText: A
         })
       ),
-      isOptionEqualToValue: (S, v) => S.id === v.id,
-      onInputChange: (S, v) => {
+      isOptionEqualToValue: (b, v) => b.id === v.id,
+      onInputChange: (b, v) => {
         I(v);
       },
-      renderOption: (S, v) => /* @__PURE__ */ xe(
+      renderOption: (b, v) => /* @__PURE__ */ xe(
         "li",
-        k(a({}, S), {
+        k(a({}, b), {
           key: v.id,
           "data-testid": d ? `${d}:Autocomplete:option(${v.id.toString()})` : void 0
         }),
@@ -1252,7 +1250,7 @@ const Lo = ({
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    St,
+    bt,
     {
       isOpen: e,
       primaryButton: {
@@ -1360,14 +1358,14 @@ function eo(s) {
       key: Kn()
     }), m);
     return u.current.push(C), u.current.length === 1 && l({ open: !0 }), C.key;
-  }, []), y = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), b = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), D = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), O = (m) => {
+  }, []), y = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), S = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), D = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), O = (m) => {
     const C = u.current.findIndex((M) => M.key === m);
     if (C !== -1)
       return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
   }, F = (m, C) => {
     n(m, C) && l({ open: !1 });
   }, P = () => {
-  }, S = () => {
+  }, b = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
   }, v = (f = u.current[0]) != null ? f : a({}, Ge), H = {};
   "autoHideDuration" in v && (H.autoHideDuration = v.autoHideDuration);
@@ -1376,7 +1374,7 @@ function eo(s) {
     setOpen: A,
     enqueueNotification: g,
     enqueueSuccessNotification: y,
-    enqueueInfoNotification: b,
+    enqueueInfoNotification: S,
     enqueueWarningNotification: D,
     enqueueErrorNotification: I,
     removeNotification: O
@@ -1389,7 +1387,7 @@ function eo(s) {
         open: d,
         onClose: F,
         TransitionProps: {
-          onExited: S,
+          onExited: b,
           onExit: P
         },
         sx: { zIndex: Yn },
@@ -1456,12 +1454,12 @@ const Xe = _(
 }) => {
   const [c, d] = V($t), [l, u] = B(c), { enqueueSuccessNotification: w } = to(), x = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || x || A, y = () => N(void 0, null, function* () {
     l ? (d(l), w(`Set domain to ${l}`), n()) : d("");
-  }), b = () => N(void 0, null, function* () {
+  }), S = () => N(void 0, null, function* () {
     c && !x && !A ? (u(c), n()) : g && s();
   });
   let D;
   return x ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ h(
-    St,
+    bt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1473,7 +1471,7 @@ const Xe = _(
       },
       secondaryButton: {
         text: g ? "Logout" : "Cancel",
-        onClick: b
+        onClick: S
       },
       onClose: g ? () => {
       } : n,
@@ -1484,7 +1482,7 @@ const Xe = _(
           "."
         ] }),
         /* @__PURE__ */ o(
-          be,
+          Se,
           {
             loading: e,
             multiple: !1,
@@ -1494,7 +1492,7 @@ const Xe = _(
             getOptionLabel: io,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
-              Se,
+              be,
               k(a({}, I), {
                 variant: "filled",
                 label: "Select organisation",
@@ -1639,6 +1637,12 @@ const Xe = _(
     }
   },
   typography: {
+    h1: {
+      fontSize: "1.5rem",
+      fontWeight: 400,
+      lineHeight: "1.334",
+      letterSpacing: "0em"
+    },
     // I couldn't think of what to call this. It is an attempt to match
     // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
     // but not sure if line height should be changed
@@ -1683,7 +1687,7 @@ const Xe = _(
   return /* @__PURE__ */ o(an, { client: t, children: e });
 });
 export {
-  St as AgDialog,
+  bt as AgDialog,
   Po as AppLayout,
   Ho as AtomProvider,
   Mo as AuthGuard,