@mx-cartographer/experiences 9.4.25 → 9.4.27

package/dist/common/components/globalaccountfilter/GlobalAccountFilterList.es.js

@@ -1,117 +1,132 @@
-import { useAccountStore as A, useGlobalCopyStore as G, useGlobalUiStore as L } from "../../context/hooks.es.js";
-import _ from "react";
-import { observer as F } from "mobx-react-lite";
-import M from "@mui/material/Stack";
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import P from "@mui/material/Divider";
-import h from "@mui/material/Checkbox";
-import p from "@mui/material/FormControlLabel";
-import g from "@mui/material/List";
-import m from "@mui/material/ListItem";
-import W from "@mui/material/ListItemButton";
-import j from "@mui/material/ListItemText";
-var J = F(({ allowedAccountTypes: i }) => {
-  const { accountFilterMap: c, updateAccountFilterMap: a } = L(), { accounts: b, common: y } = G(), { account_filter: v } = y, { accountsByTypeMap: s } = A(), x = _.useMemo(() => Array.from(s.keys()).reduce((t, o) => {
-    if (!i || i && i.includes(o)) {
-      const r = s.get(o);
-      r && t.push(...r);
-    }
-    return t;
-  }, []), [s, i]), d = new Map(Array.from(c.entries()).filter(([t]) => x.some((o) => o.guid === t))), u = Array.from(d.values()).every((t) => t), C = Array.from(d.values()).some((t) => t), k = () => {
-    for (const t of d.keys()) a(t, !u);
-  }, S = (t) => {
-    const o = s.get(t);
+import { buildDynamicCopy as L } from "../../../core/utils/Localization.es.js";
+import { useAccountStore as W, useGlobalCopyStore as B, useGlobalUiStore as H } from "../../context/hooks.es.js";
+import { buildSelectionFilter as S, getSelectionCounts as I } from "./selection.es.js";
+import { TriStateCheckbox as x } from "./TriStateCheckbox.es.js";
+import { observer as M } from "mobx-react-lite";
+import j from "@mui/material/Stack";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import D from "@mui/material/Box";
+import N from "@mui/material/Divider";
+import U from "@mui/material/Checkbox";
+import g from "@mui/material/FormControlLabel";
+import k from "@mui/material/List";
+import a from "@mui/material/ListItem";
+var T = M(({ allowedAccountTypes: n, announce: _ }) => {
+  const { accountFilterMap: i, updateAccountFilterMap: d } = H(), { accounts: h, common: A } = B(), { account_filter: p } = A, { accountsByTypeMap: m, detailedAccounts: b } = W(), s = S(i, b, n), u = s.size > 0 && Array.from(s.values()).every((e) => e), F = Array.from(s.values()).some((e) => e), f = () => {
+    const { selected: e, total: o } = I(S(i, b, n));
+    _?.(L(p.selection_announcement, String(e), String(o)));
+  }, G = () => {
+    for (const e of s.keys()) d(e, !u);
+    f();
+  }, P = (e) => {
+    if (n && !n.includes(e)) return;
+    const o = m.get(e);
     if (!o) return;
-    const r = o.some((n) => c.get(n.guid));
-    for (const n of o) a(n.guid, !r);
+    const c = o.every((l) => i.get(l.guid));
+    for (const l of o) d(l.guid, !c);
+    f();
   };
-  return /* @__PURE__ */ f(g, {
-    dense: !0,
+  return /* @__PURE__ */ t(D, {
+    "aria-label": h.title,
     id: "filter_accounts",
+    role: "region",
     sx: {
       overflowY: "scroll",
       maxHeight: 350,
       minWidth: 280
     },
-    children: [/* @__PURE__ */ e(m, {
-      disableGutters: !0,
-      disablePadding: !0,
-      sx: { py: 16 },
-      children: /* @__PURE__ */ e(p, {
-        control: /* @__PURE__ */ e(h, {
-          checked: u,
-          indeterminate: !u && C,
-          onChange: k,
-          size: "small"
-        }),
-        label: v.select_all_accounts,
-        slotProps: { typography: {
-          variant: "body1",
-          fontWeight: "normal"
-        } },
-        sx: {
-          width: "100%",
-          m: 0,
-          px: 8,
-          "&:hover": { bgcolor: "action.hover" }
-        }
-      })
-    }), Array.from(s.keys()).map((t) => {
-      const o = s.get(t), r = i ? !i.includes(t) : !1, n = b.account_type_accounts[t];
-      return /* @__PURE__ */ e(m, {
+    tabIndex: 0,
+    children: /* @__PURE__ */ C(k, {
+      dense: !0,
+      children: [/* @__PURE__ */ t(a, {
         disableGutters: !0,
         disablePadding: !0,
-        children: /* @__PURE__ */ f(M, {
+        sx: { py: 16 },
+        children: /* @__PURE__ */ t(g, {
+          control: /* @__PURE__ */ t(x, {
+            checked: u,
+            indeterminate: !u && F,
+            onChange: G,
+            size: "small"
+          }),
+          label: p.select_all_accounts,
+          slotProps: { typography: {
+            variant: "body1",
+            fontWeight: "normal"
+          } },
           sx: {
-            pb: 8,
-            width: "100%"
-          },
-          children: [/* @__PURE__ */ e(P, {}), /* @__PURE__ */ e(g, {
-            dense: !0,
-            subheader: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(W, {
-              disableGutters: !0,
-              disabled: r,
-              onClick: () => S(t),
-              sx: {
-                pl: 16,
-                minHeight: 40,
-                justifyContent: "left"
-              },
-              children: /* @__PURE__ */ e(j, {
-                primary: n,
-                slotProps: { primary: {
-                  variant: "body1",
-                  fontWeight: "bold"
-                } }
-              })
-            }) }),
-            children: o?.map((l) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(p, {
-              control: /* @__PURE__ */ e(h, {
-                checked: !!c.get(l.guid),
-                disabled: r,
-                onChange: () => a(l.guid, !c.get(l.guid)),
-                size: "small"
-              }),
-              label: l.displayName,
-              slotProps: { typography: {
-                variant: "body1",
-                fontWeight: "normal"
-              } },
-              sx: {
-                width: "100%",
-                m: 0,
-                minHeight: 40,
-                "&:hover": { bgcolor: "action.hover" }
-              }
-            }) }, l.guid))
-          })]
+            width: "100%",
+            m: 0,
+            "&:hover": { bgcolor: "action.hover" }
+          }
         })
-      }, t);
-    })]
+      }), Array.from(m.keys()).map((e) => {
+        const o = m.get(e), c = n ? !n.includes(e) : !1, l = h.account_type_accounts[e], y = `account-filter-group-${e}`, v = !!o?.length && o.every((r) => i.get(r.guid)), z = !!o?.some((r) => i.get(r.guid));
+        return /* @__PURE__ */ t(a, {
+          disableGutters: !0,
+          disablePadding: !0,
+          children: /* @__PURE__ */ C(j, {
+            "aria-labelledby": y,
+            role: "group",
+            sx: {
+              pb: 8,
+              width: "100%"
+            },
+            children: [/* @__PURE__ */ t(N, {}), /* @__PURE__ */ t(k, {
+              dense: !0,
+              subheader: /* @__PURE__ */ t(a, {
+                disableGutters: !0,
+                disablePadding: !0,
+                children: /* @__PURE__ */ t(g, {
+                  control: /* @__PURE__ */ t(x, {
+                    checked: v,
+                    disabled: c,
+                    indeterminate: !v && z,
+                    onChange: () => P(e),
+                    size: "small"
+                  }),
+                  label: l,
+                  slotProps: { typography: {
+                    id: y,
+                    variant: "body1",
+                    fontWeight: "bold"
+                  } },
+                  sx: {
+                    width: "100%",
+                    m: 0,
+                    minHeight: 40,
+                    "&:hover": { bgcolor: "action.hover" }
+                  }
+                })
+              }),
+              children: o?.map((r) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(g, {
+                control: /* @__PURE__ */ t(U, {
+                  checked: !!i.get(r.guid),
+                  disabled: c,
+                  onChange: () => d(r.guid, !i.get(r.guid)),
+                  size: "small"
+                }),
+                label: r.displayName,
+                slotProps: { typography: {
+                  variant: "body1",
+                  fontWeight: "normal"
+                } },
+                sx: {
+                  width: "100%",
+                  m: 0,
+                  minHeight: 40,
+                  "&:hover": { bgcolor: "action.hover" }
+                }
+              }) }, r.guid))
+            })]
+          })
+        }, e);
+      })]
+    })
   });
 });
 export {
-  J as GlobalAccountFilterList
+  T as GlobalAccountFilterList
 };
 
 //# sourceMappingURL=GlobalAccountFilterList.es.js.map

