@mx-cartographer/experiences 7.11.17 → 7.11.19

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.11.19] - 03-11-2026
+
+- **ADDED** - A11y adjustments to chart markers, legends, tooltips
+
+## [7.11.18] - 03-10-2026
+
+- **FIXED** - Filter ADA bug.
+
 ## [7.11.17] - 03-10-2026
 
 - **FIXED** - Chart layout and spacing issues

package/dist/GlobalAccountFilter-CbwySv6c.mjs

@@ -0,0 +1,237 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import B from "react";
+import { observer as I } from "mobx-react-lite";
+import j from "@mui/material/Box";
+import C from "@mui/material/Button";
+import P from "@mui/material/Divider";
+import w from "@mui/material/IconButton";
+import O from "@mui/material/Popover";
+import S from "@mui/material/Stack";
+import D from "@mui/material/Tooltip";
+import { FilterAlt as A } from "@mxenabled/mx-icons";
+import F from "@mui/material/Checkbox";
+import G from "@mui/material/List";
+import y from "@mui/material/ListItem";
+import _ from "@mui/material/ListItemButton";
+import E from "@mui/material/ListItemIcon";
+import v from "@mui/material/ListItemText";
+import { b as z, u as M, d as L } from "./hooks-zu7yblbi.mjs";
+import { u as H } from "./useScreenSize-B6JyS_Lj.mjs";
+const N = I(
+  ({ allowedAccountTypes: a }) => {
+    const { accountFilterMap: s, updateAccountFilterMap: u } = z(), { accounts: g, common: x } = M(), { account_filter: c } = x, { accountsByTypeMap: n } = L(), k = B.useMemo(
+      () => Array.from(n.keys()).reduce((t, i) => {
+        if (!a || a && a.includes(i)) {
+          const o = n.get(i);
+          o && t.push(...o);
+        }
+        return t;
+      }, []),
+      [n, a]
+    ), p = new Map(
+      Array.from(s.entries()).filter(([t]) => k.some((i) => i.guid === t))
+    ), m = Array.from(p.values()).every((t) => t), h = Array.from(p.values()).some((t) => t), f = () => {
+      for (const t of p.keys())
+        u(t, !m);
+    }, b = (t) => {
+      const i = n.get(t);
+      if (!i) return;
+      const o = i.some((r) => s.get(r.guid));
+      for (const r of i)
+        u(r.guid, !o);
+    };
+    return /* @__PURE__ */ d(
+      G,
+      {
+        dense: !0,
+        id: "filter_accounts",
+        sx: { overflowY: "scroll", maxHeight: 350, minWidth: 280 },
+        children: [
+          /* @__PURE__ */ e(
+            y,
+            {
+              "aria-label": c.select_all_accounts,
+              disableGutters: !0,
+              disablePadding: !0,
+              role: "menuitem",
+              sx: { py: 16 },
+              children: /* @__PURE__ */ d(_, { disableGutters: !0, onClick: f, sx: { p: 0, px: 8 }, children: [
+                /* @__PURE__ */ e(
+                  F,
+                  {
+                    "aria-checked": m,
+                    checked: m,
+                    disableRipple: !0,
+                    indeterminate: !m && h,
+                    inputProps: { "aria-labelledby": "label-select-all" },
+                    size: "small",
+                    tabIndex: -1
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  v,
+                  {
+                    id: "label-select-all",
+                    primary: c.select_all_accounts,
+                    primaryTypographyProps: { variant: "body1" }
+                  }
+                )
+              ] })
+            }
+          ),
+          Array.from(n.keys()).map((t) => {
+            const i = n.get(t), o = a ? !a.includes(t) : !1, r = g.account_type_accounts[t];
+            return (
+              // Account Type Header
+              /* @__PURE__ */ e(
+                y,
+                {
+                  "aria-label": r,
+                  disableGutters: !0,
+                  disablePadding: !0,
+                  children: /* @__PURE__ */ d(S, { sx: { pb: 8, width: "100%" }, children: [
+                    /* @__PURE__ */ e(P, {}),
+                    /* @__PURE__ */ e(
+                      G,
+                      {
+                        dense: !0,
+                        role: "menu",
+                        subheader: /* @__PURE__ */ e(y, { "aria-label": r, role: "menu", children: /* @__PURE__ */ e(
+                          _,
+                          {
+                            disableGutters: !0,
+                            disabled: o,
+                            onClick: () => b(t),
+                            sx: { pl: 16, minHeight: 40, justifyContent: "left" },
+                            children: /* @__PURE__ */ e(
+                              v,
+                              {
+                                primary: r,
+                                primaryTypographyProps: { variant: "body1", fontWeight: "bold" }
+                              }
+                            )
+                          }
+                        ) }),
+                        children: i?.map((l) => (
+                          // Account Checkbox
+                          /* @__PURE__ */ e(y, { "aria-label": l.displayName, role: "menuitem", children: /* @__PURE__ */ d(
+                            _,
+                            {
+                              disableGutters: !0,
+                              disabled: o,
+                              onClick: () => u(l.guid, !s.get(l.guid)),
+                              sx: { p: 0, minHeight: 40 },
+                              children: [
+                                /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+                                  F,
+                                  {
+                                    "aria-checked": s.get(l.guid),
+                                    checked: s.get(l.guid),
+                                    disableRipple: !0,
+                                    inputProps: { "aria-labelledby": `label-${l.guid}` },
+                                    size: "small",
+                                    tabIndex: -1
+                                  }
+                                ) }),
+                                /* @__PURE__ */ e(
+                                  v,
+                                  {
+                                    id: `label-${l.guid}`,
+                                    primary: l.displayName,
+                                    primaryTypographyProps: { variant: "body1" }
+                                  }
+                                )
+                              ]
+                            }
+                          ) }, l.guid)
+                        ))
+                      }
+                    )
+                  ] })
+                },
+                t
+              )
+            );
+          })
+        ]
+      }
+    );
+  }
+), ne = I(
+  ({
+    allowedAccountTypes: a,
+    onAccountFilterClick: s,
+    sx: u = {},
+    variant: g = "text"
+  }) => {
+    const { isDesktop: x } = H(), { common: c } = M(), { accountFilterMap: n, resetAccountFilterMap: k } = z(), { detailedAccounts: p, updateAccountFilter: m } = L(), [h, f] = B.useState(null), b = (W) => {
+      k(), f(W.currentTarget), s?.();
+    }, t = () => {
+      f(null);
+    }, i = async () => {
+      await m(n), f(null);
+    }, o = c.account_filter, r = !!h, l = p.length === 0;
+    return /* @__PURE__ */ d(j, { m: 4, sx: { ...u }, children: [
+      x ? /* @__PURE__ */ e(
+        C,
+        {
+          "aria-controls": r ? "filter_accounts" : void 0,
+          "aria-expanded": r,
+          "aria-haspopup": !0,
+          "aria-label": o.title,
+          disabled: l,
+          onClick: b,
+          startIcon: /* @__PURE__ */ e(A, { size: 24 }),
+          sx: { p: 8, whiteSpace: "nowrap", minWidth: "max-content" },
+          variant: g,
+          children: c.filter_button
+        }
+      ) : /* @__PURE__ */ e(D, { id: "filter-accounts", placement: "bottom", title: o.title, children: /* @__PURE__ */ e(
+        w,
+        {
+          "aria-controls": r ? "filter_accounts" : void 0,
+          "aria-describedby": "filter-accounts",
+          "aria-expanded": r,
+          "aria-haspopup": !0,
+          "aria-label": o.title,
+          color: "primary",
+          disabled: l,
+          onClick: b,
+          sx: { p: 8 },
+          children: /* @__PURE__ */ e(A, { size: 24 })
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          anchorEl: h,
+          anchorOrigin: { vertical: "bottom", horizontal: "left" },
+          onClose: t,
+          open: r,
+          transformOrigin: { vertical: "top", horizontal: "left" },
+          children: /* @__PURE__ */ d(S, { children: [
+            /* @__PURE__ */ e(N, { allowedAccountTypes: a }),
+            /* @__PURE__ */ e(P, {}),
+            /* @__PURE__ */ d(S, { direction: "row", justifyContent: "space-between", spacing: 16, sx: { p: 16 }, children: [
+              /* @__PURE__ */ e(C, { fullWidth: !0, onClick: t, variant: "text", children: c.cancel_button }),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  "aria-label": o.filter_button_aria,
+                  color: "primary",
+                  fullWidth: !0,
+                  onClick: i,
+                  variant: "contained",
+                  children: c.filter_button
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    ] });
+  }
+);
+export {
+  ne as G
+};