@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

package/dist/common/components/Error/index.es.js

@@ -0,0 +1,86 @@
+import { GlobalDataContext as g } from "../../context/GlobalDataProvider/index.es.js";
+import c from "react";
+import { observer as f } from "mobx-react-lite";
+import { Icon as u, Text as s } from "@mxenabled/mxui";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Box as y, Button as C, Stack as i, useTheme as b } from "@mui/material";
+var m = c.forwardRef((t, o) => {
+  const n = b();
+  return /* @__PURE__ */ e("svg", {
+    fill: "none",
+    height: "60",
+    ref: o,
+    viewBox: "0 0 72 60",
+    width: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ e("path", {
+      d: "M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z",
+      fill: n.palette.primary[100] ?? "#DFE8FD"
+    })
+  });
+});
+m.displayName = "BlobSVG";
+var v = ({ heading: t, message: o, iconName: n = "error", buttonText: d, onClick: a }) => {
+  const r = c.useContext(g)?.globalStore.copyStore.copy.common, h = t ?? (r?.error_heading ? `${r.error_heading}!` : "Oops!"), p = o ?? r?.error_message ?? "Something went wrong. Please try again.", x = d ?? r?.refresh_button ?? "Refresh";
+  return /* @__PURE__ */ e(i, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: { height: "100dvh" },
+    children: /* @__PURE__ */ l(i, {
+      sx: {
+        display: "flex",
+        padding: "48px 16px",
+        flexDirection: "column",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ l(i, {
+          sx: {
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [/* @__PURE__ */ e(y, {
+            sx: {
+              position: "absolute",
+              zIndex: 0
+            },
+            children: /* @__PURE__ */ e(m, {})
+          }), /* @__PURE__ */ e(u, {
+            color: "primary",
+            name: n,
+            size: 48,
+            sx: { zIndex: 1 }
+          })]
+        }),
+        /* @__PURE__ */ e(s, {
+          bold: !0,
+          color: "text.primary",
+          mt: "24px",
+          variant: "h2",
+          children: h
+        }),
+        /* @__PURE__ */ e(s, {
+          color: "text.secondary",
+          variant: "subtitle1",
+          children: p
+        }),
+        a && /* @__PURE__ */ e(C, {
+          color: "primary",
+          onClick: () => {
+            a?.();
+          },
+          sx: { mt: 48 },
+          variant: "contained",
+          children: x
+        })
+      ]
+    })
+  });
+}, T = f(v);
+export {
+  m as BlobSVG,
+  T as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/Error/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/Error.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { Box, Button, Stack, useTheme } from '@mui/material'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { GlobalDataContext } from '../context/GlobalDataProvider'\n\nexport const BlobSVG = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  (props, ref) => {\n    const theme = useTheme()\n    return (\n      <svg\n        fill=\"none\"\n        height=\"60\"\n        ref={ref}\n        viewBox=\"0 0 72 60\"\n        width=\"72\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M28.8288 1.43265C34.4433 4.02036 36.9443 13.1615 44.4378 18.7551C53.8387 25.7725 64.7205 8.05287 70.6592 18.2364C80.9926 35.9558 28.2828 74.5237 25.8072 54.2678C25.1894 49.213 34.1353 42.7165 27.308 38.2971C18.7065 32.7294 9.89746 43.1722 4.34888 37.9733C-8.70438 25.7428 10.0261 -7.2333 28.8288 1.43265Z\"\n          fill={theme.palette.primary[100] ?? '#DFE8FD'}\n        />\n      </svg>\n    )\n  },\n)\n\nBlobSVG.displayName = 'BlobSVG'\n\ninterface ErrorProps {\n  heading?: string\n  message?: string\n  iconName?: string\n  buttonText?: string\n  onClick?: () => void\n}\n\nconst Error = ({\n  heading: headingProp,\n  message: messageProp,\n  iconName = 'error',\n  buttonText: buttonTextProp,\n  onClick,\n}: ErrorProps) => {\n  // This is a unique case to handle instance of the error component being used outside the context of the needed provider\n  // For example, we still need to show something in the event all network request fail (like copy)\n  // This allows us to fall back to hard coded english\n  // In a perfect world this will never happen\n  // Using React.useContext(GlobalDataContext) directly instead of the useGlobalCopyStore hook\n  // returns null (not throwing) when there's no provider, so we can safely use optional chaining (context?.globalStore...)\n  // and provide hardcoded fallback strings ('Something went wrong', etc.) when neither props nor context copy are available\n  const context = React.useContext(GlobalDataContext)\n  const copy = context?.globalStore.copyStore.copy.common\n\n  const heading = headingProp ?? (copy?.error_heading ? `${copy.error_heading}!` : 'Oops!')\n  const message = messageProp ?? copy?.error_message ?? 'Something went wrong. Please try again.'\n  const buttonText = buttonTextProp ?? copy?.refresh_button ?? 'Refresh'\n\n  const handleClick = () => {\n    onClick?.()\n  }\n\n  return (\n    <Stack alignItems=\"center\" justifyContent=\"center\" style={{ height: '100dvh' }}>\n      <Stack\n        sx={{\n          display: 'flex',\n          padding: '48px 16px',\n          flexDirection: 'column',\n          alignItems: 'center',\n        }}\n      >\n        <Stack\n          sx={{\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Box\n            sx={{\n              position: 'absolute',\n              zIndex: 0,\n            }}\n          >\n            <BlobSVG />\n          </Box>\n          <Icon color=\"primary\" name={iconName} size={48} sx={{ zIndex: 1 }} />\n        </Stack>\n        <Text bold={true} color=\"text.primary\" mt=\"24px\" variant=\"h2\">\n          {heading}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"subtitle1\">\n          {message}\n        </Text>\n        {onClick && (\n          <Button color=\"primary\" onClick={handleClick} sx={{ mt: 48 }} variant=\"contained\">\n            {buttonText}\n          </Button>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default observer(Error)\n"],"mappings":";;;;;;AAOA,IAAa,IAAU,EAAM,WAAA,CAC1B,GAAO,MAAQ;AACd,QAAM,IAAQ,EAAS;AACvB,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,QAAO;AAAA,IACF,KAAA;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACN,GAAI;AAAA,cAEJ,gBAAA,EAAC,QAAD;AAAA,MACE,GAAE;AAAA,MACF,MAAM,EAAM,QAAQ,QAAQ,GAAA,KAAQ;AAAA,IACrC,CAAA;AAAA,EACE,CAAA;AAET,CACF;AAEA,EAAQ,cAAc;AAUtB,IAAM,IAAA,CAAS,EACb,SAAS,GACT,SAAS,GACT,UAAA,IAAW,SACX,YAAY,GACZ,SAAA,EAAA,MACgB;AAShB,QAAM,IADU,EAAM,WAAW,CACpB,GAAS,YAAY,UAAU,KAAK,QAE3C,IAAU,MAAgB,GAAM,gBAAgB,GAAG,EAAK,aAAA,MAAmB,UAC3E,IAAU,KAAe,GAAM,iBAAiB,2CAChD,IAAa,KAAkB,GAAM,kBAAkB;AAM7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAS,OAAO,EAAE,QAAQ,SAAS;AAAA,cAC3E,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,gBANF;AAAA,QAQE,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,oBAJF,CAME,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,UAAU;AAAA,cACV,QAAQ;AAAA,YACV;AAAA,sBAEA,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,UACP,CAAA,GACL,gBAAA,EAAC,GAAD;AAAA,YAAM,OAAM;AAAA,YAAU,MAAM;AAAA,YAAU,MAAM;AAAA,YAAI,IAAI,EAAE,QAAQ,EAAE;AAAA,UAAI,CAAA,CAC/D;AAAA;QACP,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,OAAM;AAAA,UAAe,IAAG;AAAA,UAAO,SAAQ;AAAA,oBACtD;AAAA,QACG,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC;AAAA,QACG,CAAA;AAAA,QACL,KACC,gBAAA,EAAC,GAAD;AAAA,UAAQ,OAAM;AAAA,UAAU,SArC1B,MAAoB;AACxB,YAAA,IAAU;AAAA,UACZ;AAAA,UAmCsD,IAAI,EAAE,IAAI,GAAG;AAAA,UAAG,SAAQ;AAAA,oBACnE;AAAA,QACK,CAAA;AAAA,MAEL;AAAA;EACF,CAAA;AAEX,GAEA,IAAe,EAAS,CAAK"}

package/dist/common/components/ErrorBoundary/index.es.js

@@ -0,0 +1,26 @@
+import o from "react";
+import { H3 as e } from "@mxenabled/mxui";
+import { jsx as n } from "react/jsx-runtime";
+var a = { text: "Oops! Something went wrong." }, i = class extends o.Component {
+  state = { hasError: !1 };
+  componentDidCatch(r, t) {
+    console.error("Uncaught error:", r, t), this.props.onCaptureException?.(r, {
+      component: "ErrorBoundary",
+      componentStack: t.componentStack ?? ""
+    });
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ n(e, {
+      sx: { pt: 24 },
+      children: a.text
+    }) : this.props.children;
+  }
+};
+export {
+  i as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/ErrorBoundary/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/ErrorBoundary.tsx"],"sourcesContent":["import React from 'react'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport type { GlobalCaptureException } from '../../core'\n\nexport interface ErrorProps {\n  children?: React.ReactNode\n  onCaptureException?: GlobalCaptureException\n}\n\nexport interface ErrorState {\n  hasError: boolean\n}\n\nconst copy = {\n  text: 'Oops! Something went wrong.',\n}\n\nclass ErrorBoundary extends React.Component<ErrorProps, ErrorState> {\n  state: ErrorState = {\n    hasError: false,\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('Uncaught error:', error, errorInfo)\n    this.props.onCaptureException?.(error, {\n      component: 'ErrorBoundary',\n      componentStack: errorInfo.componentStack ?? '',\n    })\n  }\n\n  static getDerivedStateFromError(): ErrorState {\n    return { hasError: true }\n  }\n\n  render() {\n    if (this.state.hasError) return <H3 sx={{ pt: 24 }}>{copy.text}</H3>\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],"mappings":";;;AAeA,IAAM,IAAO,EACX,MAAM,8BACR,GAEM,IAAN,cAA4B,EAAM,UAAkC;AAAA,EAClE,QAAoB,EAClB,UAAU,GACZ;AAAA,EAEA,kBAAkB,GAAc,GAA4B;AAC1D,YAAQ,MAAM,mBAAmB,GAAO,CAAS,GACjD,KAAK,MAAM,qBAAqB,GAAO;AAAA,MACrC,WAAW;AAAA,MACX,gBAAgB,EAAU,kBAAkB;AAAA,IAC9C,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,2BAAuC;AAC5C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAAiB,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI,EAAE,IAAI,GAAG;AAAA,gBAAI,EAAK;AAAA,IAAS,CAAA,IAE5D,KAAK,MAAM;AAAA,EACpB;AACF"}

package/dist/common/components/GlobalAccountFilter/GlobalAccountFilterList/index.es.js

@@ -0,0 +1,133 @@
+import { useAccountStore as G, useGlobalCopyStore as A, useGlobalUiStore as P } from "../../../context/hooks/index.es.js";
+import L from "react";
+import { observer as _ } from "mobx-react-lite";
+import M from "@mui/material/Stack";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import F from "@mui/material/Divider";
+import g from "@mui/material/Checkbox";
+import x from "@mui/material/List";
+import m from "@mui/material/ListItem";
+import f from "@mui/material/ListItemButton";
+import W from "@mui/material/ListItemIcon";
+import h from "@mui/material/ListItemText";
+var J = _(({ allowedAccountTypes: s }) => {
+  const { accountFilterMap: n, updateAccountFilterMap: u } = P(), { accounts: y, common: k } = A(), { account_filter: v } = k, { accountsByTypeMap: l } = G(), C = L.useMemo(() => Array.from(l.keys()).reduce((e, r) => {
+    if (!s || s && s.includes(r)) {
+      const i = l.get(r);
+      i && e.push(...i);
+    }
+    return e;
+  }, []), [l, s]), p = new Map(Array.from(n.entries()).filter(([e]) => C.some((r) => r.guid === e))), a = Array.from(p.values()).every((e) => e), b = Array.from(p.values()).some((e) => e), I = () => {
+    for (const e of p.keys()) u(e, !a);
+  }, S = (e) => {
+    const r = l.get(e);
+    if (!r) return;
+    const i = r.some((d) => n.get(d.guid));
+    for (const d of r) u(d.guid, !i);
+  };
+  return /* @__PURE__ */ c(x, {
+    dense: !0,
+    id: "filter_accounts",
+    sx: {
+      overflowY: "scroll",
+      maxHeight: 350,
+      minWidth: 280
+    },
+    children: [/* @__PURE__ */ t(m, {
+      disableGutters: !0,
+      disablePadding: !0,
+      sx: { py: 16 },
+      children: /* @__PURE__ */ c(f, {
+        "aria-checked": !a && b ? "mixed" : a,
+        disableGutters: !0,
+        onClick: I,
+        role: "checkbox",
+        tabIndex: 0,
+        sx: {
+          p: 0,
+          px: 8
+        },
+        children: [/* @__PURE__ */ t(g, {
+          "aria-hidden": !0,
+          checked: a,
+          disableRipple: !0,
+          indeterminate: !a && b,
+          size: "small",
+          slotProps: { input: { "aria-hidden": !0 } },
+          tabIndex: -1
+        }), /* @__PURE__ */ t(h, {
+          id: "label-select-all",
+          primary: v.select_all_accounts,
+          slotProps: { primary: {
+            variant: "body1",
+            fontWeight: "normal"
+          } }
+        })]
+      })
+    }), Array.from(l.keys()).map((e) => {
+      const r = l.get(e), i = s ? !s.includes(e) : !1, d = y.account_type_accounts[e];
+      return /* @__PURE__ */ t(m, {
+        disableGutters: !0,
+        disablePadding: !0,
+        children: /* @__PURE__ */ c(M, {
+          sx: {
+            pb: 8,
+            width: "100%"
+          },
+          children: [/* @__PURE__ */ t(F, {}), /* @__PURE__ */ t(x, {
+            dense: !0,
+            subheader: /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(f, {
+              disableGutters: !0,
+              disabled: i,
+              onClick: () => S(e),
+              sx: {
+                pl: 16,
+                minHeight: 40,
+                justifyContent: "left"
+              },
+              children: /* @__PURE__ */ t(h, {
+                primary: d,
+                slotProps: { primary: {
+                  variant: "body1",
+                  fontWeight: "bold"
+                } }
+              })
+            }) }),
+            children: r?.map((o) => /* @__PURE__ */ t(m, { children: /* @__PURE__ */ c(f, {
+              "aria-checked": !!n.get(o.guid),
+              disableGutters: !0,
+              disabled: i,
+              onClick: () => u(o.guid, !n.get(o.guid)),
+              role: "checkbox",
+              tabIndex: 0,
+              sx: {
+                p: 0,
+                minHeight: 40
+              },
+              children: [/* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(g, {
+                "aria-hidden": !0,
+                checked: !!n.get(o.guid),
+                disableRipple: !0,
+                size: "small",
+                slotProps: { input: { "aria-hidden": !0 } },
+                tabIndex: -1
+              }) }), /* @__PURE__ */ t(h, {
+                id: `label-${o.guid}`,
+                primary: o.displayName,
+                slotProps: { primary: {
+                  variant: "body1",
+                  fontWeight: "normal"
+                } }
+              })]
+            }) }, o.guid))
+          })]
+        })
+      }, e);
+    })]
+  });
+});
+export {
+  J as GlobalAccountFilterList
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/GlobalAccountFilter/GlobalAccountFilterList/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.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 List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\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          <ListItemButton\n            aria-checked={!allSelected && someSelected ? 'mixed' : allSelected}\n            disableGutters={true}\n            onClick={handleSelectAllClick}\n            role=\"checkbox\"\n            tabIndex={0}\n            sx={{ p: 0, px: 8 }}\n          >\n            <CheckBox\n              aria-hidden={true}\n              checked={allSelected}\n              disableRipple={true}\n              indeterminate={!allSelected && someSelected}\n              size=\"small\"\n              slotProps={{ input: { 'aria-hidden': true } }}\n              tabIndex={-1}\n            />\n            <ListItemText\n              id={`label-select-all`}\n              primary={copy.select_all_accounts}\n              slotProps={{ primary: { variant: 'body1', fontWeight: 'normal' } }}\n            />\n          </ListItemButton>\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                      <ListItemButton\n                        aria-checked={!!accountFilterMap.get(account.guid)}\n                        disableGutters={true}\n                        disabled={disabled}\n                        onClick={() =>\n                          updateAccountFilterMap(account.guid, !accountFilterMap.get(account.guid))\n                        }\n                        role=\"checkbox\"\n                        tabIndex={0}\n                        sx={{ p: 0, minHeight: 40 }}\n                      >\n                        <ListItemIcon>\n                          <CheckBox\n                            aria-hidden={true}\n                            checked={!!accountFilterMap.get(account.guid)}\n                            disableRipple={true}\n                            size=\"small\"\n                            slotProps={{ input: { 'aria-hidden': true } }}\n                            tabIndex={-1}\n                          />\n                        </ListItemIcon>\n                        <ListItemText\n                          id={`label-${account.guid}`}\n                          primary={account.displayName}\n                          slotProps={{ primary: { variant: 'body1', fontWeight: 'normal' } }}\n                        />\n                      </ListItemButton>\n                    </ListItem>\n                  ))}\n                </List>\n              </Stack>\n            </ListItem>\n          )\n        })}\n      </List>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/common/components/GlobalAccountFilter/index.es.js

@@ -0,0 +1,97 @@
+import { useAccountStore as g, useGlobalCopyStore as B, useGlobalUiStore as S } from "../../context/hooks/index.es.js";
+import { GlobalAccountFilterList as k } from "../globalaccountfilter/GlobalAccountFilterList/index.es.js";
+import w from "react";
+import { observer as z } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import n from "@mui/material/Button";
+import { FilterAlt as m } from "@mxenabled/mx-icons";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import G from "@mui/material/Box";
+import O from "@mui/material/IconButton";
+import j from "@mui/material/Divider";
+import E from "@mui/material/Popover";
+import W from "@mui/material/Tooltip";
+var Q = z(({ allowedAccountTypes: d, isDesktop: f, onAccountFilterClick: h, sx: b = {}, variant: x = "text" }) => {
+  const { common: r } = B(), { accountFilterMap: v, resetAccountFilterMap: C } = S(), { detailedAccounts: F, updateAccountFilter: _ } = g(), [a, i] = w.useState(null), c = (A) => {
+    C(), i(A.currentTarget), h?.();
+  }, s = () => {
+    i(null);
+  }, y = async () => {
+    await _(v), i(null);
+  }, e = r.account_filter, o = !!a, p = F.length === 0;
+  return /* @__PURE__ */ l(G, {
+    sx: { ...b },
+    children: [f ? /* @__PURE__ */ t(n, {
+      "aria-controls": o ? "filter_accounts" : void 0,
+      "aria-expanded": o,
+      "aria-haspopup": !0,
+      "aria-label": e.title,
+      disabled: p,
+      onClick: c,
+      startIcon: /* @__PURE__ */ t(m, { size: 24 }),
+      sx: {
+        p: 8,
+        whiteSpace: "nowrap",
+        minWidth: "max-content"
+      },
+      variant: x,
+      children: r.filter_button
+    }) : /* @__PURE__ */ t(W, {
+      id: "filter-accounts",
+      placement: "bottom",
+      title: e.title,
+      children: /* @__PURE__ */ t(O, {
+        "aria-controls": o ? "filter_accounts" : void 0,
+        "aria-describedby": "filter-accounts",
+        "aria-expanded": o,
+        "aria-haspopup": !0,
+        "aria-label": e.title,
+        color: "primary",
+        disabled: p,
+        onClick: c,
+        sx: { p: 8 },
+        children: /* @__PURE__ */ t(m, { size: 24 })
+      })
+    }), /* @__PURE__ */ t(E, {
+      anchorEl: a,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      onClose: s,
+      open: o,
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      children: /* @__PURE__ */ l(u, { children: [
+        /* @__PURE__ */ t(k, { allowedAccountTypes: d }),
+        /* @__PURE__ */ t(j, {}),
+        /* @__PURE__ */ l(u, {
+          direction: "row",
+          justifyContent: "space-between",
+          spacing: 16,
+          sx: { p: 16 },
+          children: [/* @__PURE__ */ t(n, {
+            fullWidth: !0,
+            onClick: s,
+            variant: "text",
+            children: r.cancel_button
+          }), /* @__PURE__ */ t(n, {
+            "aria-label": e.filter_button_generic_aria,
+            color: "primary",
+            fullWidth: !0,
+            onClick: y,
+            variant: "contained",
+            children: r.filter_button
+          })]
+        })
+      ] })
+    })]
+  });
+});
+export {
+  Q as GlobalAccountFilter
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/GlobalAccountFilter/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/GlobalAccountFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\nimport { SxProps } from '@mui/material/styles'\n\nimport { FilterAlt } from '@mxenabled/mx-icons'\n\nimport { useAccountStore, useGlobalCopyStore, useGlobalUiStore } from '../context'\nimport { AccountType } from '../../core'\n\nimport { GlobalAccountFilterList } from './globalaccountfilter/GlobalAccountFilterList'\n\nexport interface GlobalAccountFilterProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  isDesktop?: boolean\n  onAccountFilterClick?: () => void\n  sx?: SxProps\n  variant?: 'outlined' | 'text'\n}\n\nexport const GlobalAccountFilter = observer(\n  ({\n    allowedAccountTypes,\n    isDesktop,\n    onAccountFilterClick,\n    sx = {},\n    variant = 'text',\n  }: GlobalAccountFilterProps) => {\n    const { common: commonCopy } = useGlobalCopyStore()\n    const { accountFilterMap, resetAccountFilterMap } = useGlobalUiStore()\n\n    const { detailedAccounts, updateAccountFilter } = useAccountStore()\n\n    const [filterButtonEl, setFilterButtonEl] = React.useState<HTMLButtonElement | null>(null)\n\n    const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n      resetAccountFilterMap()\n      setFilterButtonEl(event.currentTarget)\n      onAccountFilterClick?.()\n    }\n\n    const handleCancel = () => {\n      setFilterButtonEl(null)\n    }\n\n    const handleFilter = async () => {\n      await updateAccountFilter(accountFilterMap)\n      setFilterButtonEl(null)\n    }\n\n    const copy = commonCopy.account_filter\n    const isFilterOpen = Boolean(filterButtonEl)\n    const filterDisabled = detailedAccounts.length === 0\n\n    return (\n      <Box sx={{ ...sx }}>\n        {isDesktop ? (\n          <Button\n            aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n            aria-expanded={isFilterOpen}\n            aria-haspopup={true}\n            aria-label={copy.title}\n            disabled={filterDisabled}\n            onClick={handleOpen}\n            startIcon={<FilterAlt size={24} />}\n            sx={{ p: 8, whiteSpace: 'nowrap', minWidth: 'max-content' }}\n            variant={variant}\n          >\n            {commonCopy.filter_button}\n          </Button>\n        ) : (\n          <Tooltip id=\"filter-accounts\" placement=\"bottom\" title={copy.title}>\n            <IconButton\n              aria-controls={isFilterOpen ? 'filter_accounts' : undefined}\n              aria-describedby=\"filter-accounts\"\n              aria-expanded={isFilterOpen}\n              aria-haspopup={true}\n              aria-label={copy.title}\n              color=\"primary\"\n              disabled={filterDisabled}\n              onClick={handleOpen}\n              sx={{ p: 8 }}\n            >\n              <FilterAlt size={24} />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <Popover\n          anchorEl={filterButtonEl}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          onClose={handleCancel}\n          open={isFilterOpen}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Stack>\n            <GlobalAccountFilterList allowedAccountTypes={allowedAccountTypes} />\n            <Divider />\n            <Stack direction=\"row\" justifyContent=\"space-between\" spacing={16} sx={{ p: 16 }}>\n              <Button fullWidth={true} onClick={handleCancel} variant=\"text\">\n                {commonCopy.cancel_button}\n              </Button>\n              <Button\n                aria-label={copy.filter_button_generic_aria}\n                color=\"primary\"\n                fullWidth={true}\n                onClick={handleFilter}\n                variant=\"contained\"\n              >\n                {commonCopy.filter_button}\n              </Button>\n            </Stack>\n          </Stack>\n        </Popover>\n      </Box>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AA2BA,IAAa,IAAsB,EAAA,CAChC,EACC,qBAAA,GACA,WAAA,GACA,sBAAA,GACA,IAAA,IAAK,CAAC,GACN,SAAA,IAAU,OAAA,MACoB;AAC9B,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB,GAC5C,EAAE,kBAAA,GAAkB,uBAAA,EAAA,IAA0B,EAAiB,GAE/D,EAAE,kBAAA,GAAkB,qBAAA,EAAA,IAAwB,EAAgB,GAE5D,CAAC,GAAgB,CAAA,IAAqB,EAAM,SAAmC,IAAI,GAEnF,IAAA,CAAc,MAA+C;AACjE,IAAA,EAAsB,GACtB,EAAkB,EAAM,aAAa,GACrC,IAAuB;AAAA,EACzB,GAEM,IAAA,MAAqB;AACzB,IAAA,EAAkB,IAAI;AAAA,EACxB,GAEM,IAAe,YAAY;AAC/B,UAAM,EAAoB,CAAgB,GAC1C,EAAkB,IAAI;AAAA,EACxB,GAEM,IAAO,EAAW,gBAClB,IAAe,EAAQ,GACvB,IAAiB,EAAiB,WAAW;AAEnD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI,EAAE,GAAG,EAAG;AAAA,cAAjB,CACG,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,iBAAe,IAAe,oBAAoB;AAAA,MAClD,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY,EAAK;AAAA,MACjB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW,gBAAA,EAAC,GAAD,EAAW,MAAM,GAAK,CAAA;AAAA,MACjC,IAAI;AAAA,QAAE,GAAG;AAAA,QAAG,YAAY;AAAA,QAAU,UAAU;AAAA,MAAc;AAAA,MACjD,SAAA;AAAA,gBAER,EAAW;AAAA,IACN,CAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAS,IAAG;AAAA,MAAkB,WAAU;AAAA,MAAS,OAAO,EAAK;AAAA,gBAC3D,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAe,IAAe,oBAAoB;AAAA,QAClD,oBAAiB;AAAA,QACjB,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,cAAY,EAAK;AAAA,QACjB,OAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,QACT,IAAI,EAAE,GAAG,EAAE;AAAA,kBAEX,gBAAA,EAAC,GAAD,EAAW,MAAM,GAAK,CAAA;AAAA,MACZ,CAAA;AAAA,IACL,CAAA,GAGX,gBAAA,EAAC,GAAD;AAAA,MACE,UAAU;AAAA,MACV,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAO;AAAA,MACvD,SAAS;AAAA,MACT,MAAM;AAAA,MACN,iBAAiB;AAAA,QAAE,UAAU;AAAA,QAAO,YAAY;AAAA,MAAO;AAAA,gBAEvD,gBAAA,EAAC,GAAD,EAAA,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD,EAA8C,qBAAA,EAAsB,CAAA;AAAA,QACpE,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UAAO,WAAU;AAAA,UAAM,gBAAe;AAAA,UAAgB,SAAS;AAAA,UAAI,IAAI,EAAE,GAAG,GAAG;AAAA,oBAA/E,CACE,gBAAA,EAAC,GAAD;AAAA,YAAQ,WAAW;AAAA,YAAM,SAAS;AAAA,YAAc,SAAQ;AAAA,sBACrD,EAAW;AAAA,UACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,YACE,cAAY,EAAK;AAAA,YACjB,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS;AAAA,YACT,SAAQ;AAAA,sBAEP,EAAW;AAAA,UACN,CAAA,CACH;AAAA;MACF,EAAA,CAAA;AAAA,IACA,CAAA,CACN;AAAA;AAET,CACF"}

package/dist/common/components/IconBacking/index.es.js

@@ -0,0 +1,25 @@
+import t from "@mui/material/Stack";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+var x = ({ backingSx: r, children: i, size: o, sx: d }) => /* @__PURE__ */ m(t, {
+  sx: {
+    display: "grid",
+    placeItems: "center",
+    zIndex: 3,
+    ...d
+  },
+  children: [i, /* @__PURE__ */ e(a, { sx: {
+    backgroundColor: "common.white",
+    borderRadius: "50%",
+    height: o,
+    width: o,
+    gridRow: 1,
+    gridColumn: 1,
+    ...r
+  } })]
+});
+export {
+  x as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/IconBacking/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/IconBacking.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface IconProps {\n  backingSx?: SxProps\n  size: number\n  sx?: SxProps\n}\n\nconst IconBacking: React.FC<React.PropsWithChildren<IconProps>> = ({\n  backingSx,\n  children,\n  size,\n  sx,\n}) => (\n  <Stack\n    sx={{\n      display: 'grid',\n      placeItems: 'center',\n      zIndex: 3,\n      ...sx,\n    }}\n  >\n    {children}\n\n    <Box\n      sx={{\n        backgroundColor: 'common.white',\n        borderRadius: '50%',\n        height: size,\n        width: size,\n        gridRow: 1,\n        gridColumn: 1,\n        ...backingSx,\n      }}\n    />\n  </Stack>\n)\n\nexport default IconBacking\n"],"mappings":";;;AAUA,IAAM,IAAA,CAA6D,EACjE,WAAA,GACA,UAAA,GACA,MAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AAAA,YANF,CAQG,GAED,gBAAA,EAAC,GAAD,EACE,IAAI;AAAA,IACF,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,EACD,CAAA,CACI"}

package/dist/common/components/InformationTooltip/index.es.js

@@ -0,0 +1,49 @@
+import { useState as m } from "react";
+import l from "@mui/material/Stack";
+import { Icon as p, Text as n } from "@mxenabled/mxui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@mui/material/IconButton";
+import f from "@mui/material/Tooltip";
+var y = ({ body: i, iconName: a = "info", title: t }) => {
+  const [r, e] = m(!1);
+  return /* @__PURE__ */ o(f, {
+    open: r,
+    title: /* @__PURE__ */ s(l, {
+      gap: 2,
+      p: 12,
+      sx: { textOverflow: "none" },
+      children: [/* @__PURE__ */ o(n, {
+        bold: !0,
+        variant: "body1",
+        children: t
+      }), /* @__PURE__ */ o(n, {
+        sx: { whiteSpace: "unset" },
+        variant: "body2",
+        children: i
+      })]
+    }),
+    children: /* @__PURE__ */ o(c, {
+      "aria-label": t,
+      onClick: () => e(!r),
+      onMouseEnter: () => e(!0),
+      onMouseLeave: () => e(!1),
+      sx: {
+        minHeight: 0,
+        minWidth: 0,
+        p: 0
+      },
+      children: /* @__PURE__ */ o(p, {
+        name: a,
+        sx: {
+          color: "primary.main",
+          fontSize: 16
+        }
+      })
+    })
+  });
+};
+export {
+  y as default
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/InformationTooltip/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/InformationTooltip.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport Tooltip from '@mui/material/Tooltip'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\ninterface InformationTooltipProps {\n  body: string\n  iconName?: string\n  title: string\n}\n\nconst InformationTooltip: React.FC<InformationTooltipProps> = ({\n  body,\n  iconName = 'info',\n  title,\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Tooltip\n      open={open}\n      title={\n        <Stack gap={2} p={12} sx={{ textOverflow: 'none' }}>\n          <Text bold={true} variant=\"body1\">\n            {title}\n          </Text>\n          <Text sx={{ whiteSpace: 'unset' }} variant=\"body2\">\n            {body}\n          </Text>\n        </Stack>\n      }\n    >\n      <IconButton\n        aria-label={title}\n        onClick={() => setOpen(!open)}\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n        sx={{\n          minHeight: 0,\n          minWidth: 0,\n          p: 0,\n        }}\n      >\n        <Icon name={iconName} sx={{ color: 'primary.main', fontSize: 16 }} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default InformationTooltip\n"],"mappings":";;;;;;AAcA,IAAM,IAAA,CAAyD,EAC7D,MAAA,GACA,UAAA,IAAW,QACX,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAM,CAAA,IAAW,EAAS,EAAK;AAEtC,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,OACE,gBAAA,EAAC,GAAD;AAAA,MAAO,KAAK;AAAA,MAAG,GAAG;AAAA,MAAI,IAAI,EAAE,cAAc,OAAO;AAAA,gBAAjD,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,YAAY,QAAQ;AAAA,QAAG,SAAQ;AAAA,kBACxC;AAAA,MACG,CAAA,CACD;AAAA;cAGT,gBAAA,EAAC,GAAD;AAAA,MACE,cAAY;AAAA,MACZ,SAAA,MAAe,EAAQ,CAAC,CAAI;AAAA,MAC5B,cAAA,MAAoB,EAAQ,EAAI;AAAA,MAChC,cAAA,MAAoB,EAAQ,EAAK;AAAA,MACjC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAU,IAAI;AAAA,UAAE,OAAO;AAAA,UAAgB,UAAU;AAAA,QAAG;AAAA,MAAI,CAAA;AAAA,IAC1D,CAAA;AAAA,EACL,CAAA;AAEb"}

package/dist/common/components/ListItemAction/index.es.js

@@ -0,0 +1,55 @@
+import { useGlobalCopyStore as u } from "../../context/hooks/index.es.js";
+import v from "../dialog/Dialog/index.es.js";
+import x from "react";
+import { observer as C } from "mobx-react-lite";
+import I from "@mui/material/Stack";
+import { Text as n } from "@mxenabled/mxui";
+import { ChevronRight as L } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import g from "@mui/material/ListItem";
+import j from "@mui/material/ListItemButton";
+import P from "@mui/material/ListItemText";
+var D = C(({ children: a, isDisabled: i = !1, isSaveDisabled: s = !1, label: l, onCancel: c, onSave: p, primaryText: f, secondaryText: y, zeroStateText: o }) => {
+  const { common: m } = u(), [d, t] = x.useState(!1), h = () => {
+    t(!1), c?.();
+  }, b = () => {
+    t(!1), p();
+  };
+  return /* @__PURE__ */ e(g, { children: [/* @__PURE__ */ e(j, {
+    onClick: () => t(!i),
+    children: [/* @__PURE__ */ r(P, {
+      primary: /* @__PURE__ */ e(I, {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */ r(n, {
+          variant: "body1",
+          children: f
+        }), /* @__PURE__ */ r(n, {
+          bold: !0,
+          color: o ? "primary.main" : "text.primary",
+          sx: { mr: 4 },
+          variant: "body1",
+          children: o || y
+        })]
+      }),
+      slotProps: { primary: { variant: "body1" } }
+    }), !i && !o && /* @__PURE__ */ r(L, {})]
+  }), /* @__PURE__ */ r(v, {
+    copy: {
+      title: l,
+      close_aria: m.close_aria
+    },
+    disablePrimaryButton: s,
+    isOpen: d,
+    onClose: h,
+    onPrimaryAction: b,
+    primaryText: m.save_button,
+    children: a
+  })] });
+});
+export {
+  D as ListItemAction
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/ListItemAction/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/ListItemAction.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\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 { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../'\n\ninterface ListItemActionProps {\n  children?: React.ReactNode\n  isDisabled?: boolean\n  isSaveDisabled?: boolean\n  label: string\n  onCancel?: () => void\n  onSave: () => void\n  primaryText: string\n  secondaryText: string\n  zeroStateText?: string\n}\n\nexport const ListItemAction = observer(\n  ({\n    children,\n    isDisabled = false,\n    isSaveDisabled = false,\n    label,\n    onCancel,\n    onSave,\n    primaryText,\n    secondaryText,\n    zeroStateText,\n  }: ListItemActionProps) => {\n    const { common: copy } = useGlobalCopyStore()\n\n    const [isOpen, setIsOpen] = React.useState(false)\n\n    const handleCancel = () => {\n      setIsOpen(false)\n      onCancel?.()\n    }\n\n    const handleSave = () => {\n      setIsOpen(false)\n      onSave()\n    }\n\n    return (\n      <ListItem>\n        <ListItemButton onClick={() => setIsOpen(!isDisabled)}>\n          <ListItemText\n            primary={\n              <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n                <Text variant=\"body1\">{primaryText}</Text>\n                <Text\n                  bold={true}\n                  color={zeroStateText ? 'primary.main' : 'text.primary'}\n                  sx={{ mr: 4 }}\n                  variant=\"body1\"\n                >\n                  {zeroStateText || secondaryText}\n                </Text>\n              </Stack>\n            }\n            slotProps={{ primary: { variant: 'body1' } }}\n          />\n          {!isDisabled && !zeroStateText && <ChevronRight />}\n        </ListItemButton>\n        <Dialog\n          copy={{ title: label, close_aria: copy.close_aria }}\n          disablePrimaryButton={isSaveDisabled}\n          isOpen={isOpen}\n          onClose={handleCancel}\n          onPrimaryAction={handleSave}\n          primaryText={copy.save_button}\n        >\n          {children}\n        </Dialog>\n      </ListItem>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;AA0BA,IAAa,IAAiB,EAAA,CAC3B,EACC,UAAA,GACA,YAAA,IAAa,IACb,gBAAA,IAAiB,IACjB,OAAA,GACA,UAAA,GACA,QAAA,GACA,aAAA,GACA,eAAA,GACA,eAAA,EAAA,MACyB;AACzB,QAAM,EAAE,QAAQ,EAAA,IAAS,EAAmB,GAEtC,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAAqB;AACzB,IAAA,EAAU,EAAK,GACf,IAAW;AAAA,EACb,GAEM,IAAA,MAAmB;AACvB,IAAA,EAAU,EAAK,GACf,EAAO;AAAA,EACT;AAEA,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAU,CAAC,CAAU;AAAA,cAApD,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,SACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAS,WAAU;AAAA,QAAM,gBAAe;AAAA,kBAA1D,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAS;AAAA,QAAkB,CAAA,GACzC,gBAAA,EAAC,GAAD;AAAA,UACE,MAAM;AAAA,UACN,OAAO,IAAgB,iBAAiB;AAAA,UACxC,IAAI,EAAE,IAAI,EAAE;AAAA,UACZ,SAAQ;AAAA,oBAEP,KAAiB;AAAA,QACd,CAAA,CACD;AAAA;MAET,WAAW,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;AAAA,IAC5C,CAAA,GACA,CAAC,KAAc,CAAC,KAAiB,gBAAA,EAAC,GAAD,CAAe,CAAA,CACnC;AAAA,MAChB,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MAAE,OAAO;AAAA,MAAO,YAAY,EAAK;AAAA,IAAW;AAAA,IAClD,sBAAsB;AAAA,IACd,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,aAAa,EAAK;AAAA,IAEjB,UAAA;AAAA,EACK,CAAA,CACA,EAAA,CAAA;AAEd,CACF"}

package/dist/common/components/ListItemRow/index.es.js

@@ -0,0 +1,65 @@
+import f from "react";
+import e from "@mui/material/Stack";
+import { Text as i } from "@mxenabled/mxui";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import h from "@mui/material/ListItem";
+import I from "@mui/material/ListItemButton";
+import s from "@mui/material/ListItemIcon";
+import L from "@mui/material/ListItemText";
+var R = ({ onClick: n, leftIcon: o, rightIcon: m, title: a, subtitle: c, rightContent: l, titleBold: x = !0, rightContentBold: p = !0 }) => {
+  const d = /* @__PURE__ */ t(f.Fragment, { children: [o && /* @__PURE__ */ r(s, {
+    sx: { ml: 0 },
+    children: o
+  }), /* @__PURE__ */ r(L, { children: /* @__PURE__ */ t(e, {
+    sx: {
+      alignItems: "center",
+      flexDirection: "row",
+      marginLeft: 12
+    },
+    children: [/* @__PURE__ */ t(e, {
+      sx: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: [/* @__PURE__ */ r(i, {
+        bold: x,
+        variant: "body1",
+        children: a
+      }), c && /* @__PURE__ */ r(i, {
+        variant: "caption",
+        children: c
+      })]
+    }), /* @__PURE__ */ t(e, {
+      sx: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 1
+      },
+      children: [l && /* @__PURE__ */ r(i, {
+        bold: p,
+        display: "flex",
+        variant: "body1",
+        children: l
+      }), m && /* @__PURE__ */ r(s, { children: m })]
+    })]
+  }) })] });
+  return /* @__PURE__ */ r(h, { children: n ? /* @__PURE__ */ r(I, {
+    onClick: n,
+    sx: { py: 14 },
+    children: d
+  }) : /* @__PURE__ */ r(e, {
+    sx: {
+      py: 14,
+      px: 24,
+      width: "100%",
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    children: d
+  }) });
+};
+export {
+  R as ListItemRow
+};
+
+//# sourceMappingURL=index.es.js.map

package/dist/common/components/ListItemRow/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/common/components/ListItemRow.tsx"],"sourcesContent":["import React from 'react'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface ListItemRowProps {\n  onClick?: () => void\n  leftIcon?: React.ReactNode\n  rightIcon?: React.ReactNode\n  title?: string\n  subtitle?: string\n  rightContent?: React.ReactNode\n  titleBold?: boolean\n  rightContentBold?: boolean\n}\n\nexport const ListItemRow: React.FC<ListItemRowProps> = ({\n  onClick,\n  leftIcon,\n  rightIcon,\n  title,\n  subtitle,\n  rightContent,\n  titleBold = true,\n  rightContentBold = true,\n}) => {\n  const content = (\n    <React.Fragment>\n      {leftIcon && <ListItemIcon sx={{ ml: 0 }}>{leftIcon}</ListItemIcon>}\n      <ListItemText>\n        <Stack\n          sx={{\n            alignItems: 'center',\n            flexDirection: 'row',\n            marginLeft: 12,\n          }}\n        >\n          <Stack sx={{ flex: 1, minWidth: 0 }}>\n            <Text bold={titleBold} variant=\"body1\">\n              {title}\n            </Text>\n            {subtitle && <Text variant=\"caption\">{subtitle}</Text>}\n          </Stack>\n          <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 1 }}>\n            {rightContent && (\n              <Text bold={rightContentBold} display=\"flex\" variant=\"body1\">\n                {rightContent}\n              </Text>\n            )}\n            {rightIcon && <ListItemIcon>{rightIcon}</ListItemIcon>}\n          </Stack>\n        </Stack>\n      </ListItemText>\n    </React.Fragment>\n  )\n\n  return (\n    <ListItem>\n      {onClick ? (\n        <ListItemButton\n          onClick={onClick}\n          sx={{\n            py: 14,\n          }}\n        >\n          {content}\n        </ListItemButton>\n      ) : (\n        <Stack\n          sx={{\n            py: 14,\n            px: 24,\n            width: '100%',\n            flexDirection: 'row',\n            alignItems: 'center',\n          }}\n        >\n          {content}\n        </Stack>\n      )}\n    </ListItem>\n  )\n}\n"],"mappings":";;;;;;;;AAqBA,IAAa,IAAA,CAA2C,EACtD,SAAA,GACA,UAAA,GACA,WAAA,GACA,OAAA,GACA,UAAA,GACA,cAAA,GACA,WAAA,IAAY,IACZ,kBAAA,IAAmB,GAAA,MACf;AACJ,QAAM,IACJ,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACG,KAAY,gBAAA,EAAC,GAAD;AAAA,IAAc,IAAI,EAAE,IAAI,EAAE;AAAA,cAAI;AAAA,EAAuB,CAAA,GAClE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,cALF,CAOE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,MAAM;AAAA,QAAG,UAAU;AAAA,MAAE;AAAA,gBAAlC,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAW,SAAQ;AAAA,kBAC5B;AAAA,MACG,CAAA,GACL,KAAY,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAW;AAAA,MAAe,CAAA,CAChD;AAAA,QACP,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,YAAY;AAAA,QAAU,KAAK;AAAA,MAAE;AAAA,gBAAhE,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAkB,SAAQ;AAAA,QAAO,SAAQ;AAAA,kBAClD;AAAA,MACG,CAAA,GAEP,KAAa,gBAAA,EAAC,GAAD,EAAA,UAAe,EAAwB,CAAA,CAChD;AAAA,MACF;AAAA,KACK,CAAA,CACA,EAAA,CAAA;AAGlB,SACE,gBAAA,EAAC,GAAD,EAAA,UACG,IACC,gBAAA,EAAC,GAAD;AAAA,IACW,SAAA;AAAA,IACT,IAAI,EACF,IAAI,GACN;AAAA,cAEC;AAAA,EACa,CAAA,IAEhB,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,cAEC;AAAA,EACI,CAAA,EAED,CAAA;AAEd"}