@australiangreens/ag-internal-components 0.0.85 → 0.0.87

package/dist/esm/index.js

@@ -38,7 +38,7 @@ var P = (e, t, n) => new Promise((i, r) => {
 });
 import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
 import { useState as E, createContext as Qe, useCallback as ne, useContext as Ye, createElement as Ce, useEffect as oe, useRef as he } from "react";
-import { Typography as F, Button as ie, Paper as Ke, Box as I, Drawer as ve, Dialog as Je, LinearProgress as Ze, DialogTitle as je, DialogContent as et, DialogActions as tt, Autocomplete as we, TextField as Ae, CircularProgress as be, Chip as _t, Tooltip as Mt, Stack as Rt, styled as Se, IconButton as Q, Container as nt, useTheme as ae, useMediaQuery as Ht, Collapse as Wt, Avatar as Fe, Fade as zt, Skeleton as Pe, Toolbar as Ut, Divider as Ne, CssBaseline as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
+import { Typography as F, Button as ie, Paper as Ke, Box as $, Drawer as ve, Dialog as Je, LinearProgress as Ze, DialogTitle as je, DialogContent as et, DialogActions as tt, Autocomplete as we, TextField as Ae, CircularProgress as be, Chip as _t, Tooltip as Mt, Stack as Rt, styled as Se, IconButton as Q, Container as nt, useTheme as ae, useMediaQuery as Ht, Collapse as Wt, Avatar as Fe, Fade as zt, Skeleton as Pe, Toolbar as Ut, Divider as Ne, CssBaseline 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 ot, alpha as ge } from "@mui/material/styles";
 import { AgError as Yt } from "@australiangreens/ag-error";
@@ -85,7 +85,7 @@ const ut = 330, pt = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, ln = R(I, {
+}, ln = R($, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -343,7 +343,7 @@ function Oo({
   error: k = !1,
   helperText: b = "",
   preLoadedOptions: D = void 0,
-  disablePortal: $ = !1
+  disablePortal: I = !1
 }) {
   const [x, y] = E(""), H = (h, f) => {
     const B = a.filter((m) => m.id !== f);
@@ -361,7 +361,7 @@ function Oo({
       {
         sx: d,
         "data-testid": c ? `${c}:Autocomplete` : void 0,
-        disablePortal: $,
+        disablePortal: I,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
         loading: W ? T : !1,
@@ -434,7 +434,7 @@ function Oo({
         }
       }
     ),
-    a.length > 0 && /* @__PURE__ */ o(I, { sx: l, children: a.map((h) => /* @__PURE__ */ o(
+    a.length > 0 && /* @__PURE__ */ o($, { sx: l, children: a.map((h) => /* @__PURE__ */ o(
       _t,
       {
         sx: {
@@ -495,13 +495,13 @@ const Eo = ({
     lookup: e,
     minLength: u != null ? u : 0,
     preLoadedOptions: C
-  }), $ = g.length >= u;
+  }), I = g.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Rt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     we,
     {
       sx: r,
       "data-testid": d ? `${d}:Autocomplete` : void 0,
-      loading: $ ? D : !1,
+      loading: I ? D : !1,
       options: b != null ? b : [],
       onChange: (x, y) => {
         t(x, y);
@@ -509,7 +509,7 @@ const Eo = ({
       disablePortal: w,
       filterOptions: (x) => x,
       value: i,
-      noOptionsText: $ ? l : "Start typing to search",
+      noOptionsText: I ? l : "Start typing to search",
       getOptionLabel: (x) => x.label,
       renderInput: (x) => /* @__PURE__ */ o(
         Ae,
@@ -698,7 +698,7 @@ function Dn({
 }) {
   return /* @__PURE__ */ p(kn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: O.topStripe }),
-    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p(I, { className: O.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p($, { className: O.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
         Q,
         {
@@ -763,7 +763,7 @@ const Ct = 400, yn = Se(ve, {
       marginLeft: `${r}px`
     }))
   })
-), $n = Se(I, {
+), $n = Se($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => S(s({
   display: "flex",
@@ -836,7 +836,7 @@ function Re({
     }
   );
 }
-const In = R(I, {
+const In = R($, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -893,7 +893,7 @@ function Po({
   navBarWidthOpen: w,
   navBarWidthClosed: C
 }) {
-  const [A, g] = E(fe), [k, b] = E(me), [D, $] = E(fe), [x, y] = E(me), H = n !== void 0, N = i !== void 0, {
+  const [A, g] = E(fe), [k, b] = E(me), [D, I] = E(fe), [x, y] = E(me), H = n !== void 0, N = i !== void 0, {
     titleText: T,
     content: W,
     flavour: h,
@@ -919,16 +919,16 @@ function Po({
     dataTestId: Ft
   } = i ? s(s({}, ee), i) : s({}, ee);
   oe(() => {
-    L !== fe && (g(L), $(L));
+    L !== fe && (g(L), I(L));
   }, [L]), oe(() => {
     Z !== me && (b(Z), y(Z));
   }, [Z]);
   const de = f === void 0 ? A : f, ue = le === void 0 ? k : le, $e = (z) => {
     f === void 0 && (g(z), r && N && (z ? (b(!1), y(k)) : b(x))), B && B(z);
   }, Ie = (z) => {
-    le === void 0 && (b(z), r && H && (z ? (g(!1), $(A)) : g(D))), ye && ye(z);
+    le === void 0 && (b(z), r && H && (z ? (g(!1), I(A)) : g(D))), ye && ye(z);
   };
-  return /* @__PURE__ */ p(I, { children: [
+  return /* @__PURE__ */ p($, { children: [
     H && /* @__PURE__ */ o(
       Re,
       {
@@ -1021,7 +1021,7 @@ const te = "Navbar", X = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Nn = R(I, { name: "NavBar" })(({ theme: e }) => ({
+}, Nn = R($, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${X.root}`]: {
     display: "flex"
   },
@@ -1096,7 +1096,7 @@ const ze = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], R
 function Hn({ user: e, domainCode: t, open: n }) {
   const i = ae();
   return /* @__PURE__ */ p(
-    I,
+    $,
     {
       sx: {
         paddingTop: 3,
@@ -1107,7 +1107,7 @@ function Hn({ user: e, domainCode: t, open: n }) {
       },
       children: [
         /* @__PURE__ */ o(
-          I,
+          $,
           {
             sx: {
               width: n ? "5rem" : "2rem",
@@ -1128,7 +1128,7 @@ function Hn({ user: e, domainCode: t, open: n }) {
             ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Ln, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ p(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+        /* @__PURE__ */ o(Ln, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
           e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
           t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
         ] }) }) })
@@ -1165,12 +1165,12 @@ function Wn({
       isSmallScreen: u,
       children: [
         !u && /* @__PURE__ */ o(Ut, {}),
-        r && /* @__PURE__ */ p(I, { flexGrow: "0", children: [
+        r && /* @__PURE__ */ p($, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Pn, { links: a }) : a }),
-        /* @__PURE__ */ p(I, { flexGrow: "0", children: [
+        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Pn, { links: a }) : a }),
+        /* @__PURE__ */ p($, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(Hn, { user: d, domainCode: l, open: e }),
           c && /* @__PURE__ */ o(_, { children: c })
@@ -1182,10 +1182,11 @@ function Wn({
 function zn({
   children: e,
   topBarHeight: t,
-  maxWidth: n = !1
+  maxWidth: n = !1,
+  noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    I,
+    $,
     {
       sx: {
         overflow: "auto",
@@ -1194,7 +1195,7 @@ function zn({
         // scrollbarGutter: 'stable both-edges',
         flexGrow: 1
       },
-      children: /* @__PURE__ */ o(
+      children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
         nt,
         {
           component: "main",
@@ -1268,8 +1269,8 @@ function No({
     [Y, n != null ? n : !0],
     [xe, t != null ? t : ""]
   ]);
-  const C = Le(Y), [A] = V(vt), [g] = V(wt), k = Le(xe), [b] = V(At), [D] = V(Fn), [$] = V(bt);
-  return /* @__PURE__ */ p(I, { children: [
+  const C = Le(Y), [A] = V(vt), [g] = V(wt), k = Le(xe), [b] = V(At), [D] = V(Fn), [I] = V(bt);
+  return /* @__PURE__ */ p($, { children: [
     /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
       Vn,
@@ -1280,12 +1281,12 @@ function No({
         middle: D
       }
     ),
-    /* @__PURE__ */ p(I, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ p($, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Wn,
         {
           open: C,
-          top: $,
+          top: I,
           middle: d,
           bottom: l,
           user: u,
@@ -1352,7 +1353,7 @@ function jn(a) {
       key: Yn()
     }), m);
     return u.current.push(v), u.current.length === 1 && l({ open: !0 }), v.key;
-  }, []), k = (m = "", v = {}) => g(s({ message: m, severity: "success" }, v)), b = (m = "", v = {}) => g(s({ message: m, severity: "info" }, v)), D = (m = "", v = {}) => g(s({ message: m, severity: "warning" }, v)), $ = (m = "", v = {}) => g(s({ message: m, severity: "error" }, v)), x = (m) => {
+  }, []), k = (m = "", v = {}) => g(s({ message: m, severity: "success" }, v)), b = (m = "", v = {}) => g(s({ message: m, severity: "info" }, v)), D = (m = "", v = {}) => g(s({ message: m, severity: "warning" }, v)), I = (m = "", v = {}) => g(s({ message: m, severity: "error" }, v)), x = (m) => {
     const v = u.current.findIndex((L) => L.key === m);
     if (v !== -1)
       return v === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(v, 1);
@@ -1370,7 +1371,7 @@ function jn(a) {
     enqueueSuccessNotification: k,
     enqueueInfoNotification: b,
     enqueueWarningNotification: D,
-    enqueueErrorNotification: $,
+    enqueueErrorNotification: I,
     removeNotification: x
   }, e), t);
   return /* @__PURE__ */ p(kt.Provider, { value: f, children: [
@@ -1482,18 +1483,18 @@ const qe = M(
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: ($, x) => u(x != null ? x : ""),
+            onChange: (I, x) => u(x != null ? x : ""),
             getOptionLabel: oo,
             options: [...i],
-            renderInput: ($) => /* @__PURE__ */ o(
+            renderInput: (I) => /* @__PURE__ */ o(
               Ae,
-              S(s({}, $), {
+              S(s({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(s({}, $.InputProps), {
+                InputProps: S(s({}, I.InputProps), {
                   endAdornment: /* @__PURE__ */ p(_, { children: [
                     e ? /* @__PURE__ */ o(be, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    $.InputProps.endAdornment
+                    I.InputProps.endAdornment
                   ] })
                 })
               })