@mx-cartographer/experiences 8.1.3 → 8.1.4

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [8.1.4] - 04-22-2026
+
+- **FIXED** - Cash Flow widget | center read-only date range
+
 ## [8.1.3] - 04-22-2026
 
 - **ADDED** - widget_size_changed event when the widget container size changes.

package/dist/{WidgetContainer-CTgBAae_.mjs → WidgetContainer-_Fzy--dt.mjs}

@@ -21,8 +21,8 @@ import { endOfDay as xe } from "date-fns/endOfDay";
 import { endOfMonth as z } from "date-fns/endOfMonth";
 import { endOfToday as te } from "date-fns/endOfToday";
 import { endOfYear as De } from "date-fns/endOfYear";
-import { startOfMonth as ke } from "date-fns/startOfMonth";
-import { startOfToday as ye } from "date-fns/startOfToday";
+import { startOfMonth as ye } from "date-fns/startOfMonth";
+import { startOfToday as ke } from "date-fns/startOfToday";
 import { startOfYear as Te } from "date-fns/startOfYear";
 import { subMonths as K } from "date-fns/subMonths";
 import { subDays as ve } from "date-fns/subDays";
@@ -44,15 +44,15 @@ import we from "@mui/material/useMediaQuery";
 import { A as oe } from "./Analytics-CzGzz_sE.mjs";
 const Ie = (n) => {
   const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = le(n), i = we("(min-width:900px)"), _ = 24;
-  let s = 48, k = 32, h = 0, c = "h1", R = !1;
+  let s = 48, y = 32, h = 0, c = "h1", R = !1;
   const o = a || m;
-  r && !m ? (s = 24, k = 24, c = "h2") : o && (s = 8, k = 10, h = 10, c = "h3", R = !0);
+  r && !m ? (s = 24, y = 24, c = "h2") : o && (s = 8, y = 10, h = 10, c = "h3", R = !0);
   const A = {
     pb: o ? 12 : 0,
     ...o && {
       px: s,
       "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
-      "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
+      "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex", justifyContent: "center" },
       "& .MuiButtonGroup-root": { width: "100%" },
       "& .MuiButtonGroup-middleButton": { flex: 1 },
       "& .MuiToggleButtonGroup-root": { width: "100%", justifyContent: "center" }
@@ -63,7 +63,7 @@ const Ie = (n) => {
     containerSquareCorners: R,
     headerHeadingLevel: c,
     headerPaddingBottom: h,
-    headerPaddingTop: k,
+    headerPaddingTop: y,
     headerPaddingX: s,
     iconSize: _,
     isCompact: o,
@@ -75,11 +75,11 @@ const Ie = (n) => {
   calendarActions: n,
   color: d = "primary",
   copy: a,
-  range: m = [ke(ye()), z(te())],
+  range: m = [ye(ke()), z(te())],
   shouldShrinkToIcon: r = !0,
   variant: i = "outlined"
 }) => {
-  const _ = Ye(), { isMobile: s } = le(), { announce: k, ariaLive: h } = Ae(), [c, R] = u.useState(m), [o, A] = u.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, N] = u.useState(c), [y, x] = u.useState(!1), [O, F] = u.useState(!0), [E, j] = u.useState(6), w = {
+  const _ = Ye(), { isMobile: s } = le(), { announce: y, ariaLive: h } = Ae(), [c, R] = u.useState(m), [o, A] = u.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, N] = u.useState(c), [k, x] = u.useState(!1), [O, F] = u.useState(!0), [E, j] = u.useState(6), w = {
     buttons: [
       { ariaLabel: "3 Months", label: "3M", value: 3 },
       { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -127,7 +127,7 @@ const Ie = (n) => {
   }, T = (t, l) => {
     t[1] = t[1] ?? t[0];
     const p = [t[0], t[1] ? xe(t[1]) : t[1]], f = P(p[0], S.MONTH_DAY_YEAR), b = P(p[1], S.MONTH_DAY_YEAR);
-    N(p), A(l), k(`${a.dateRangePickerCopy}: ${f} - ${b}`);
+    N(p), A(l), y(`${a.dateRangePickerCopy}: ${f} - ${b}`);
   }, Y = (t) => {
     j(t);
   };
@@ -248,11 +248,11 @@ const Ie = (n) => {
         ]
       }
     ),
-    y && s && /* @__PURE__ */ g(
+    k && s && /* @__PURE__ */ g(
       Ne,
       {
         ariaLabelClose: a.dateRangeCloseAria,
-        isOpen: y,
+        isOpen: k,
         onClose: () => x(!1),
         onPrimaryAction: () => {
           L(), x(!1);
@@ -274,7 +274,7 @@ const Ie = (n) => {
         ]
       }
     ),
-    y && !s && /* @__PURE__ */ g(
+    k && !s && /* @__PURE__ */ g(
       Be,
       {
         copy: { title: a.dateRangeEditTitle },
@@ -350,7 +350,7 @@ const Ie = (n) => {
     dateRange: i,
     dateRangeVariant: _,
     hasDivider: s = !1,
-    onAccountsFilterClick: k,
+    onAccountsFilterClick: y,
     onBackClick: h,
     onMenuClick: c,
     showAccountFilter: R = !0,
@@ -358,7 +358,7 @@ const Ie = (n) => {
     sx: A = {},
     title: C = ""
   }) => {
-    const [N, { height: y, width: x }] = ge(), { onEvent: O } = fe(), {
+    const [N, { height: k, width: x }] = ge(), { onEvent: O } = fe(), {
       actionsFlex: F,
       containerSquareCorners: E,
       headerHeadingLevel: j,
@@ -376,8 +376,8 @@ const Ie = (n) => {
       h && (h(), O(oe.WIDGET_BACK_CLICK));
     };
     if (u.useEffect(() => {
-      O(oe.WIDGET_SIZE_CHANGED, { height: y, width: x });
-    }, [y]), !p)
+      O(oe.WIDGET_SIZE_CHANGED, { height: k, width: x });
+    }, [k]), !p)
       return /* @__PURE__ */ e(Oe, {});
     const M = () => c && T && !t ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(D, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : h ? /* @__PURE__ */ e(
       $,
@@ -434,7 +434,7 @@ const Ie = (n) => {
                         {
                           allowedAccountTypes: d,
                           isDesktop: Y,
-                          onAccountFilterClick: k
+                          onAccountFilterClick: y
                         }
                       ),
                       n?.map((q) => {
@@ -459,7 +459,7 @@ const Ie = (n) => {
           ),
           T && (o || X),
           T && s && /* @__PURE__ */ e(ce, {}),
-          /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(_e, { availableHeight: y, availableWidth: x, children: m }) })
+          /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(_e, { availableHeight: k, availableWidth: x, children: m }) })
         ] })
       }
     );

package/dist/accounts/index.es.js

@@ -63,7 +63,7 @@ import { C as l3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
 import { u as H1 } from "../useScreenSize-CeFhWTt_.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as o1 } from "../Loader-CxeBwuPG.mjs";
-import { W as r3 } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as r3 } from "../WidgetContainer-_Fzy--dt.mjs";
 import { M as v1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { A as l2 } from "../AccountStore-B3S_p5Qa.mjs";
 const d3 = (t, o) => {

package/dist/budgets/index.es.js

@@ -48,7 +48,7 @@ import { subDays as st } from "date-fns/subDays";
 import it from "@mui/material/IconButton";
 import { M as ct } from "../ManageIncome-Deq2AZEM.mjs";
 import { u as ze } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { W as lt } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as lt } from "../WidgetContainer-_Fzy--dt.mjs";
 import { u as dt, l as ut, d as mt } from "../BudgetUtil-DalEN9--.mjs";
 import { M as gt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { b as we } from "../CategoryUtil-BJOHgYKS.mjs";

package/dist/cashflow/index.es.js

@@ -40,7 +40,7 @@ import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-Deq
 import { D as He } from "../Drawer-XPaLYjiO.mjs";
 import { subDays as We } from "date-fns/subDays";
 import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as mt } from "../WidgetContainer-_Fzy--dt.mjs";
 import { A as X } from "../Account-CMjOp7S2.mjs";
 import { A as Se } from "../Analytics-CzGzz_sE.mjs";
 import { formatISO as ut } from "date-fns/formatISO";

package/dist/common/hooks/useWidgetHeaderStyles.d.ts

@@ -17,6 +17,7 @@ export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
         } | undefined;
         '& .mx-cmn-date-range-selector > .MuiBox-root'?: {
             display: string;
+            justifyContent: string;
         } | undefined;
         '& .MuiButtonGroup-root'?: {
             width: string;

package/dist/common/index.es.js

@@ -2,7 +2,7 @@ import { f as G, a as $, b as w } from "../BudgetUtil-DalEN9--.mjs";
 import { C as At, c as Tt, d as Et, g as Bt, e as vt, h as kt, j as Mt, k as It } from "../BudgetUtil-DalEN9--.mjs";
 import { C as Lt } from "../CurrencyInput-CSJ3zMgE.mjs";
 import { D as Pt, S as Ot } from "../RecurringTransactions-DCt94TN4.mjs";
-import { D as Ft, W as Gt, u as $t } from "../WidgetContainer-CTgBAae_.mjs";
+import { D as Ft, W as Gt, u as $t } from "../WidgetContainer-_Fzy--dt.mjs";
 import { D as Wt } from "../Dialog-iLlBR8TG.mjs";
 import { D as Qt } from "../Donut-D7ekbgf5.mjs";
 import { D as Vt } from "../Drawer-XPaLYjiO.mjs";

package/dist/debts/index.es.js

@@ -46,7 +46,7 @@ import ct from "@mui/material/ListItem";
 import dt from "@mui/material/Popover";
 import { u as pt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as ht } from "../Loader-CxeBwuPG.mjs";
-import { W as mt } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as mt } from "../WidgetContainer-_Fzy--dt.mjs";
 import { E as ut } from "../EmptyState-DHAkGsjk.mjs";
 import { C as bt } from "../ConnectDrawer-5BpU4IQU.mjs";
 const _t = (r, o = 0, n = 0) => {

package/dist/finstrong/index.es.js

@@ -73,7 +73,7 @@ import vo from "@mui/material/Accordion";
 import wo from "@mui/material/AccordionDetails";
 import ko from "@mui/material/AccordionSummary";
 import { u as Mo } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { W as Do } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as Do } from "../WidgetContainer-_Fzy--dt.mjs";
 const Io = ({
   dialScoreData: t,
   dataIndex: o,

package/dist/goals/index.es.js

@@ -52,7 +52,7 @@ import { D as _t } from "../Dialog-iLlBR8TG.mjs";
 import { u as Me } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { A as H } from "../Analytics-CzGzz_sE.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as pt } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as pt } from "../WidgetContainer-_Fzy--dt.mjs";
 import { E as ht } from "../EmptyState-DHAkGsjk.mjs";
 import bt from "@mui/material/Stack/Stack";
 import ft from "@mui/material/Box";

package/dist/help/index.es.js

@@ -4,7 +4,7 @@ import { H as s } from "../Help-BFlcaOO_.mjs";
 import { b as a } from "../hooks-HwStH7q_.mjs";
 import { u as p } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as d } from "../Loader-CxeBwuPG.mjs";
-import { W as f } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as f } from "../WidgetContainer-_Fzy--dt.mjs";
 const L = m(({ onBackClick: e, onMenuClick: i, sx: t }) => {
   const { isInitialized: o } = a();
   return p({

package/dist/investments/index.es.js

@@ -39,7 +39,7 @@ import { DataGridPro as Pe } from "@mui/x-data-grid-pro";
 import { Stack as qe } from "@mui/material";
 import { L as De } from "../Loader-CxeBwuPG.mjs";
 import { u as Ke } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { W as Ye } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as Ye } from "../WidgetContainer-_Fzy--dt.mjs";
 import { A as Qe } from "../Account-CMjOp7S2.mjs";
 import { E as Je } from "../EmptyState-DHAkGsjk.mjs";
 const me = ({ sx: t = {} }) => {

package/dist/networth/index.es.js

@@ -35,7 +35,7 @@ import { u as nt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as ot } from "../Loader-CxeBwuPG.mjs";
 import { M as gt } from "../MicroWidgetContainer-CEcwdfti.mjs";
 import { C as yt } from "../ConnectionsDrawer-DxpSlJN7.mjs";
-import { W as Ct } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as Ct } from "../WidgetContainer-_Fzy--dt.mjs";
 import { E as bt } from "../EmptyState-DHAkGsjk.mjs";
 const _t = () => {
   const { isMobile: e } = Y(), { availableWidth: s } = st(), i = z(), {

package/dist/recurringtransactions/index.es.js

@@ -59,7 +59,7 @@ import { S as Le } from "../StatusBar-CPfSXe80.mjs";
 import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
-import { W as ht } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as ht } from "../WidgetContainer-_Fzy--dt.mjs";
 import { M as ft } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as bt } from "../MicroWidgetContainer-CEcwdfti.mjs";

package/dist/settings/index.es.js

@@ -43,7 +43,7 @@ import Be from "@mui/material/ListItemText";
 import { D as He } from "../Drawer-XPaLYjiO.mjs";
 import { u as ne } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { H as Oe } from "../Help-BFlcaOO_.mjs";
-import { W as q } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as q } from "../WidgetContainer-_Fzy--dt.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
   const i = xe(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = H(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = we(), [p, k] = m.useState({
     first_name: d.first_name,

package/dist/spending/index.es.js

@@ -31,7 +31,7 @@ import { D as Z } from "../Drawer-XPaLYjiO.mjs";
 import { b as w } from "../Category-Ccoew_sA.mjs";
 import { parseISO as tt } from "date-fns/parseISO";
 import { A as et } from "../Analytics-CzGzz_sE.mjs";
-import { W as It } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as It } from "../WidgetContainer-_Fzy--dt.mjs";
 const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: c }),
   /* @__PURE__ */ t(T, { variant: "caption", children: N(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/index.es.js

@@ -41,7 +41,7 @@ import { u as mt } from "../useAriaLive-MkYebyUR.mjs";
 import { S as _t } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as pt } from "../useScreenSize-CeFhWTt_.mjs";
 import { u as gt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { W as ht } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as ht } from "../WidgetContainer-_Fzy--dt.mjs";
 import { S as ft } from "../SearchBox-CwDgvWVJ.mjs";
 import { D as te } from "../Drawer-XPaLYjiO.mjs";
 const Ct = (t) => /* @__PURE__ */ m(y, { tabIndex: t.tabIndex, variant: "body2", children: [

package/dist/trends/index.es.js

@@ -40,7 +40,7 @@ import { T as dt } from "../TransactionDetails-DLnK244l.mjs";
 import { D as Pe } from "../Drawer-XPaLYjiO.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
-import { W as ut } from "../WidgetContainer-CTgBAae_.mjs";
+import { W as ut } from "../WidgetContainer-_Fzy--dt.mjs";
 import { L as Ve } from "../LineChart-jJVBE8V8.mjs";
 import { M as Jt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { subMonths as eo } from "date-fns";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.1.3",
+  "version": "8.1.4",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",