@mx-cartographer/experiences 5.2.9-alpha.al0 → 5.2.9-alpha.al2

package/dist/common/components/accountfilter/AccountFilter.d.ts

@@ -14,6 +14,7 @@ export interface AccountFilterProps {
     selectedAccountGuids: string[];
     showAccountNumbers: boolean;
     sx?: SxProps;
+    title?: string;
     variant?: 'outlined' | 'text';
 }
 declare const AccountFilter: FC<AccountFilterProps>;

package/dist/index.es.js

@@ -1325,28 +1325,29 @@ const nc = (A, t) => {
   selectedAccountGuids: r,
   showAccountNumbers: o,
   sx: I = {},
-  variant: a = "outlined"
+  title: a = t.title,
+  variant: c = "outlined"
 }) => {
-  const { isMobile: c } = CA(), [f, E] = h.useState(null), [d, l] = h.useState(
+  const { isMobile: f } = CA(), [E, d] = h.useState(null), [l, v] = h.useState(
     $i(A, r)
   );
   h.useEffect(() => {
-    l($i(A, r));
+    v($i(A, r));
   }, [A, r]);
-  const v = (b) => {
-    E(b.currentTarget);
-  }, u = () => {
-    E(null);
+  const u = (P) => {
+    d(P.currentTarget);
+  }, b = () => {
+    d(null);
   };
   return /* @__PURE__ */ s(O, { className: "mx-cmn-account-filter", m: 4, sx: { ...I }, children: [
-    c ? /* @__PURE__ */ e(Qt, { id: "filter-accounts", placement: "bottom", title: t.title, children: /* @__PURE__ */ e(
+    f ? /* @__PURE__ */ e(Qt, { id: "filter-accounts", placement: "bottom", title: t.title, children: /* @__PURE__ */ e(
       YA,
       {
         "aria-controls": "filter_accounts",
         "aria-describedby": "filter-accounts",
         "aria-haspopup": !0,
         "aria-label": t.title,
-        onClick: v,
+        onClick: u,
         children: /* @__PURE__ */ e(Q, { name: "filter_alt" })
       }
     ) }) : /* @__PURE__ */ e(
@@ -1355,37 +1356,37 @@ const nc = (A, t) => {
         "aria-controls": "filter_accounts",
         "aria-haspopup": !0,
         "aria-label": t.title,
-        onClick: v,
+        onClick: u,
         startIcon: /* @__PURE__ */ e(Q, { name: "filter_alt" }),
-        variant: a,
-        children: t.title
+        variant: c,
+        children: a
       }
     ),
     /* @__PURE__ */ e(
       Ko,
       {
-        accountFilterButtonEl: f,
+        accountFilterButtonEl: E,
         accounts: A,
         copy: t.accountFilterOptionsCopy,
-        handleClose: u,
-        onAccountClick: (b) => {
-          l({ ...d, [b.guid]: !d[b.guid] });
+        handleClose: b,
+        onAccountClick: (P) => {
+          v({ ...l, [P.guid]: !l[P.guid] });
         },
-        onAccountGroupClick: (b, P, w) => {
-          const y = { ...d };
-          P[b].forEach((x) => {
-            y[x.guid] = !w;
-          }), l(y);
+        onAccountGroupClick: (P, w, y) => {
+          const x = { ...l };
+          w[P].forEach((p) => {
+            x[p.guid] = !y;
+          }), v(x);
         },
         onCancelClick: () => {
-          l($i(A, r)), u();
+          v($i(A, r)), b();
         },
         onConnectAccountClick: n,
         onFilterClick: () => {
-          i(Object.keys(d).filter((b) => d[b])), u();
+          i(Object.keys(l).filter((P) => l[P])), b();
         },
-        selectedOptions: d,
-        setSelectedOptions: l,
+        selectedOptions: l,
+        setSelectedOptions: v,
         showAccountNumbers: o
       }
     )
@@ -2779,7 +2780,7 @@ const Hc = ({
                     "aria-label": i.dateRangePreviousAria,
                     color: A.shouldDisablePrevious ? "secondary" : "primary",
                     onClick: () => A.shouldDisablePrevious ? null : q("previous"),
-                    children: /* @__PURE__ */ e(Q, { name: "chevron_left", size: 20 })
+                    children: /* @__PURE__ */ e(Q, { name: "chevron_left", size: 28 })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -2790,7 +2791,7 @@ const Hc = ({
                     onClick: () => A.shouldDisablePicker ? null : w(!0),
                     startIcon: /* @__PURE__ */ e(Q, { name: "calendar_month", size: 20 }),
                     sx: {
-                      px: f ? 0 : 8
+                      p: f ? 0 : 8
                     },
                     children: y ? iA(E[0], AA.MONTH_YEAR) : /* @__PURE__ */ s("span", { children: [
                       iA(E[0], AA.MONTH_DAY_YEAR),
@@ -2807,7 +2808,7 @@ const Hc = ({
                     "aria-label": i.dateRangeNextAria,
                     color: A.shouldDisableNext ? "secondary" : "primary",
                     onClick: () => A.shouldDisableNext ? null : q("next"),
-                    children: /* @__PURE__ */ e(Q, { name: "chevron_right", size: 20 })
+                    children: /* @__PURE__ */ e(Q, { name: "chevron_right", size: 28 })
                   }
                 )
               ]
@@ -3177,8 +3178,8 @@ const wt = ({
         /* @__PURE__ */ e(
           rt,
           {
-            action: /* @__PURE__ */ s(H, { sx: { alignItems: "center", flexDirection: "row", flexGrow: 1 }, children: [
-              /* @__PURE__ */ e(H, { children: w && i && /* @__PURE__ */ e(
+            action: /* @__PURE__ */ s(H, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+              /* @__PURE__ */ e(H, { sx: { flexGrow: 1 }, children: w && i && /* @__PURE__ */ e(
                 Dr,
                 {
                   calendarActions: i,
@@ -3188,45 +3189,48 @@ const wt = ({
                   variant: o
                 }
               ) }),
-              A && /* @__PURE__ */ e(
-                Zo,
-                {
-                  accounts: A,
-                  copy: T,
-                  onFilterClick: (fA) => {
-                    const oA = A.filter((dA) => fA.includes(dA.guid)).map((dA) => dA.guid);
-                    m(oA), f?.();
-                  },
-                  selectedAccountGuids: j,
-                  showAccountNumbers: !1,
-                  variant: "text"
-                }
-              ),
-              t?.map((fA) => {
-                if (h.isValidElement(fA)) return fA;
-                const { iconName: oA, onClick: dA, label: sA } = fA;
-                return w || x ? /* @__PURE__ */ e(
-                  tA,
+              /* @__PURE__ */ s(H, { sx: { flexDirection: "row" }, children: [
+                A && /* @__PURE__ */ e(
+                  Zo,
                   {
-                    onClick: dA,
-                    startIcon: /* @__PURE__ */ e(Q, { name: oA }),
-                    sx: { my: 4 },
-                    children: sA
-                  },
-                  oA
-                ) : /* @__PURE__ */ e(YA, { "aria-label": sA, onClick: dA, children: /* @__PURE__ */ e(Q, { name: oA }) }, oA);
-              })
+                    accounts: A,
+                    copy: T,
+                    onFilterClick: (fA) => {
+                      const oA = A.filter((dA) => fA.includes(dA.guid)).map((dA) => dA.guid);
+                      m(oA), f?.();
+                    },
+                    selectedAccountGuids: j,
+                    showAccountNumbers: !1,
+                    title: t?.length > 1 ? D.filter_button : void 0,
+                    variant: "text"
+                  }
+                ),
+                t?.map((fA) => {
+                  if (h.isValidElement(fA)) return fA;
+                  const { iconName: oA, onClick: dA, label: sA } = fA;
+                  return w || x ? /* @__PURE__ */ e(
+                    tA,
+                    {
+                      onClick: dA,
+                      startIcon: /* @__PURE__ */ e(Q, { name: oA }),
+                      sx: { my: 4 },
+                      children: sA
+                    },
+                    oA
+                  ) : /* @__PURE__ */ e(YA, { "aria-label": sA, onClick: dA, children: /* @__PURE__ */ e(Q, { name: oA }) }, oA);
+                })
+              ] })
             ] }),
             sx: {
-              border: "1px solid red"
-              // '& .MuiCardHeader-action': {
-              //   ...(calendarActions && isDesktop && { flexGrow: 1 }),
-              //   ...((isMobile || isTablet) && {
-              //     alignSelf: 'center',
-              //   }),
-              // },
-              // p: isDesktop ? 48 : 24,
-              // pb: 0,
+              border: "1px solid red",
+              "& .MuiCardHeader-action": {
+                ...i && w && { flexGrow: 1 },
+                ...(y || x) && {
+                  alignSelf: "center"
+                }
+              },
+              p: w ? 48 : 24,
+              pb: 0
             },
             title: w || x ? /* @__PURE__ */ e(it, { children: l }) : /* @__PURE__ */ s(H, { alignItems: "center", flexDirection: "row", children: [
               y && c && /* @__PURE__ */ e(