@mx-cartographer/experiences 7.2.12-alpha.san1 → 7.2.13-alpha-ram1-finstrongtesting-wec-947

package/dist/useAriaLive-B3_pRUio.mjs

@@ -0,0 +1,35 @@
+import { jsx as l } from "react/jsx-runtime";
+import e from "react";
+import u from "@mui/material/Box";
+const x = (a = "polite") => {
+  const [s, o] = e.useState(""), [t, r] = e.useState(a), n = e.useCallback((c, i) => {
+    i && r(i), o(c);
+  }, []), p = e.useMemo(
+    () => /* @__PURE__ */ l(
+      u,
+      {
+        "aria-atomic": "true",
+        "aria-live": t,
+        role: t === "assertive" ? "alert" : "status",
+        sx: {
+          position: "absolute",
+          width: "1px",
+          height: "1px",
+          padding: 0,
+          margin: "-1px",
+          overflow: "hidden",
+          clip: "rect(0 0 0 0)",
+          clipPath: "inset(50%)",
+          whiteSpace: "nowrap",
+          border: 0
+        },
+        children: s
+      }
+    ),
+    [s, t]
+  );
+  return { announce: n, ariaLive: p };
+};
+export {
+  x as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.2.12-alpha.san1",
+  "version": "7.2.13-alpha-ram1-finstrongtesting-wec-947",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/Donut-1UMNcG67.mjs

@@ -1,57 +0,0 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import R from "react";
-import { selectAll as A, interpolateString as D, arc as I } from "d3";
-import n from "@mui/material/Box";
-const m = 100, v = 140, w = 10, x = ({
-  data: s,
-  hoveredId: i,
-  onClick: a,
-  onMouseEnter: l,
-  onMouseLeave: c,
-  selectedId: d,
-  size: o = 300,
-  children: u
-}) => {
-  let r = 0;
-  return R.useEffect(() => {
-    A(".arc-outer").transition("roll").duration(500).attrTween("transform", () => D("rotate(0)", "rotate(360)"));
-  }, []), /* @__PURE__ */ g(n, { height: o, position: "relative", width: o, children: [
-    /* @__PURE__ */ e(n, { height: "100%", width: "100%", children: u }),
-    /* @__PURE__ */ e(
-      "svg",
-      {
-        height: o,
-        style: { position: "absolute", top: 0, left: 0 },
-        viewBox: "-150 -150 300 300",
-        width: o,
-        children: /* @__PURE__ */ e("g", { children: s.map((t) => {
-          const h = r;
-          r = r + 2 * Math.PI * (t.value / 100);
-          const p = r, f = I().cornerRadius(4)({
-            innerRadius: m,
-            outerRadius: v + (t.id === d || t.id === i ? w : 0),
-            startAngle: h,
-            endAngle: p,
-            padAngle: 0.025
-          });
-          return /* @__PURE__ */ e(
-            "path",
-            {
-              className: "arc-outer",
-              d: f,
-              fill: t.color,
-              onClick: () => a?.(t.id),
-              onMouseEnter: () => l?.(t.id),
-              onMouseLeave: () => c?.(t.id),
-              style: { cursor: "pointer" }
-            },
-            t.id
-          );
-        }) })
-      }
-    )
-  ] });
-}, M = x;
-export {
-  M as D
-};

package/dist/SpendingLegend-squvjEhu.mjs

@@ -1,170 +0,0 @@
-import { b } from "./CategoryUtil-DUM8NuGO.mjs";
-import { b as m } from "./Category-CevNQ03n.mjs";
-import { jsx as d, jsxs as x } from "react/jsx-runtime";
-import T from "react";
-import { observer as E } from "mobx-react-lite";
-import h from "@mui/material/Stack";
-import { CategoryIcon as I, CategoryIconVariants as M, Text as p } from "@mxenabled/mxui";
-import N from "@mui/material/Button";
-import { useTheme as v } from "@mui/material";
-import { D as G } from "./Donut-1UMNcG67.mjs";
-import { u as w } from "./hooks-C41HAxM5.mjs";
-import { u as O } from "./useScreenSize-B6JyS_Lj.mjs";
-import { f as D } from "./NumberFormatting-Buh7u8Oi.mjs";
-import j from "@mui/material/Box";
-const C = 5, k = (a, l, g) => g.reduce((e, r) => {
-  if (r.total > 0) {
-    const n = a.find((o) => o.guid === r.category_guid);
-    if (!n) return e;
-    const u = n.parent_guid ?? n.guid, t = a.find((o) => o.guid === u);
-    if (!t) return e;
-    const i = {
-      guid: n.guid,
-      name: n.guid === u ? `General ${n.name}` : n.name,
-      color: b(t.guid, l),
-      amount: r.total
-    }, c = e.find((o) => o.guid === u);
-    c ? (c.amount += r.total, c.categoryTotals?.push(i)) : e.push({
-      guid: u,
-      name: t.name,
-      color: b(t.guid, l),
-      categoryTotals: [i],
-      amount: r.total
-    });
-  }
-  return e;
-}, []), L = (a, l, g, e) => {
-  const r = k(a, g, e), n = r.filter(
-    (o) => o.guid !== m.INCOME && o.guid !== m.INVESTMENTS && o.guid !== m.TRANSFER
-  ).sort((o, s) => s.amount - o.amount), u = n.reduce(
-    (o, s) => o + s.amount,
-    0
-  ), t = n.length > C ? C : n.length, i = n.slice(0, t), c = i.map((o) => ({
-    id: o.guid,
-    color: b(o.guid, g),
-    label: o.name,
-    value: o.amount / u * 100
-  }));
-  if (n.length > 5) {
-    const o = n.slice(C, r.length), s = o.reduce(
-      (f, y) => f + y.amount,
-      0
-    );
-    i.push({
-      guid: "other",
-      color: g.palette.categories.others || "",
-      name: l.saving_goal_other,
-      categoryTotals: o,
-      amount: s
-    }), c.push({
-      id: "other",
-      color: g.palette.categories.others || "",
-      label: l.saving_goal_other,
-      value: s / u * 100
-    });
-  }
-  return {
-    categoryData: i,
-    donutData: c,
-    totalAmount: u
-  };
-}, Q = (a, l, g) => {
-  const e = a.filter(
-    (t) => t.guid === m.INCOME || t.parent_guid === m.INCOME
-  ), r = l.filter((t) => e.some((i) => i.guid === t.category_guid)).sort((t, i) => t.total - i.total).map((t, i) => ({
-    guid: t.category_guid,
-    name: a.find((c) => c.guid === t.category_guid)?.name,
-    color: g[i],
-    categoryTotals: [],
-    amount: Math.abs(t.total)
-  })), n = r.reduce(
-    (t, i) => t + i.amount,
-    0
-  ), u = r.map((t) => ({
-    id: t.guid,
-    color: t.color,
-    label: t.name,
-    value: t.amount / n * 100
-  }));
-  return {
-    categoryData: r,
-    donutData: u,
-    totalAmount: n
-  };
-}, A = ({
-  data: a,
-  isIncome: l = !1,
-  onSelected: g,
-  onViewTransactions: e,
-  selectedId: r,
-  size: n = 150,
-  totalLabel: u,
-  variant: t = "mini"
-}) => {
-  const { spending: i } = w(), c = v(), { isTablet: o } = O(), s = T.useMemo(
-    () => r ? a.categoryData.find((_) => _.guid === r) : void 0,
-    [r]
-  ), f = T.useMemo(() => a.donutData.length > 0 ? a.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [a, c]), y = () => {
-    e?.(r);
-  }, S = o ? 32 : 48;
-  return /* @__PURE__ */ d(G, { data: f, onClick: g, selectedId: r, size: n, children: /* @__PURE__ */ d(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ x(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
-    s && /* @__PURE__ */ x(
-      h,
-      {
-        alignItems: "center",
-        gap: t === "mini" ? 0 : 8,
-        mb: t === "mini" ? 0 : 8,
-        mt: t === "mini" ? 0 : -16,
-        sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
-        children: [
-          /* @__PURE__ */ d(
-            I,
-            {
-              categoryGuid: l ? m.INCOME : s.guid,
-              size: t === "mini" ? 24 : S,
-              variant: M.Transparent
-            }
-          ),
-          /* @__PURE__ */ d(p, { color: "secondary", noWrap: !0, variant: t === "mini" ? "Tiny" : "Body", children: s ? s.name : u })
-        ]
-      }
-    ),
-    !s && t === "full" && /* @__PURE__ */ d(p, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: u }),
-    /* @__PURE__ */ d(p, { variant: t === "mini" ? "H2" : "H1", children: s ? D(s.amount, "0,0") : D(a.totalAmount, "0,0") }),
-    !s && t === "mini" && /* @__PURE__ */ d(p, { color: "secondary", noWrap: !0, variant: "Tiny", children: u }),
-    t === "full" && /* @__PURE__ */ d(
-      N,
-      {
-        "aria-label": `View ${s?.name || ""} Transactions`,
-        disabled: a.categoryData.length === 0,
-        onClick: y,
-        sx: { mt: { xl: 4, xs: 0 }, zIndex: 1 },
-        variant: "text",
-        children: i.view_transactions
-      }
-    )
-  ] }) }) });
-}, U = E(A), Z = ({ data: a, onSelected: l, selectedId: g }) => /* @__PURE__ */ d(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: a.categoryData.map((e) => /* @__PURE__ */ x(
-  h,
-  {
-    alignItems: "center",
-    "aria-label": e.name,
-    "aria-selected": e.guid === g,
-    direction: "row",
-    gap: 8,
-    onClick: () => l(e.guid),
-    role: "button",
-    sx: { cursor: "pointer" },
-    children: [
-      /* @__PURE__ */ d(j, { borderRadius: 4, height: 8, sx: { backgroundColor: e.color }, width: 8 }),
-      /* @__PURE__ */ d(p, { bold: e.guid === g, variant: "XSmall", children: e.name })
-    ]
-  },
-  e.guid
-)) });
-export {
-  U as S,
-  Q as a,
-  Z as b,
-  L as g
-};