package/dist/common/components/globalaccountfilter/GlobalAccountFilterList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAccountFilterList.es.js","names":[],"sources":["../../../../src/common/components/globalaccountfilter/GlobalAccountFilterList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport CheckBox from '@mui/material/Checkbox'\nimport Divider from '@mui/material/Divider'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../../context'\nimport { AccountType, type DetailedAccount } from '../../../core'\n\nexport interface GlobalAccountFilterListProps {\n  allowedAccountTypes: AccountType[] | undefined\n}\n\nexport const GlobalAccountFilterList = observer(\n  ({ allowedAccountTypes }: GlobalAccountFilterListProps) => {\n    const { accountFilterMap, updateAccountFilterMap } = useGlobalUiStore()\n    const { accounts: accountsCopy, common: commonCopy } = useGlobalCopyStore()\n    const { account_filter: copy } = commonCopy\n\n    const { accountsByTypeMap } = useAccountStore()\n\n    // Allowed accounts\n    const allowedAccounts = React.useMemo(\n      () =>\n        Array.from(accountsByTypeMap.keys()).reduce((acc: DetailedAccount[], accountType) => {\n          if (\n            !allowedAccountTypes ||\n            (allowedAccountTypes && allowedAccountTypes.includes(accountType))\n          ) {\n            const accounts = accountsByTypeMap.get(accountType)\n            if (accounts) {\n              acc.push(...accounts)\n            }\n          }\n          return acc\n        }, []),\n      [accountsByTypeMap, allowedAccountTypes],\n    )\n\n    // Filters the selection to include only allowed accounts\n    const selectionFilter = new Map<string, boolean>(\n      Array.from(accountFilterMap.entries()).filter(([guid]) => {\n        return allowedAccounts.some((account) => account.guid === guid)\n      }),\n    )\n\n    const allSelected = Array.from(selectionFilter.values()).every((isSelected) => isSelected)\n    const someSelected = Array.from(selectionFilter.values()).some((isSelected) => isSelected)\n\n    const handleSelectAllClick = () => {\n      for (const guid of selectionFilter.keys()) {\n        updateAccountFilterMap(guid, !allSelected)\n      }\n    }\n\n    const handleSelectAccountTypeClick = (accountType: AccountType) => {\n      const accounts = accountsByTypeMap.get(accountType)\n      if (!accounts) return\n\n      const someAccountsSelected = accounts.some((account) => accountFilterMap.get(account.guid))\n      for (const account of accounts) {\n        updateAccountFilterMap(account.guid, !someAccountsSelected)\n      }\n    }\n\n    return (\n      <List\n        dense={true}\n        id=\"filter_accounts\"\n        sx={{ overflowY: 'scroll', maxHeight: 350, minWidth: 280 }}\n      >\n        {/* Select All Checkbox */}\n        <ListItem disableGutters={true} disablePadding={true} sx={{ py: 16 }}>\n          <FormControlLabel\n            control={\n              <CheckBox\n                checked={allSelected}\n                indeterminate={!allSelected && someSelected}\n                onChange={handleSelectAllClick}\n                size=\"small\"\n              />\n            }\n            label={copy.select_all_accounts}\n            slotProps={{ typography: { variant: 'body1', fontWeight: 'normal' } }}\n            sx={{ width: '100%', m: 0, px: 8, '&:hover': { bgcolor: 'action.hover' } }}\n          />\n        </ListItem>\n\n        {Array.from(accountsByTypeMap.keys()).map((accountType) => {\n          const accounts = accountsByTypeMap.get(accountType)\n          const disabled = allowedAccountTypes ? !allowedAccountTypes.includes(accountType) : false\n          const typeName = accountsCopy.account_type_accounts[accountType]\n\n          return (\n            // Account Type Header\n            <ListItem disableGutters={true} disablePadding={true} key={accountType}>\n              <Stack sx={{ pb: 8, width: '100%' }}>\n                <Divider />\n                <List\n                  dense={true}\n                  subheader={\n                    <ListItem>\n                      <ListItemButton\n                        disableGutters={true}\n                        disabled={disabled}\n                        onClick={() => handleSelectAccountTypeClick(accountType)}\n                        sx={{ pl: 16, minHeight: 40, justifyContent: 'left' }}\n                      >\n                        <ListItemText\n                          primary={typeName}\n                          slotProps={{ primary: { variant: 'body1', fontWeight: 'bold' } }}\n                        />\n                      </ListItemButton>\n                    </ListItem>\n                  }\n                >\n                  {accounts?.map((account) => (\n                    // Account Checkbox\n                    <ListItem key={account.guid}>\n                      <FormControlLabel\n                        control={\n                          <CheckBox\n                            checked={!!accountFilterMap.get(account.guid)}\n                            disabled={disabled}\n                            onChange={() =>\n                              updateAccountFilterMap(\n                                account.guid,\n                                !accountFilterMap.get(account.guid),\n                              )\n                            }\n                            size=\"small\"\n                          />\n                        }\n                        label={account.displayName}\n                        slotProps={{ typography: { variant: 'body1', fontWeight: 'normal' } }}\n                        sx={{\n                          width: '100%',\n                          m: 0,\n                          minHeight: 40,\n                          '&:hover': { bgcolor: 'action.hover' },\n                        }}\n                      />\n                    </ListItem>\n                  ))}\n                </List>\n              </Stack>\n            </ListItem>\n          )\n        })}\n      </List>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"GlobalAccountFilterList.es.js","names":[],"sources":["../../../../src/common/components/globalaccountfilter/GlobalAccountFilterList.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport CheckBox from '@mui/material/Checkbox'\nimport Divider from '@mui/material/Divider'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport Stack from '@mui/material/Stack'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../../context'\nimport { AccountType } from '../../../core'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\nimport { buildSelectionFilter, getSelectionCounts } from './selection'\nimport { TriStateCheckbox } from './TriStateCheckbox'\n\nexport interface GlobalAccountFilterListProps {\n  allowedAccountTypes: AccountType[] | undefined\n  announce?: (message: string) => void\n}\n\nexport const GlobalAccountFilterList = observer(\n  ({ allowedAccountTypes, announce }: GlobalAccountFilterListProps) => {\n    const { accountFilterMap, updateAccountFilterMap } = useGlobalUiStore()\n    const { accounts: accountsCopy, common: commonCopy } = useGlobalCopyStore()\n    const { account_filter: copy } = commonCopy\n\n    const { accountsByTypeMap, detailedAccounts } = useAccountStore()\n\n    // Only the accounts this widget is allowed to show drive the select-all\n    // state and the announced counts.\n    const selectionFilter = buildSelectionFilter(\n      accountFilterMap,\n      detailedAccounts,\n      allowedAccountTypes,\n    )\n\n    // `every` is vacuously true on an empty set, which would render Select All\n    // checked when no account is selectable. Mirrors the per-group guard below.\n    const allSelected =\n      selectionFilter.size > 0 &&\n      Array.from(selectionFilter.values()).every((isSelected) => isSelected)\n    const someSelected = Array.from(selectionFilter.values()).some((isSelected) => isSelected)\n\n    // Bulk changes move many checkboxes at once, so the resulting count is\n    // announced rather than left to the individual checkbox states. This is\n    // also what conveys the tri-state to screen readers that handle\n    // aria-checked=\"mixed\" poorly.\n    const announceSelection = () => {\n      const { selected, total } = getSelectionCounts(\n        buildSelectionFilter(accountFilterMap, detailedAccounts, allowedAccountTypes),\n      )\n\n      announce?.(\n        buildDynamicCopy(copy.selection_announcement, String(selected), String(total)) as string,\n      )\n    }\n\n    const handleSelectAllClick = () => {\n      for (const guid of selectionFilter.keys()) {\n        updateAccountFilterMap(guid, !allSelected)\n      }\n\n      announceSelection()\n    }\n\n    const handleSelectAccountTypeClick = (accountType: AccountType) => {\n      if (allowedAccountTypes && !allowedAccountTypes.includes(accountType)) return\n\n      const accounts = accountsByTypeMap.get(accountType)\n      if (!accounts) return\n\n      const allAccountsSelected = accounts.every((account) => accountFilterMap.get(account.guid))\n      for (const account of accounts) {\n        updateAccountFilterMap(account.guid, !allAccountsSelected)\n      }\n\n      announceSelection()\n    }\n\n    return (\n      <Box\n        // Named for the content it holds, not the dialog it sits in -- the paper\n        // already announces \"Filter accounts\", so reusing that here made screen\n        // readers say the same name twice on entry.\n        aria-label={accountsCopy.title}\n        id=\"filter_accounts\"\n        role=\"region\"\n        sx={{ overflowY: 'scroll', maxHeight: 350, minWidth: 280 }}\n        tabIndex={0}\n      >\n        <List dense={true}>\n          {/* Select All Checkbox */}\n          <ListItem disableGutters={true} disablePadding={true} sx={{ py: 16 }}>\n            <FormControlLabel\n              control={\n                <TriStateCheckbox\n                  checked={allSelected}\n                  indeterminate={!allSelected && someSelected}\n                  onChange={handleSelectAllClick}\n                  size=\"small\"\n                />\n              }\n              label={copy.select_all_accounts}\n              slotProps={{ typography: { variant: 'body1', fontWeight: 'normal' } }}\n              sx={{ width: '100%', m: 0, '&:hover': { bgcolor: 'action.hover' } }}\n            />\n          </ListItem>\n\n          {Array.from(accountsByTypeMap.keys()).map((accountType) => {\n            const accounts = accountsByTypeMap.get(accountType)\n            const disabled = allowedAccountTypes\n              ? !allowedAccountTypes.includes(accountType)\n              : false\n            const typeName = accountsCopy.account_type_accounts[accountType]\n            const headingId = `account-filter-group-${accountType}`\n\n            const typeAllSelected =\n              !!accounts?.length && accounts.every((account) => accountFilterMap.get(account.guid))\n            const typeSomeSelected = !!accounts?.some((account) =>\n              accountFilterMap.get(account.guid),\n            )\n\n            return (\n              // Account Type Group\n              <ListItem disableGutters={true} disablePadding={true} key={accountType}>\n                <Stack aria-labelledby={headingId} role=\"group\" sx={{ pb: 8, width: '100%' }}>\n                  <Divider />\n                  <List\n                    dense={true}\n                    subheader={\n                      // Account Type Checkbox — toggles every account of this type\n                      <ListItem disableGutters={true} disablePadding={true}>\n                        <FormControlLabel\n                          control={\n                            <TriStateCheckbox\n                              checked={typeAllSelected}\n                              disabled={disabled}\n                              indeterminate={!typeAllSelected && typeSomeSelected}\n                              onChange={() => handleSelectAccountTypeClick(accountType)}\n                              size=\"small\"\n                            />\n                          }\n                          label={typeName}\n                          slotProps={{\n                            typography: { id: headingId, variant: 'body1', fontWeight: 'bold' },\n                          }}\n                          sx={{\n                            width: '100%',\n                            m: 0,\n                            minHeight: 40,\n                            '&:hover': { bgcolor: 'action.hover' },\n                          }}\n                        />\n                      </ListItem>\n                    }\n                  >\n                    {accounts?.map((account) => (\n                      // Account Checkbox\n                      <ListItem key={account.guid}>\n                        <FormControlLabel\n                          control={\n                            <CheckBox\n                              checked={!!accountFilterMap.get(account.guid)}\n                              disabled={disabled}\n                              onChange={() =>\n                                updateAccountFilterMap(\n                                  account.guid,\n                                  !accountFilterMap.get(account.guid),\n                                )\n                              }\n                              size=\"small\"\n                            />\n                          }\n                          label={account.displayName}\n                          slotProps={{ typography: { variant: 'body1', fontWeight: 'normal' } }}\n                          sx={{\n                            width: '100%',\n                            m: 0,\n                            minHeight: 40,\n                            '&:hover': { bgcolor: 'action.hover' },\n                          }}\n                        />\n                      </ListItem>\n                    ))}\n                  </List>\n                </Stack>\n              </ListItem>\n            )\n          })}\n        </List>\n      </Box>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/common/components/globalaccountfilter/TriStateCheckbox.d.ts

@@ -0,0 +1,17 @@
+import { CheckboxProps } from '@mui/material/Checkbox';
+/**
+ * A checkbox whose mixed state is expressed the way HTML defines it.
+ *
+ * MUI's `indeterminate` prop swaps the icon and stamps `aria-checked="mixed"` on
+ * the input, but deliberately does NOT set the native `indeterminate` property
+ * (there is no HTML attribute for it -- it is settable only from JS). That
+ * leaves the input's real state "unchecked" while ARIA claims "mixed", which
+ * axe flags as a conformance violation and which leaves the announcement
+ * dependent on assistive tech honouring the override.
+ *
+ * Setting the native property is the host-language mechanism: HTML-AAM maps it
+ * to the "mixed" checked state, so screen readers read it off the element
+ * itself. A callback ref (rather than an effect) keeps it in sync both when the
+ * value changes and when the input remounts.
+ */
+export declare const TriStateCheckbox: ({ indeterminate, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/common/components/globalaccountfilter/TriStateCheckbox.es.js

@@ -0,0 +1,18 @@
+import f from "react";
+import { jsx as a } from "react/jsx-runtime";
+import c from "@mui/material/Checkbox";
+var x = ({ indeterminate: o = !1, ...t }) => {
+  const e = f.useCallback((r) => {
+    r && (r.indeterminate = o);
+  }, [o]);
+  return /* @__PURE__ */ a(c, {
+    ...t,
+    indeterminate: o,
+    inputRef: e
+  });
+};
+export {
+  x as TriStateCheckbox
+};
+
+//# sourceMappingURL=TriStateCheckbox.es.js.map

package/dist/common/components/globalaccountfilter/TriStateCheckbox.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriStateCheckbox.es.js","names":[],"sources":["../../../../src/common/components/globalaccountfilter/TriStateCheckbox.tsx"],"sourcesContent":["import React from 'react'\n\nimport CheckBox from '@mui/material/Checkbox'\nimport type { CheckboxProps } from '@mui/material/Checkbox'\n\n/**\n * A checkbox whose mixed state is expressed the way HTML defines it.\n *\n * MUI's `indeterminate` prop swaps the icon and stamps `aria-checked=\"mixed\"` on\n * the input, but deliberately does NOT set the native `indeterminate` property\n * (there is no HTML attribute for it -- it is settable only from JS). That\n * leaves the input's real state \"unchecked\" while ARIA claims \"mixed\", which\n * axe flags as a conformance violation and which leaves the announcement\n * dependent on assistive tech honouring the override.\n *\n * Setting the native property is the host-language mechanism: HTML-AAM maps it\n * to the \"mixed\" checked state, so screen readers read it off the element\n * itself. A callback ref (rather than an effect) keeps it in sync both when the\n * value changes and when the input remounts.\n */\nexport const TriStateCheckbox = ({ indeterminate = false, ...props }: CheckboxProps) => {\n  const setInputRef = React.useCallback(\n    (input: HTMLInputElement | null) => {\n      if (input) {\n        input.indeterminate = indeterminate\n      }\n    },\n    [indeterminate],\n  )\n\n  return <CheckBox {...props} indeterminate={indeterminate} inputRef={setInputRef} />\n}\n"],"mappings":";;;AAoBA,IAAa,IAAA,CAAoB,EAAE,eAAA,IAAgB,IAAO,GAAG,EAAA,MAA2B;AACtF,QAAM,IAAc,EAAM,YAAA,CACvB,MAAmC;AAClC,IAAI,MACF,EAAM,gBAAgB;AAAA,EAE1B,GACA,CAAC,CAAa,CAChB;AAEA,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAU,GAAI;AAAA,IAAsB,eAAA;AAAA,IAAe,UAAU;AAAA,EAAc,CAAA;AACpF"}

package/dist/common/components/globalaccountfilter/selection.d.ts

@@ -0,0 +1,17 @@
+import { AccountType, DetailedAccount } from '../../../core';
+/**
+ * Builds the selection state for the accounts a widget actually renders.
+ *
+ * Derives from the account list rather than from `accountFilterMap`: the map is
+ * seeded from `visibleAccounts` (which drops closed/hidden accounts) while the
+ * list renders `detailedAccounts` (which keeps them). Starting from the map
+ * therefore under-counted the checkboxes on screen, and the total *grew* as soon
+ * as a bulk toggle wrote one of the missing guids into the map. Accounts with no
+ * map entry default to unselected, so `total` always equals the number of
+ * rendered checkboxes and stays stable across clicks.
+ */
+export declare const buildSelectionFilter: (accountFilterMap: Map<string, boolean>, accounts: DetailedAccount[], allowedAccountTypes: AccountType[] | undefined) => Map<string, boolean>;
+export declare const getSelectionCounts: (selectionFilter: Map<string, boolean>) => {
+    selected: number;
+    total: number;
+};

package/dist/common/components/globalaccountfilter/selection.es.js

@@ -0,0 +1,10 @@
+var r = (e, l, i) => new Map(l.filter((t) => !i || i.includes(t.account_type)).map((t) => [t.guid, !!e.get(t.guid)])), a = (e) => ({
+  selected: Array.from(e.values()).filter(Boolean).length,
+  total: e.size
+});
+export {
+  r as buildSelectionFilter,
+  a as getSelectionCounts
+};
+
+//# sourceMappingURL=selection.es.js.map

package/dist/common/components/globalaccountfilter/selection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.es.js","names":[],"sources":["../../../../src/common/components/globalaccountfilter/selection.ts"],"sourcesContent":["import type { AccountType, DetailedAccount } from '../../../core'\n\n/**\n * Builds the selection state for the accounts a widget actually renders.\n *\n * Derives from the account list rather than from `accountFilterMap`: the map is\n * seeded from `visibleAccounts` (which drops closed/hidden accounts) while the\n * list renders `detailedAccounts` (which keeps them). Starting from the map\n * therefore under-counted the checkboxes on screen, and the total *grew* as soon\n * as a bulk toggle wrote one of the missing guids into the map. Accounts with no\n * map entry default to unselected, so `total` always equals the number of\n * rendered checkboxes and stays stable across clicks.\n */\nexport const buildSelectionFilter = (\n  accountFilterMap: Map<string, boolean>,\n  accounts: DetailedAccount[],\n  allowedAccountTypes: AccountType[] | undefined,\n): Map<string, boolean> =>\n  new Map(\n    accounts\n      .filter(\n        (account) => !allowedAccountTypes || allowedAccountTypes.includes(account.account_type),\n      )\n      .map((account) => [account.guid, !!accountFilterMap.get(account.guid)]),\n  )\n\nexport const getSelectionCounts = (selectionFilter: Map<string, boolean>) => ({\n  selected: Array.from(selectionFilter.values()).filter(Boolean).length,\n  total: selectionFilter.size,\n})\n"],"mappings":"AAaA,IAAa,IAAA,CACX,GACA,GACA,MAEA,IAAI,IACF,EACG,OAAA,CACE,MAAY,CAAC,KAAuB,EAAoB,SAAS,EAAQ,YAAY,CACxF,EACC,IAAA,CAAK,MAAY,CAAC,EAAQ,MAAM,CAAC,CAAC,EAAiB,IAAI,EAAQ,IAAI,CAAC,CAAC,CAC1E,GAEW,IAAA,CAAsB,OAA2C;AAAA,EAC5E,UAAU,MAAM,KAAK,EAAgB,OAAO,CAAC,EAAE,OAAO,OAAO,EAAE;AAAA,EAC/D,OAAO,EAAgB;AACzB"}

package/dist/common/components/listitems/CollapseExpandListItem.es.js

@@ -7,8 +7,8 @@ import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import { useTheme as l } from "@mui/material/styles";
 import c from "@mui/material/ListItem";
 import f from "@mui/material/ListItemButton";
-import x from "@mui/material/ListItemText";
-import d from "@mui/material/ListItemIcon";
+import x from "@mui/material/ListItemIcon";
+import d from "@mui/material/ListItemText";
 var V = m(({ isExpanded: t, onClick: o }) => {
   const e = l();
   return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(f, {
@@ -20,11 +20,11 @@ var V = m(({ isExpanded: t, onClick: o }) => {
         flexDirection: "row",
         alignItems: "center"
       },
-      children: [/* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(n, {
+      children: [/* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(n, {
         bold: !0,
         variant: "body2",
         children: t ? "View less" : "View more"
-      }) }), /* @__PURE__ */ r(d, {
+      }) }), /* @__PURE__ */ r(x, {
         sx: { color: e.palette.primary.main },
         children: t ? /* @__PURE__ */ r(s, {}) : /* @__PURE__ */ r(a, { sx: {
           transition: "transform 0.3s ease-in-out",

package/dist/common/components/listitems/ToggleButtonListItem.es.js

@@ -3,10 +3,10 @@ import e from "@mui/material/Stack";
 import { Text as m } from "@mxenabled/mxui";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import h from "@mui/material/ListItem";
-import f from "@mui/material/ListItemButton";
-import x from "@mui/material/ListItemText";
-import I from "@mui/material/ListItemAvatar";
-import L from "@mui/material/ListItemIcon";
+import f from "@mui/material/ListItemAvatar";
+import x from "@mui/material/ListItemButton";
+import I from "@mui/material/ListItemIcon";
+import L from "@mui/material/ListItemText";
 import y from "@mui/material/Switch";
 var b = ({ avatar: o, endIcon: r, isChecked: c, isDisabled: i = !1, isPrimaryTextBold: s = !1, onClick: l, onToggle: p, primaryText: a, secondaryText: d }) => /* @__PURE__ */ t(h, {
   secondaryAction: /* @__PURE__ */ t(y, {
@@ -17,11 +17,11 @@ var b = ({ avatar: o, endIcon: r, isChecked: c, isDisabled: i = !1, isPrimaryTex
     "& .MuiListItemSecondaryAction-root": { right: r ? 64 : 24 },
     "& .MuiListItemButton-root": { pr: 24 }
   },
-  children: /* @__PURE__ */ n(f, {
+  children: /* @__PURE__ */ n(x, {
     onClick: i ? void 0 : () => l(),
     children: [
-      o && /* @__PURE__ */ t(I, { children: o }),
-      /* @__PURE__ */ t(x, {
+      o && /* @__PURE__ */ t(f, { children: o }),
+      /* @__PURE__ */ t(L, {
         slotProps: { primary: { fontWeight: 400 } },
         children: /* @__PURE__ */ t(e, {
           alignItems: "center",
@@ -43,7 +43,7 @@ var b = ({ avatar: o, endIcon: r, isChecked: c, isDisabled: i = !1, isPrimaryTex
           })
         })
       }),
-      !i && r && /* @__PURE__ */ t(L, { children: r })
+      !i && r && /* @__PURE__ */ t(I, { children: r })
     ]
   })
 });

package/dist/core/types/localization/AccountFilterCopy.d.ts

@@ -1,8 +1,8 @@
 export interface AccountFilterCopy {
     account_type_accounts: string;
-    filter_button_aria: string;
-    filter_button_generic_aria: string;
+    applied_announcement: string;
     select_all_accounts: string;
+    selection_announcement: string;
     title: string;
     toggle_account_type_accounts: string;
     unselect_all_accounts: string;

package/dist/finstrong/components/ProfileList.es.js

@@ -6,10 +6,10 @@ import d from "@mui/material/Box";
 import l from "@mui/material/Divider";
 import s from "@mui/material/List";
 import p from "@mui/material/ListItem";
-import f from "@mui/material/ListItemButton";
-import h from "@mui/material/ListItemText";
-import x from "@mui/material/Avatar";
-import y from "@mui/material/ListItemAvatar";
+import f from "@mui/material/Avatar";
+import h from "@mui/material/ListItemAvatar";
+import x from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemText";
 var j = /* @__PURE__ */ (function(o) {
   return o.Connections = "connections", o.CreditScore = "credit_score", o.DateOfBirth = "date_of_birth", o.MonthlyIncome = "monthly_income", o;
 })({}), D = ({ list: o, onClickItem: n }) => /* @__PURE__ */ r(d, {
@@ -21,9 +21,9 @@ var j = /* @__PURE__ */ (function(o) {
     } },
     children: o.map((t, c) => /* @__PURE__ */ e(a.Fragment, { children: [/* @__PURE__ */ r(p, {
       secondaryAction: /* @__PURE__ */ r(m, {}),
-      children: /* @__PURE__ */ e(f, {
+      children: /* @__PURE__ */ e(x, {
         onClick: () => n(t.key),
-        children: [/* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(x, {
+        children: [/* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(f, {
           sx: {
             bgcolor: "primary.main",
             ...!t.isComplete && {
@@ -35,7 +35,7 @@ var j = /* @__PURE__ */ (function(o) {
             }
           },
           children: t.icon
-        }) }), /* @__PURE__ */ r(h, {
+        }) }), /* @__PURE__ */ r(y, {
           primary: /* @__PURE__ */ r(i, {
             sx: { color: "text.secondary" },
             variant: "caption",

package/dist/finstrong/components/shared/Accounts.es.js

@@ -15,8 +15,8 @@ import { useTheme as T } from "@mui/material/styles";
 import a from "@mui/material/Box";
 import j from "@mui/material/Divider";
 import z from "@mui/material/ListItem";
-import N from "@mui/material/ListItemText";
-import P from "@mui/material/ListItemAvatar";
+import N from "@mui/material/ListItemAvatar";
+import P from "@mui/material/ListItemText";
 var W = ({ loadAccounts: i, loadMoreLabel: y }) => {
   const b = T(), { config: m } = D(), { connect: v, finstrong: l } = h(), { accounts: x } = h(), { selectedAccounts: u } = $(), [C, p] = r.useState(!1), [A, d] = r.useState(!1), n = r.useMemo(() => u.filter((e) => i ? i.includes(e.account_type) : !0), [u, i]), f = r.useMemo(() => n.slice(0, 3), [n]), w = (e) => {
     const { firstValue: c } = O(e, x, m.display_available_balance_in_accounts);
@@ -30,11 +30,11 @@ var W = ({ loadAccounts: i, loadMoreLabel: y }) => {
     children: f.map((e, c) => /* @__PURE__ */ o(r.Fragment, { children: [/* @__PURE__ */ o(z, {
       sx: { px: 24 },
       children: [
-        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(G, {
+        /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(G, {
           alt: "MX",
           institutionGuid: e.institution_guid ?? ""
         }) }),
-        /* @__PURE__ */ t(N, {
+        /* @__PURE__ */ t(P, {
           primary: `${I(e, { allowNickname: m?.show_account_nicknames_in_master })}
               ${e.account_number ? ` *${e.account_number}` : ""}`,
           slotProps: { primary: {

package/dist/goals/components/AccountSelectionDrawer.es.js

@@ -10,9 +10,9 @@ import a from "@mui/material/Divider";
 import I from "@mui/material/Checkbox";
 import v from "@mui/material/List";
 import S from "@mui/material/ListItem";
-import D from "@mui/material/ListItemButton";
-import j from "@mui/material/ListItemText";
-import B from "@mui/material/ListItemAvatar";
+import D from "@mui/material/ListItemAvatar";
+import j from "@mui/material/ListItemButton";
+import B from "@mui/material/ListItemText";
 var O = ({ accounts: s, isOpen: d, onClose: p, onSave: f, title: u }) => {
   const { goals: m, common: g } = b(), { config: c } = y(), [e, h] = l.useState([]), _ = (t) => {
     const r = e.findIndex((C) => C.guid === t.guid), i = [...e];
@@ -26,14 +26,14 @@ var O = ({ accounts: s, isOpen: d, onClose: p, onSave: f, title: u }) => {
     title: u,
     children: [/* @__PURE__ */ n(v, {
       sx: { bgcolor: "background.white" },
-      children: [/* @__PURE__ */ o(a, { variant: "fullWidth" }), s.map((t, r) => /* @__PURE__ */ n(l.Fragment, { children: [/* @__PURE__ */ o(S, { children: /* @__PURE__ */ n(D, {
+      children: [/* @__PURE__ */ o(a, { variant: "fullWidth" }), s.map((t, r) => /* @__PURE__ */ n(l.Fragment, { children: [/* @__PURE__ */ o(S, { children: /* @__PURE__ */ n(j, {
         onClick: () => _(t),
         children: [
-          /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(L, {
+          /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(L, {
             alt: t?.name || "",
             institutionGuid: t?.institution_guid || ""
           }) }),
-          /* @__PURE__ */ o(j, {
+          /* @__PURE__ */ o(B, {
             primary: x(t, { allowNickname: c?.show_account_nicknames_in_master }),
             secondary: w(t.balance || 0, "0,0.00")
           }),

package/dist/goals/components/actions/AccountAction.es.js

@@ -3,8 +3,8 @@ import { formatCurrency as m } from "../../../core/utils/NumberFormatting.es.js"
 import { InstitutionLogo as e } from "@mxenabled/mxui";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import s from "@mui/material/ListItem";
-import p from "@mui/material/ListItemText";
-import a from "@mui/material/ListItemAvatar";
+import p from "@mui/material/ListItemAvatar";
+import a from "@mui/material/ListItemText";
 var g = ({ account: r }) => {
   const i = o(r);
   return /* @__PURE__ */ n(s, {
@@ -12,10 +12,10 @@ var g = ({ account: r }) => {
       bgcolor: "background.paper",
       p: 24
     },
-    children: [/* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(e, {
+    children: [/* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(e, {
       alt: r.name || "",
       institutionGuid: r.institution_guid || ""
-    }) }), /* @__PURE__ */ t(p, {
+    }) }), /* @__PURE__ */ t(a, {
       primary: i,
       secondary: m(r.balance || 0, "0,0.00")
     })]

package/dist/goals/components/actions/ChangeAccountAction.es.js

@@ -11,9 +11,9 @@ import { AddBox as P, ChevronRight as s } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import y from "@mui/material/List";
 import l from "@mui/material/ListItem";
+import C from "@mui/material/ListItemAvatar";
 import d from "@mui/material/ListItemButton";
 import m from "@mui/material/ListItemText";
-import C from "@mui/material/ListItemAvatar";
 var tt = ({ goal: o }) => {
   const { visibleCheckingAccounts: p, visibleSavingsAccounts: u } = L(), { accounts: g, goals: i } = j(), { config: A } = B(), { setAlert: v, setSelectedGoal: k, updateGoal: G } = D(), h = !o.guid, [I, r] = T.useState(!1), _ = async ({ balance: e, guid: S }) => {
     const f = {

package/dist/goals/components/addgoal/AddGoalListItem.es.js

@@ -7,11 +7,11 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import A from "@mui/material/Divider";
 import d from "@mui/material/List";
 import f from "@mui/material/ListItem";
-import h from "@mui/material/ListItemButton";
-import x from "@mui/material/ListItemText";
 import M from "@mui/material/Avatar";
 import N from "@mui/material/ListItemAvatar";
+import h from "@mui/material/ListItemButton";
 import O from "@mui/material/ListItemIcon";
+import x from "@mui/material/ListItemText";
 import j from "@mui/material/Collapse";
 var W = ({ goalType: T, onClick: n }) => {
   const { goals: E } = u(), { bgcolor: I, icon: b, label: y, description: R, subTypes: a, type: o } = T, [i, L] = v.useState(!1), t = a.length > 0;

package/dist/goals/components/managegoals/CompleteListItem.es.js

@@ -8,18 +8,18 @@ import { CheckCircle as p } from "@mxenabled/mx-icons";
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { fromUnixTime as d } from "date-fns/fromUnixTime";
 import f from "@mui/material/ListItem";
-import u from "@mui/material/ListItemButton";
-import y from "@mui/material/ListItemText";
-import b from "@mui/material/ListItemAvatar";
+import u from "@mui/material/ListItemAvatar";
+import y from "@mui/material/ListItemButton";
+import b from "@mui/material/ListItemText";
 var D = ({ goal: t }) => {
   const { goals: m } = a();
-  return /* @__PURE__ */ r(f, { children: /* @__PURE__ */ o(u, {
+  return /* @__PURE__ */ r(f, { children: /* @__PURE__ */ o(y, {
     disableRipple: !0,
     sx: {
       ":hover": { backgroundColor: "unset" },
       cursor: "default"
     },
-    children: [/* @__PURE__ */ r(b, {
+    children: [/* @__PURE__ */ r(u, {
       sx: {
         alignItems: "center",
         display: "flex",
@@ -30,7 +30,7 @@ var D = ({ goal: t }) => {
         filled: !0,
         size: 20
       })
-    }), /* @__PURE__ */ r(y, {
+    }), /* @__PURE__ */ r(b, {
       slotProps: { primary: { variant: "body1" } },
       children: /* @__PURE__ */ o(i, {
         alignItems: "center",