@mx-cartographer/experiences 8.0.0-alpha.sms2 → 9.0.0-alpha.mega1

package/dist/trends/utils/TrendsData.d.ts

@@ -14,6 +14,7 @@ export interface StackedLineChartData {
 }
 export declare const getStackedLineChartData: (totals: MonthlyCategoryTotals[], start: Date, end: Date) => StackedLineChartData[];
 export declare const amountComparator: GridComparatorFn<string | number>;
+export declare const categoryComparator: GridComparatorFn<string>;
 export declare const buildCategoryDetailsChartData: (data: DetailedCategoryWithTransactions | null, monthsCount: number) => {
     monthlyAmounts: {
         x: string;

package/dist/trends/utils/TrendsTable.d.ts

@@ -0,0 +1,12 @@
+import { GridColDef } from '@mui/x-data-grid-pro';
+import { DetailedCategory, TrendsCopy } from '../../common';
+export declare const generateMonthHeaders: (start: Date, end: Date) => string[];
+export declare const getTrendsTableColumns: (monthHeaders: string[], copy: TrendsCopy) => GridColDef[];
+export declare const getTrendsTableRows: (categories: DetailedCategory[], copy: TrendsCopy, monthHeaders: string[], parentCategory?: DetailedCategory) => {
+    id: string;
+    category: string;
+    category_guid: string;
+    isParent: boolean;
+    top_level_category_guid: string;
+    total: number;
+}[];

package/dist/{useAccountDisplayName-usSZCQ7I.mjs → useAccountDisplayName-DbkgGLdg.mjs}

@@ -1,6 +1,6 @@
 import s from "react";
-import { g as e } from "./ConnectDrawer-Dn1MlqLz.mjs";
-import { a as n } from "./hooks-C41HAxM5.mjs";
+import { g as e } from "./AccountDisplayName-CO7z3v99.mjs";
+import { a as n } from "./hooks-fY_n74f7.mjs";
 const i = (o) => {
   const { config: a } = n();
   return s.useMemo(

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/dist/{useInsightsEnabled-CNjP5cfR.mjs → useInsightsEnabled-dhmXeSyF.mjs}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as a } from "react";
-import { f as o } from "./hooks-C41HAxM5.mjs";
+import { f as o } from "./hooks-fY_n74f7.mjs";
 const f = () => {
   const { isInitialized: e, appDataStore: t } = o(), [s, i] = n(!1);
   return a(() => {

package/dist/useWidgetLoadTimer-CrUzxN-P.mjs

@@ -0,0 +1,19 @@
+import { useRef as r, useEffect as c } from "react";
+import { g as l } from "./hooks-fY_n74f7.mjs";
+let n = !0;
+const d = ({ widgetName: i, isLoaded: u = !0 }) => {
+  const { onEvent: o } = l(), t = r(null), s = r(!1), e = r(!1);
+  t.current === null && (e.current = n, t.current = n ? performance.timeOrigin : Date.now()), c(() => {
+    if (u && !s.current && t.current !== null) {
+      const a = Date.now() - t.current;
+      o("WidgetLoad", {
+        widgetName: i,
+        loadTimeMs: a,
+        isInitialLoad: e.current
+      }), s.current = !0, t.current = null, e.current && (n = !1);
+    }
+  }, [u, i, o]);
+};
+export {
+  d as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.0.0-alpha.sms2",
+  "version": "9.0.0-alpha.mega1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -180,7 +180,7 @@
     "@mui/lab": "^5.0.0-alpha.177",
     "@mui/material": "^5.18.0",
     "@mui/system": "^5.18.0",
-    "@mui/x-charts": "^7.29.1",
+    "@mui/x-charts": "^8.23.0",
     "@mui/x-data-grid-pro": "^7.29.8",
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
@@ -196,18 +196,21 @@
     "mobx-react-lite": "^4.1.0",
     "numeral": "^2.0.6",
     "posthog-js": "^1.230.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-intersection-observer": "^10.0.0",
+    "react-intersection-observer": "^10.0.2",
     "uuid": "^11.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@babel/eslint-parser": "^7.26.10",
-    "@storybook/addon-a11y": "9.1.16",
-    "@storybook/addon-docs": "9.1.16",
-    "@storybook/addon-links": "9.1.16",
-    "@storybook/react-vite": "9.1.16",
+    "@storybook/addon-a11y": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@storybook/theming": "^8.6.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -217,16 +220,15 @@
     "@types/jest": "^29.5.14",
     "@types/numeral": "^2.0.5",
     "@types/prop-types": "^15.7.14",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/coverage-v8": "^4.0.15",
-    "@vitest/ui": "^4.0.15",
-    "@vueless/storybook-dark-mode": "^10.0.4",
-    "@yarnpkg/sdks": "^3.2.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^3.0.8",
+    "@vitest/ui": "^3.0.8",
+    "@yarnpkg/sdks": "^3.2.1",
     "css-mediaquery": "^0.1.2",
     "eslint": "^8.56.0",
     "eslint-config-mx": "^4.0.0",
@@ -235,7 +237,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "9.1.16",
+    "eslint-plugin-storybook": "^0.11.1",
     "global-jsdom": "^9.2.0",
     "husky": "^9.1.7",
     "jsdom": "^23.0.1",
@@ -243,14 +245,17 @@
     "path": "^0.12.7",
     "prettier": "^3.5.3",
     "prop-types": "^15.8.1",
-    "storybook": "9.1.16",
-    "storybook-addon-mock": "^6.0.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "^8.6.4",
+    "storybook-addon-mock": "^5.0.0",
+    "storybook-dark-mode": "4.0.1",
     "typescript": "^5.8.2",
     "vi-canvas-mock": "^1.0.0",
-    "vite": "^7.2.7",
-    "vite-plugin-dts": "^4.5.4",
+    "vite": "^5.4.21",
+    "vite-plugin-dts": "^4.5.3",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.15"
+    "vitest": "^3.0.8"
   },
   "peerDependencies": {
     "@mui/material": "^5",