@australiangreens/ag-internal-components 0.1.7 → 0.1.9

package/dist/components/SingleAutocomplete/index.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/material';
+import { AutocompleteChangeReason, SxProps, Theme } from '@mui/material';
 import { ReactNode, SyntheticEvent } from 'react';
 import { AutocompleteGenericEntity } from '../types';
 type Props<EntityType extends AutocompleteGenericEntity> = {
@@ -8,7 +8,7 @@ type Props<EntityType extends AutocompleteGenericEntity> = {
      * to the underlying Autocomplete, but it is triggered by the Autocomplete's
      * own onChange.
      */
-    onChange: (event: SyntheticEvent<Element, Event>, newValue: EntityType | null) => unknown;
+    onChange: (event: SyntheticEvent<Element, Event>, newValue: EntityType | null, reason: AutocompleteChangeReason) => unknown;
     value: EntityType | null;
     /**
      * A minimum length of characters in the Autocomplete before the lookup is called. If not set,

package/dist/components/SingleAutocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SingleAutocomplete/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,OAAO,EAAa,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,KAAK,CAAC,UAAU,SAAS,yBAAyB,IAAI;IACzD;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC;IAC1F,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,qFAAqF;IACrF,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAElF,gBAAgB,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAE5C;6EACyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACpF,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,kBAAkB,qSAoFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SingleAutocomplete/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,wBAAwB,EAExB,OAAO,EAEP,KAAK,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAErD,KAAK,KAAK,CAAC,UAAU,SAAS,yBAAyB,IAAI;IACzD;;;;;OAKG;IACH,QAAQ,EAAE,CACR,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,QAAQ,EAAE,UAAU,GAAG,IAAI,EAC3B,MAAM,EAAE,wBAAwB,KAC7B,OAAO,CAAC;IACb,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,qFAAqF;IACrF,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAElF,gBAAgB,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAE5C;6EACyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACpF,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,kBAAkB,qSAoFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/index.js

@@ -40,13 +40,13 @@ import { jsxs as p, Fragment as F, jsx as o } from "react/jsx-runtime";
 import { useState as E, createContext as Je, useCallback as ae, useContext as Ze, useEffect as K, createElement as xe, useMemo as Rt, useRef as ge } from "react";
 import { Typography as O, Button as J, Paper as je, Box as I, Drawer as we, styled as Ae, IconButton as Z, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Pe, Fade as zt, Skeleton as Ne, Toolbar as Ut, Divider as Le, CssBaseline as Gt, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as Se, TextField as be, CircularProgress as De, Chip as Vt, Tooltip as qt, Stack as Xt, Snackbar as Qt, Alert as Yt, FormHelperText as Kt } from "@mui/material";
 import Jt from "@mui/material/CssBaseline";
-import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
+import { styled as H, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Zt } from "@australiangreens/ag-error";
 import { createHelper as Q } from "souvlaki";
 import { BrowserRouter as jt } from "react-router-dom";
 import st from "@mui/material/List";
 import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as en, Cancel as tn, ArrowDropDown as nn } from "@mui/icons-material";
-import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as on, Provider as ut } from "jotai";
+import { atom as M, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as on, Provider as ut } from "jotai";
 import { useHydrateAtoms as pt } from "jotai/utils";
 import Me from "react-avatar";
 import rn from "autosuggest-highlight/match";
@@ -87,7 +87,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, pn = R(I, {
+}, pn = H(I, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -120,7 +120,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   width: gt
 }, mt()), gn = () => a({
   width: ft
-}, mt()), fn = R(we, {
+}, mt()), fn = H(we, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
   width: t ? gt : ft,
@@ -160,7 +160,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   open: !0
 }, e), Bo = Q(
   (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
-), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(jt, { children: e })), Re = 7, Fo = R(st)(({ theme: e }) => ({
+), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(jt, { children: e })), Re = 7, Fo = H(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -198,7 +198,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, Po = R(st)(({ theme: e }) => ({
+})), He = 7, Po = H(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -461,7 +461,7 @@ function We({
     }
   );
 }
-const In = R(I, {
+const In = H(I, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -484,7 +484,7 @@ const In = R(I, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), $n = R(et, {
+}), $n = H(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -520,13 +520,13 @@ function Lo({
 }) {
   const [v, h] = E(me), [b, A] = E(Ce), [D, $] = E(me), [T, P] = E(Ce), N = n !== void 0, k = i !== void 0, {
     titleText: S,
-    content: H,
+    content: _,
     flavour: W,
     open: g,
     onChangeOpen: C,
     width: x,
     arrowButtons: w,
-    startOpen: M,
+    startOpen: R,
     onOpened: ee,
     onClosed: le,
     dataTestId: Ot
@@ -544,8 +544,8 @@ function Lo({
     dataTestId: Nt
   } = i ? a(a({}, ie), i) : a({}, ie);
   K(() => {
-    M !== me && (h(M), $(M));
-  }, [M]), K(() => {
+    R !== me && (h(R), $(R));
+  }, [R]), K(() => {
     ne !== Ce && (A(ne), P(ne));
   }, [ne]);
   const ue = g === void 0 ? v : g, pe = ce === void 0 ? b : ce, $e = (z) => {
@@ -570,7 +570,7 @@ function Lo({
         navBarOpen: u,
         navBarWidthOpen: f,
         navBarWidthClosed: m,
-        children: H
+        children: _
       }
     ),
     k && /* @__PURE__ */ o(
@@ -634,7 +634,7 @@ function Lo({
 const vt = () => {
   const e = se();
   return Ht(e.breakpoints.down("sm"));
-}, Tn = 64, On = 72, Bn = 256, j = _(!0), wt = _(Bn), At = _(On), ve = _(""), En = _(void 0), St = _(Tn), bt = _(void 0);
+}, Tn = 64, On = 72, Bn = 256, j = M(!0), wt = M(Bn), At = M(On), ve = M(""), En = M(void 0), St = M(Tn), bt = M(void 0);
 function Fn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
@@ -646,7 +646,7 @@ const re = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Pn = R(I, { name: "NavBar" })(({ theme: e }) => ({
+}, Pn = H(I, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -694,7 +694,7 @@ const re = "Navbar", Y = {
 }, Dt(e)), Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, Dt(e)), Ln = R(we, {
+}, Dt(e)), Ln = H(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -873,7 +873,7 @@ function Un({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: l ? 0 : c.zIndex.drawer + 1
+        zIndex: l ? 0 : c.zIndex.drawer + 101
       },
       children: [
         /* @__PURE__ */ o(
@@ -1046,7 +1046,7 @@ function Mo({
   const [P, N] = E(""), k = (g, C) => {
     const x = s.filter((w) => w.id !== C);
     n(x, "delete", g);
-  }, { data: S, isLoading: H } = yt({
+  }, { data: S, isLoading: _ } = yt({
     inputValue: P,
     label: r,
     lookup: e,
@@ -1062,7 +1062,7 @@ function Mo({
         disablePortal: $,
         multiple: !0,
         getOptionLabel: (g) => typeof g == "string" ? g : g.label,
-        loading: W ? H : !1,
+        loading: W ? _ : !1,
         options: [...s, ...S != null ? S : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
@@ -1084,7 +1084,7 @@ function Mo({
             helperText: A,
             InputProps: y(a({}, g.InputProps), {
               endAdornment: /* @__PURE__ */ p(F, { children: [
-                H ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
+                _ ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
                 g.InputProps.endAdornment
               ] })
             }),
@@ -1102,14 +1102,14 @@ function Mo({
             const w = rn(C.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = an(C.label, w);
+            }), R = an(C.label, w);
             return /* @__PURE__ */ xe(
               "li",
               y(a({}, g), {
                 key: C.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: M.map((ee, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: R.map((ee, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -1204,8 +1204,8 @@ const Ro = ({
       "data-testid": l ? `${l}:Autocomplete` : void 0,
       loading: N ? P : !1,
       options: T != null ? T : [],
-      onChange: (k, S) => {
-        t(k, S);
+      onChange: (k, S, _) => {
+        t(k, S, _);
       },
       disablePortal: f,
       filterOptions: (k) => k,
@@ -1424,7 +1424,7 @@ function no(s) {
     }), x);
     return u.current.push(w), u.current.length === 1 && d({ open: !0 }), w.key;
   }, []), b = (x = "", w = {}) => h(a({ message: x, severity: "success" }, w)), A = (x = "", w = {}) => h(a({ message: x, severity: "info" }, w)), D = (x = "", w = {}) => h(a({ message: x, severity: "warning" }, w)), $ = (x = "", w = {}) => h(a({ message: x, severity: "error" }, w)), T = (x) => {
-    const w = u.current.findIndex((M) => M.key === x);
+    const w = u.current.findIndex((R) => R.key === x);
     if (w !== -1)
       return w === 0 ? (d({ open: !1 }), u.current[0]) : u.current.splice(w, 1);
   }, P = (x, w) => {
@@ -1432,8 +1432,8 @@ function no(s) {
   }, N = () => {
   }, k = () => {
     u.current.shift(), u.current.length > 0 && d({ open: !0 });
-  }, S = (C = u.current[0]) != null ? C : a({}, qe), H = {};
-  "autoHideDuration" in S && (H.autoHideDuration = S.autoHideDuration);
+  }, S = (C = u.current[0]) != null ? C : a({}, qe), _ = {};
+  "autoHideDuration" in S && (_.autoHideDuration = S.autoHideDuration);
   const W = a(a({}, Yn), r), g = a(a({
     open: l,
     setOpen: v,
@@ -1448,7 +1448,7 @@ function no(s) {
     i,
     /* @__PURE__ */ o(
       Qt,
-      y(a(a({}, W), H), {
+      y(a(a({}, W), _), {
         open: l,
         onClose: P,
         TransitionProps: {
@@ -1487,9 +1487,9 @@ const zo = Q(
   store: t
 }) => /* @__PURE__ */ o(ut, { store: t != null ? t : io, children: e }), $t = "domainCode";
 var Ke;
-const Ye = _(
+const Ye = M(
   JSON.parse((Ke = localStorage.getItem($t)) != null ? Ke : '{"domainCode": ""}').domainCode
-), Tt = _(
+), Tt = M(
   (e) => e(Ye),
   (e, t, n) => {
     t(Ye, n), localStorage.setItem($t, JSON.stringify({ domainCode: n }));