@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/WidgetContainer-DJnp6t6c.mjs

@@ -0,0 +1,483 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { observer as ie } from "mobx-react-lite";
+import z from "@mui/material/Button";
+import pe from "@mui/material/Card";
+import he from "@mui/material/CardContent";
+import ge from "@mui/material/Divider";
+import $ from "@mui/material/IconButton";
+import fe from "@mui/material/Paper";
+import Y from "@mui/material/Stack";
+import { ChevronLeft as be } from "@mxenabled/mx-icons";
+import { Icon as x, Text as F, DateRangePicker as Z } from "@mxenabled/mxui";
+import { u as J } from "./useDimensions-CeDR9V8N.mjs";
+import { G as _e } from "./GlobalAccountFilter-BhzR5Vb1.mjs";
+import { a as se, u as le, f as Re, i as Ce, W as xe } from "./hooks-97sNJ_lf.mjs";
+import { addMonths as ee } from "date-fns/addMonths";
+import { addDays as De } from "date-fns/addDays";
+import { addYears as te } from "date-fns/addYears";
+import { differenceInCalendarDays as ye } from "date-fns/differenceInCalendarDays";
+import { endOfDay as ke } from "date-fns/endOfDay";
+import { endOfMonth as W } from "date-fns/endOfMonth";
+import { endOfToday as ae } from "date-fns/endOfToday";
+import { endOfYear as Te } from "date-fns/endOfYear";
+import { startOfMonth as ve } from "date-fns/startOfMonth";
+import { startOfToday as Me } from "date-fns/startOfToday";
+import { startOfYear as Pe } from "date-fns/startOfYear";
+import { subMonths as K } from "date-fns/subMonths";
+import { subDays as Se } from "date-fns/subDays";
+import { subYears as re } from "date-fns/subYears";
+import oe from "@mui/material/Box";
+import Ee from "@mui/material/ButtonGroup";
+import Ye from "@mui/material/Tab";
+import Le from "@mui/material/Tabs";
+import Ae from "@mui/material/ToggleButton";
+import we from "@mui/material/ToggleButtonGroup";
+import { useTheme as Be } from "@mui/material/styles";
+import { u as Ne } from "./useAriaLive-MkYebyUR.mjs";
+import { D as Oe } from "./Dialog-Bvd2n8hz.mjs";
+import { D as Ie } from "./Drawer-DsnW2o0v.mjs";
+import { u as de } from "./useScreenSize-mWpmnh5w.mjs";
+import { f as M, D as P } from "./DateFormats-HudZ3Bjs.mjs";
+import { L as Ge } from "./Loader-CxeBwuPG.mjs";
+import He from "@mui/material/useMediaQuery";
+import { A as ne } from "./Analytics-WeZYytR0.mjs";
+const We = (n) => {
+  const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = de(n), s = He("(min-width:900px)"), _ = 24;
+  let l = 48, D = 32, g = 0, c = "h1", R = !1;
+  const o = a || m;
+  r && !m ? (l = 24, D = 24, c = "h2") : o && (l = 8, D = 10, g = 10, c = "h3", R = !0);
+  const S = {
+    pb: o ? 12 : 0,
+    ...o && {
+      px: l,
+      "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
+      "& .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" }
+    }
+  };
+  return {
+    actionsFlex: o ? 0 : 1,
+    containerSquareCorners: R,
+    headerHeadingLevel: c,
+    headerPaddingBottom: g,
+    headerPaddingTop: D,
+    headerPaddingX: l,
+    iconSize: _,
+    isCompact: o,
+    isDesktop: d,
+    isViewportAbove900: s,
+    slotSx: S
+  };
+}, ze = ({
+  calendarActions: n,
+  color: d = "primary",
+  copy: a,
+  range: m = [ve(Me()), W(ae())],
+  shouldShrinkToIcon: r = !0,
+  variant: s = "outlined"
+}) => {
+  const _ = Be(), { isMobile: l } = de(), { announce: D, ariaLive: g } = Ne(), [c, R] = p.useState(m), [o, S] = p.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, L] = p.useState(c), [E, y] = p.useState(!1), [j, A] = p.useState(!0), [k, w] = p.useState(6), B = {
+    buttons: [
+      { ariaLabel: "3 Months", label: "3M", value: 3 },
+      { ariaLabel: "6 Months", label: "6M", value: 6 },
+      { ariaLabel: "9 Months", label: "9M", value: 9 },
+      { ariaLabel: "1 Year", label: "1Y", value: 12 }
+    ],
+    tabs: [
+      { label: "3 Months", value: 3 },
+      { label: "6 Months", value: 6 },
+      { label: "9 Months", value: 9 },
+      { label: "1 Year", value: 12 }
+    ]
+  };
+  p.useEffect(() => {
+    R(m), L(m);
+  }, [m]), p.useEffect(() => {
+    (s === "timeframebuttons" || s === "timeframetabs") && n.onRangeChanged(V());
+  }, [k]);
+  const V = () => {
+    const t = W(ae());
+    return [W(K(t, k)), t];
+  }, N = (t) => {
+    const [i, u] = c, f = t === "previous";
+    let b;
+    if (o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth)
+      b = [
+        f ? K(i, 1) : ee(i, 1),
+        W(f ? K(u, 1) : ee(u, 1))
+      ];
+    else if (o === a.dateRangePickerCopy.dateRangeYTD || o === a.dateRangePickerCopy.dateRangeLastYear) {
+      const T = Pe(i), v = Te(i);
+      b = [
+        f ? re(T, 1) : te(T, 1),
+        f ? re(v, 1) : te(v, 1)
+      ];
+    } else {
+      const T = ye(u, i), v = f ? Se : De;
+      b = [v(i, T), v(u, T)];
+    }
+    R(b), n.onRangeChanged(b);
+  }, O = () => {
+    R(C), A(
+      o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth
+    ), n.onRangeChanged(C);
+  }, I = (t, i) => {
+    t[1] = t[1] ?? t[0];
+    const u = [t[0], t[1] ? ke(t[1]) : t[1]], f = M(u[0], P.MONTH_DAY_YEAR), b = M(u[1], P.MONTH_DAY_YEAR);
+    L(u), S(i), D(`${a.dateRangeEditTitle}: ${f} - ${b}`);
+  }, G = (t) => {
+    w(t);
+  };
+  return /* @__PURE__ */ h(oe, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ h(
+      oe,
+      {
+        sx: {
+          [_.breakpoints.down("sm")]: {
+            display: r ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [_.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          s === "readonly" && /* @__PURE__ */ h(Y, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(x, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(F, { bold: !0, children: M(C[0], P.MONTH_DAY) }),
+            /* @__PURE__ */ e(x, { name: "remove" }),
+            /* @__PURE__ */ e(F, { bold: !0, children: M(C[1], P.MONTH_DAY_YEAR) })
+          ] }),
+          s !== "readonly" && s !== "timeframebuttons" && s !== "timeframetabs" && /* @__PURE__ */ h(
+            Ee,
+            {
+              color: d,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: l ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: s,
+              children: [
+                /* @__PURE__ */ e(
+                  z,
+                  {
+                    "aria-disabled": n.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: n.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => n.shouldDisablePrevious ? null : N("previous"),
+                    children: /* @__PURE__ */ e(x, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  z,
+                  {
+                    "aria-disabled": n.shouldDisablePicker,
+                    color: d,
+                    onClick: () => n.shouldDisablePicker ? null : y(!0),
+                    startIcon: /* @__PURE__ */ e(x, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: l ? 0 : 8
+                    },
+                    children: j ? M(c[0], P.MONTH_YEAR) : /* @__PURE__ */ h("span", { children: [
+                      M(c[0], P.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      M(c[1], P.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  z,
+                  {
+                    "aria-disabled": n.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: n.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => n.shouldDisableNext ? null : N("next"),
+                    children: /* @__PURE__ */ e(x, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          s === "timeframebuttons" && /* @__PURE__ */ e(
+            we,
+            {
+              "aria-label": a.dateRangeEditTitle,
+              color: d,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: k,
+              children: B.buttons.map((t) => /* @__PURE__ */ e(
+                Ae,
+                {
+                  "aria-label": t.ariaLabel,
+                  onClick: () => G(t.value),
+                  sx: { width: 56 },
+                  value: t.value,
+                  children: t.label
+                },
+                t.label
+              ))
+            }
+          ),
+          s === "timeframetabs" && /* @__PURE__ */ e(
+            Le,
+            {
+              indicatorColor: "primary",
+              onChange: (t, i) => G(i),
+              textColor: "primary",
+              value: k,
+              variant: "fullWidth",
+              children: B.tabs.map((t) => /* @__PURE__ */ e(
+                Ye,
+                {
+                  label: /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: t.label }),
+                  sx: { minWidth: 80 },
+                  value: t.value
+                },
+                t.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    E && l && /* @__PURE__ */ h(
+      Ie,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: E,
+        onClose: () => y(!1),
+        onPrimaryAction: () => {
+          O(), y(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: [
+          g,
+          /* @__PURE__ */ e(
+            Z,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: I,
+              selectedShortcut: o,
+              sx: { p: 0 }
+            }
+          )
+        ]
+      }
+    ),
+    E && !l && /* @__PURE__ */ h(
+      Oe,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => y(!1),
+        onPrimaryAction: () => O(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: [
+          g,
+          /* @__PURE__ */ e(
+            Z,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: I,
+              selectedShortcut: o,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Fe = ie(
+  ({ calendarActions: n, dateRange: d, dateRangeVariant: a }) => {
+    const { displayedDateRange: m } = se(), { common: r } = le(), s = {
+      dateRangePickerCopy: {
+        dateRangeFrom: r.date_range_picker.from,
+        dateRangeTo: r.date_range_picker.to,
+        dateRangeCustom: r.date_range_picker.custom,
+        dateRangeSelectARange: r.date_range_picker.select_range,
+        dateRangeThisMonth: r.date_range_picker.this_month,
+        dateRangeLastMonth: r.date_range_picker.last_month,
+        dateRangeLast30Days: r.date_range_picker.last_30_days,
+        dateRangeLast90Days: r.date_range_picker.last_90_days,
+        dateRangeYTD: r.date_range_picker.ytd,
+        dateRangeLastYear: r.date_range_picker.last_year,
+        dateRangeSelect: r.date_range_picker.select
+      },
+      dateRangeEditApply: r.date_range_picker.edit_apply,
+      dateRangeEditTitle: r.date_range_picker.edit_title,
+      dateRangeNextAria: r.date_range_picker.next_aria,
+      dateRangePreviousAria: r.date_range_picker.previous_aria
+    }, _ = d ? d.start : m.start, l = d ? d.end : m.end;
+    return /* @__PURE__ */ e(
+      ze,
+      {
+        calendarActions: n,
+        copy: s,
+        range: [_, l],
+        shouldShrinkToIcon: !1,
+        variant: a
+      }
+    );
+  }
+), wt = ie(
+  ({
+    actions: n,
+    allowedAccountTypes: d,
+    calendarActions: a,
+    children: m,
+    className: r = "mx-cmn-widget",
+    dateRange: s,
+    dateRangeVariant: _,
+    hasDivider: l = !1,
+    onAccountsFilterClick: D,
+    onBackClick: g,
+    onMenuClick: c,
+    showAccountFilter: R = !0,
+    slotComponent: o,
+    sx: S = {},
+    title: C = ""
+  }) => {
+    const [L, { height: E, width: y }] = J(), [j, { height: A, width: k }] = J(), { onEvent: w } = Re(), {
+      actionsFlex: B,
+      containerSquareCorners: V,
+      headerHeadingLevel: N,
+      headerPaddingBottom: O,
+      headerPaddingTop: I,
+      headerPaddingX: G,
+      iconSize: t,
+      isCompact: i,
+      isDesktop: u,
+      isViewportAbove900: f,
+      slotSx: b
+    } = We(y), { isCopyLoaded: T } = se(), { common: v } = le(), {
+      config: { display_widget_headings: me }
+    } = Ce(), ce = () => {
+      g && (g(), w(ne.WIDGET_BACK_CLICK));
+    };
+    if (p.useEffect(() => {
+      w(ne.WIDGET_SIZE_CHANGED, {
+        height: A,
+        width: k
+      });
+    }, [A, k]), !T)
+      return /* @__PURE__ */ e(Ge, {});
+    const ue = () => c && i && !f ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(x, { name: "menu_open", size: t, sx: { transform: "rotate(180deg)" } }) }) : g ? /* @__PURE__ */ e(
+      $,
+      {
+        "aria-label": v.back_to_dashboard,
+        color: "primary",
+        onClick: ce,
+        sx: { p: 10 },
+        children: /* @__PURE__ */ e(be, { size: 24 })
+      }
+    ) : null, X = a && /* @__PURE__ */ e(Y, { alignItems: "center", sx: b, children: /* @__PURE__ */ e(
+      Fe,
+      {
+        calendarActions: a,
+        dateRange: s,
+        dateRangeVariant: _
+      }
+    ) });
+    return /* @__PURE__ */ e(
+      fe,
+      {
+        className: r,
+        elevation: 1,
+        ref: L,
+        square: V,
+        sx: {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0,
+          margin: 0,
+          overflowY: "auto",
+          height: "100%",
+          ...S
+        },
+        children: /* @__PURE__ */ h(pe, { children: [
+          /* @__PURE__ */ h(
+            Y,
+            {
+              alignItems: "center",
+              alignSelf: "stretch",
+              direction: "row",
+              justifyContent: "space-between",
+              sx: {
+                pb: O,
+                pt: I,
+                px: G
+              },
+              children: [
+                ue(),
+                /* @__PURE__ */ e(Y, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: me && /* @__PURE__ */ e(F, { sx: { width: "100%" }, truncate: !0, variant: N, children: C }) }),
+                !i && (o || X),
+                /* @__PURE__ */ h(
+                  Y,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "flex-end",
+                    sx: { flex: B, flexShrink: 0 },
+                    children: [
+                      R && /* @__PURE__ */ e(
+                        _e,
+                        {
+                          allowedAccountTypes: d,
+                          isDesktop: u,
+                          onAccountFilterClick: D
+                        }
+                      ),
+                      n?.map((q) => {
+                        if (p.isValidElement(q))
+                          return p.cloneElement(q, { isDesktop: u });
+                        const { iconName: H, onClick: Q, label: U } = q;
+                        return u ? /* @__PURE__ */ e(
+                          z,
+                          {
+                            onClick: Q,
+                            startIcon: /* @__PURE__ */ e(x, { name: H, size: t }),
+                            children: U
+                          },
+                          H
+                        ) : /* @__PURE__ */ e($, { "aria-label": U, color: "primary", onClick: Q, children: /* @__PURE__ */ e(x, { name: H, size: t }) }, H);
+                      })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          i && (o || X),
+          i && l && /* @__PURE__ */ e(ge, {}),
+          /* @__PURE__ */ e(he, { ref: j, sx: { p: 0 }, children: /* @__PURE__ */ e(xe, { availableHeight: E, availableWidth: y, children: m }) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  ze as D,
+  wt as W,
+  We as u
+};
+//# sourceMappingURL=WidgetContainer-DJnp6t6c.mjs.map

package/dist/WidgetContainer-DJnp6t6c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContainer-DJnp6t6c.mjs","sources":["../src/common/hooks/useWidgetHeaderStyles.ts","../src/common/components/daterangeselector/DateRangeSelector.tsx","../src/common/components/WidgetDateRangeSelector.tsx","../src/common/components/WidgetContainer.tsx"],"sourcesContent":["import useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { useScreenSize } from './useScreenSize'\n\nexport const useWidgetHeaderStyles = (availableWidth?: number) => {\n  const { isDesktop, isMobile, isSmallTablet, isTablet } = useScreenSize(availableWidth)\n  const isViewportAbove900 = useMediaQuery('(min-width:900px)')\n\n  const iconSize = 24\n\n  // large variant\n  // L & XL breakpoints\n  let headerPaddingX = 48\n  let headerPaddingTop = 32\n  let headerPaddingBottom = 0\n  let headerHeadingLevel: 'h1' | 'h2' | 'h3' = 'h1'\n  let containerSquareCorners = false\n\n  const isCompact = isMobile || isSmallTablet\n\n  if (isTablet && !isSmallTablet) {\n    // M breakpoint\n    headerPaddingX = 24\n    headerPaddingTop = 24\n    headerHeadingLevel = 'h2'\n  } else if (isCompact) {\n    // small variant\n    // S, XS, XXS breakpoints\n    headerPaddingX = 8\n    headerPaddingTop = 10\n    headerPaddingBottom = 10\n    headerHeadingLevel = 'h3'\n\n    containerSquareCorners = true\n  }\n\n  const slotSx = {\n    pb: isCompact ? 12 : 0,\n    ...(isCompact && {\n      px: headerPaddingX,\n      '& .mx-cmn-date-range-selector': { m: 0, width: '100%' },\n      '& .mx-cmn-date-range-selector > .MuiBox-root': { display: 'flex', justifyContent: 'center' },\n      '& .MuiButtonGroup-root': { width: '100%' },\n      '& .MuiButtonGroup-middleButton': { flex: 1 },\n      '& .MuiToggleButtonGroup-root': { width: '100%', justifyContent: 'center' },\n    }),\n  }\n\n  return {\n    actionsFlex: isCompact ? 0 : 1,\n    containerSquareCorners,\n    headerHeadingLevel,\n    headerPaddingBottom,\n    headerPaddingTop,\n    headerPaddingX,\n    iconSize,\n    isCompact,\n    isDesktop,\n    isViewportAbove900,\n    slotSx,\n  }\n}\n","import React from 'react'\nimport { addMonths } from 'date-fns/addMonths'\nimport { addDays } from 'date-fns/addDays'\nimport { addYears } from 'date-fns/addYears'\nimport { differenceInCalendarDays } from 'date-fns/differenceInCalendarDays'\nimport { endOfDay } from 'date-fns/endOfDay'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { endOfYear } from 'date-fns/endOfYear'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { startOfYear } from 'date-fns/startOfYear'\nimport { subMonths } from 'date-fns/subMonths'\nimport { subDays } from 'date-fns/subDays'\nimport { subYears } from 'date-fns/subYears'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport ButtonGroup from '@mui/material/ButtonGroup'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport { useTheme } from '@mui/material/styles'\n\nimport { DateRange } from '@mui/x-date-pickers-pro'\n\nimport { DateRangePicker, DateRangePickerCopy, Icon, Text } from '@mxenabled/mxui'\n\nimport { DATE_FORMATS_INTL, formatDate } from '../../../core/constants'\nimport { useScreenSize } from '../../hooks'\nimport { useAriaLive } from '../../hooks/useAriaLive'\nimport Dialog from '../dialog/Dialog'\nimport Drawer from '../drawer/Drawer'\n\nexport type DateRangeSelectorCopy = {\n  dateRangePickerCopy: DateRangePickerCopy\n  dateRangeEditApply: string\n  dateRangeEditTitle: string\n  dateRangeNextAria: string\n  dateRangePreviousAria: string\n  dateRangeCloseAria: string\n}\n\nexport type CalendarActions = {\n  shouldDisableNext?: boolean\n  shouldDisablePrevious?: boolean\n  shouldDisablePicker?: boolean\n  onRangeChanged: (dateRange: DateRange<Date>) => void\n}\n\nexport interface DateRangeSelectorProps {\n  calendarActions: CalendarActions\n  color?: 'primary' | 'secondary'\n  copy: DateRangeSelectorCopy\n  range?: DateRange<Date>\n  shouldShrinkToIcon?: boolean\n  variant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs'\n}\n\nexport type Timeframe = {\n  ariaLabel?: string\n  label: string\n  value: number\n}\n\nconst DateRangeSelector: React.FC<DateRangeSelectorProps> = ({\n  calendarActions,\n  color = 'primary',\n  copy,\n  range = [startOfMonth(startOfToday()), endOfMonth(endOfToday())],\n  shouldShrinkToIcon = true,\n  variant = 'outlined',\n}) => {\n  const theme = useTheme()\n  const { isMobile } = useScreenSize()\n  const { announce, ariaLive } = useAriaLive()\n\n  const [dateRange, setDateRange] = React.useState<DateRange<Date>>(range)\n  const [shortcut, setShortcut] = React.useState(copy.dateRangePickerCopy.dateRangeThisMonth)\n  const [pickerDateRange, setPickerDateRange] = React.useState(dateRange)\n  const [isPickerOpen, setIsPickerOpen] = React.useState(false)\n  const [isMonthFormat, setIsMonthFormat] = React.useState(true)\n  const [timeframe, setTimeframe] = React.useState(6)\n\n  // TODO: put labels in mrs content and use as copy\n  const timeframes = {\n    buttons: [\n      { ariaLabel: '3 Months', label: '3M', value: 3 },\n      { ariaLabel: '6 Months', label: '6M', value: 6 },\n      { ariaLabel: '9 Months', label: '9M', value: 9 },\n      { ariaLabel: '1 Year', label: '1Y', value: 12 },\n    ],\n    tabs: [\n      { label: '3 Months', value: 3 },\n      { label: '6 Months', value: 6 },\n      { label: '9 Months', value: 9 },\n      { label: '1 Year', value: 12 },\n    ],\n  }\n\n  React.useEffect(() => {\n    setDateRange(range)\n    setPickerDateRange(range)\n  }, [range])\n\n  // dates for timeframe buttons\n  // using today's date as the end date, looks back 3, 6, 9, or 12 months\n  React.useEffect(() => {\n    if (variant === 'timeframebuttons' || variant === 'timeframetabs') {\n      calendarActions.onRangeChanged(getTimeFrameDates())\n    }\n  }, [timeframe])\n\n  const getTimeFrameDates = () => {\n    const timeframeEndDate = endOfMonth(endOfToday()) as Date\n    const timeframeBeginDate = endOfMonth(subMonths(timeframeEndDate, timeframe))\n    return [timeframeBeginDate, timeframeEndDate] as DateRange<Date>\n  }\n\n  const handlePrevNextClick = (direction: 'previous' | 'next') => {\n    const [beginDate, endDate] = dateRange as [Date, Date]\n    const isPrev = direction === 'previous'\n\n    let newRange: DateRange<Date>\n\n    // Month-based shortcuts\n    if (\n      shortcut === copy.dateRangePickerCopy.dateRangeThisMonth ||\n      shortcut === copy.dateRangePickerCopy.dateRangeLastMonth\n    ) {\n      newRange = [\n        isPrev ? subMonths(beginDate, 1) : addMonths(beginDate, 1),\n        endOfMonth(isPrev ? subMonths(endDate, 1) : addMonths(endDate, 1)),\n      ]\n    }\n    // Year-based shortcuts\n    else if (\n      shortcut === copy.dateRangePickerCopy.dateRangeYTD ||\n      shortcut === copy.dateRangePickerCopy.dateRangeLastYear\n    ) {\n      const startYear = startOfYear(beginDate)\n      const endYear = endOfYear(beginDate)\n      newRange = [\n        isPrev ? subYears(startYear, 1) : addYears(startYear, 1),\n        isPrev ? subYears(endYear, 1) : addYears(endYear, 1),\n      ]\n    }\n    // Custom date range - shift by the current range duration\n    else {\n      const dayOffset = differenceInCalendarDays(endDate, beginDate)\n      const dateModifier = isPrev ? subDays : addDays\n      newRange = [dateModifier(beginDate, dayOffset), dateModifier(endDate, dayOffset)]\n    }\n\n    setDateRange(newRange)\n    calendarActions.onRangeChanged(newRange)\n  }\n\n  const handleRangeChanged = () => {\n    setDateRange(pickerDateRange)\n    setIsMonthFormat(\n      shortcut === copy.dateRangePickerCopy.dateRangeThisMonth ||\n        shortcut === copy.dateRangePickerCopy.dateRangeLastMonth,\n    )\n    calendarActions.onRangeChanged(pickerDateRange)\n  }\n\n  const handleDataRangePickerChange = (range: DateRange<Date>, shortcut: string) => {\n    range[1] = range[1] ?? range[0]\n\n    const adjustedRange: DateRange<Date> = [range[0], range[1] ? endOfDay(range[1]) : range[1]]\n    const startFormatted = formatDate(adjustedRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n    const endFormatted = formatDate(adjustedRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)\n\n    setPickerDateRange(adjustedRange)\n    setShortcut(shortcut)\n    announce(`${copy.dateRangeEditTitle}: ${startFormatted} - ${endFormatted}`)\n  }\n\n  const handleTimeframeChanged = (timeframe: number) => {\n    setTimeframe(timeframe)\n  }\n\n  return (\n    <Box className=\"mx-cmn-date-range-selector\" m={4}>\n      <Box\n        sx={{\n          [theme.breakpoints.down('sm')]: {\n            display: shouldShrinkToIcon ? 'none' : 'flex',\n            justifyContent: 'center',\n          },\n          [theme.breakpoints.up('sm')]: { display: 'inline-flex' },\n        }}\n      >\n        {variant === 'readonly' && (\n          <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n            <Icon name=\"calendar_month\" size={24} />\n            <Text bold={true}>\n              {formatDate(pickerDateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY)}\n            </Text>\n            <Icon name=\"remove\" />\n            <Text bold={true}>\n              {formatDate(pickerDateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n            </Text>\n          </Stack>\n        )}\n\n        {variant !== 'readonly' &&\n          variant !== 'timeframebuttons' &&\n          variant !== 'timeframetabs' && (\n            <ButtonGroup\n              color={color}\n              sx={{\n                '& .MuiButtonGroup-grouped': {\n                  padding: isMobile ? 0 : 12,\n                },\n                '& .MuiButtonGroup-middleButton': {\n                  px: 24,\n                },\n                height: 44,\n              }}\n              variant={variant}\n            >\n              <Button\n                aria-disabled={calendarActions.shouldDisablePrevious}\n                aria-label={copy.dateRangePreviousAria}\n                color={calendarActions.shouldDisablePrevious ? 'secondary' : 'primary'}\n                onClick={() =>\n                  calendarActions.shouldDisablePrevious ? null : handlePrevNextClick('previous')\n                }\n              >\n                <Icon name=\"chevron_left\" size={20} />\n              </Button>\n              <Button\n                aria-disabled={calendarActions.shouldDisablePicker}\n                color={color}\n                onClick={() => (calendarActions.shouldDisablePicker ? null : setIsPickerOpen(true))}\n                startIcon={<Icon name=\"calendar_month\" size={20} />}\n                sx={{\n                  p: isMobile ? 0 : 8,\n                }}\n              >\n                {isMonthFormat ? (\n                  formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_YEAR)\n                ) : (\n                  <span>\n                    {formatDate(dateRange[0] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)} -{' '}\n                    {formatDate(dateRange[1] as Date, DATE_FORMATS_INTL.MONTH_DAY_YEAR)}\n                  </span>\n                )}\n              </Button>\n              <Button\n                aria-disabled={calendarActions.shouldDisableNext}\n                aria-label={copy.dateRangeNextAria}\n                color={calendarActions.shouldDisableNext ? 'secondary' : 'primary'}\n                onClick={() =>\n                  calendarActions.shouldDisableNext ? null : handlePrevNextClick('next')\n                }\n              >\n                <Icon name=\"chevron_right\" size={20} />\n              </Button>\n            </ButtonGroup>\n          )}\n\n        {variant === 'timeframebuttons' && (\n          <ToggleButtonGroup\n            aria-label={copy.dateRangeEditTitle}\n            color={color}\n            exclusive={true}\n            orientation=\"horizontal\"\n            value={timeframe}\n          >\n            {timeframes.buttons.map((timeframe: Timeframe) => (\n              <ToggleButton\n                aria-label={timeframe.ariaLabel}\n                key={timeframe.label}\n                onClick={() => handleTimeframeChanged(timeframe.value)}\n                sx={{ width: 56 }}\n                value={timeframe.value}\n              >\n                {timeframe.label}\n              </ToggleButton>\n            ))}\n          </ToggleButtonGroup>\n        )}\n\n        {variant === 'timeframetabs' && (\n          <Tabs\n            indicatorColor=\"primary\"\n            onChange={(_, newValue) => handleTimeframeChanged(newValue)}\n            textColor=\"primary\"\n            value={timeframe}\n            variant=\"fullWidth\"\n          >\n            {timeframes.tabs.map((timeframe: Timeframe) => (\n              <Tab\n                key={timeframe.label}\n                label={\n                  <Text bold={true} variant=\"body1\">\n                    {timeframe.label}\n                  </Text>\n                }\n                sx={{ minWidth: 80 }}\n                value={timeframe.value}\n              />\n            ))}\n          </Tabs>\n        )}\n      </Box>\n\n      {isPickerOpen && isMobile && (\n        <Drawer\n          ariaLabelClose={copy.dateRangeCloseAria}\n          isOpen={isPickerOpen}\n          onClose={() => setIsPickerOpen(false)}\n          onPrimaryAction={() => {\n            handleRangeChanged()\n            setIsPickerOpen(false)\n          }}\n          primaryText={copy.dateRangeEditApply}\n          title={copy.dateRangeEditTitle}\n        >\n          {ariaLive}\n          <DateRangePicker\n            copy={copy.dateRangePickerCopy}\n            dateRange={pickerDateRange}\n            onRangeChanged={handleDataRangePickerChange}\n            selectedShortcut={shortcut}\n            sx={{ p: 0 }}\n          />\n        </Drawer>\n      )}\n\n      {isPickerOpen && !isMobile && (\n        <Dialog\n          copy={{ title: copy.dateRangeEditTitle }}\n          isOpen={true}\n          onClose={() => setIsPickerOpen(false)}\n          onPrimaryAction={() => handleRangeChanged()}\n          primaryText={copy.dateRangeEditApply}\n          sx={{\n            '& .MuiDialogContent-root': {\n              padding: 0,\n            },\n          }}\n        >\n          {ariaLive}\n          <DateRangePicker\n            copy={copy.dateRangePickerCopy}\n            dateRange={pickerDateRange}\n            onRangeChanged={handleDataRangePickerChange}\n            selectedShortcut={shortcut}\n            sx={{\n              pt: 0,\n              '& .MuiPickersLayout-toolbar': {\n                gridColumn: '1/4',\n              },\n            }}\n          />\n        </Dialog>\n      )}\n    </Box>\n  )\n}\n\nexport default DateRangeSelector\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore, useGlobalUiStore } from '../context'\n\nimport { DateRangeSelector } from './daterangeselector'\nimport { CalendarActions, DateRangeSelectorCopy } from './daterangeselector/DateRangeSelector'\n\ninterface WidgetDateRangeSelectorProps {\n  calendarActions: CalendarActions\n  dateRange?: { start: Date; end: Date }\n  dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs'\n}\n\nexport const WidgetDateRangeSelector: React.FC<WidgetDateRangeSelectorProps> = observer(\n  ({ calendarActions, dateRange, dateRangeVariant }) => {\n    const { displayedDateRange } = useGlobalUiStore()\n    const { common: commonCopy } = useGlobalCopyStore()\n\n    const dateRangeSelectorCopy = {\n      dateRangePickerCopy: {\n        dateRangeFrom: commonCopy.date_range_picker.from,\n        dateRangeTo: commonCopy.date_range_picker.to,\n        dateRangeCustom: commonCopy.date_range_picker.custom,\n        dateRangeSelectARange: commonCopy.date_range_picker.select_range,\n        dateRangeThisMonth: commonCopy.date_range_picker.this_month,\n        dateRangeLastMonth: commonCopy.date_range_picker.last_month,\n        dateRangeLast30Days: commonCopy.date_range_picker.last_30_days,\n        dateRangeLast90Days: commonCopy.date_range_picker.last_90_days,\n        dateRangeYTD: commonCopy.date_range_picker.ytd,\n        dateRangeLastYear: commonCopy.date_range_picker.last_year,\n        dateRangeSelect: commonCopy.date_range_picker.select,\n      },\n      dateRangeEditApply: commonCopy.date_range_picker.edit_apply,\n      dateRangeEditTitle: commonCopy.date_range_picker.edit_title,\n      dateRangeNextAria: commonCopy.date_range_picker.next_aria,\n      dateRangePreviousAria: commonCopy.date_range_picker.previous_aria,\n    } as DateRangeSelectorCopy\n\n    const startDate = dateRange ? dateRange.start : displayedDateRange.start\n    const endDate = dateRange ? dateRange.end : displayedDateRange.end\n\n    return (\n      <DateRangeSelector\n        calendarActions={calendarActions}\n        copy={dateRangeSelectorCopy}\n        range={[startDate, endDate]}\n        shouldShrinkToIcon={false}\n        variant={dateRangeVariant}\n      />\n    )\n  },\n)\n","import React, { PropsWithChildren } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport Divider from '@mui/material/Divider'\nimport IconButton from '@mui/material/IconButton'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { ChevronLeft } from '@mxenabled/mx-icons'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { AccountType } from '../../core'\nimport {\n  useAppConfig,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  WidgetContainerProvider,\n} from '../context'\nimport { useWidgetHeaderStyles } from '../hooks'\nimport { useDimensions } from '../hooks/useDimensions'\n\nimport { CalendarActions } from './daterangeselector/DateRangeSelector'\nimport { GlobalAccountFilter } from './GlobalAccountFilter'\nimport { WidgetDateRangeSelector } from './WidgetDateRangeSelector'\nimport Loader from './Loader'\n\ntype Action = {\n  label: string\n  iconName: string\n  onClick: () => void\n}\n\ninterface WidgetContainerProps {\n  allowedAccountTypes?: AccountType[] | undefined\n  actions?: (Action | React.JSX.Element)[]\n  calendarActions?: CalendarActions\n  className?: string\n  dateRange?: { start: Date; end: Date }\n  dateRangeVariant?: 'outlined' | 'text' | 'readonly' | 'timeframebuttons' | 'timeframetabs'\n  hasDivider?: boolean\n  onBackClick?: () => void\n  onMenuClick?: () => void\n  onAccountsFilterClick?: () => void\n  showAccountFilter?: boolean\n  slotComponent?: React.ReactElement\n  sx?: SxProps\n  title?: string\n}\n\nexport const WidgetContainer: React.FC<PropsWithChildren<WidgetContainerProps>> = observer(\n  ({\n    actions,\n    allowedAccountTypes,\n    calendarActions,\n    children,\n    className = 'mx-cmn-widget',\n    dateRange,\n    dateRangeVariant,\n    hasDivider = false,\n    onAccountsFilterClick,\n    onBackClick,\n    onMenuClick,\n    showAccountFilter = true,\n    slotComponent,\n    sx = {},\n    title = '',\n  }) => {\n    const [containerRef, { height, width }] = useDimensions()\n    const [contentRef, { height: contentHeight, width: contentWidth }] = useDimensions()\n    const { onEvent } = useEvent()\n\n    const {\n      actionsFlex,\n      containerSquareCorners,\n      headerHeadingLevel,\n      headerPaddingBottom,\n      headerPaddingTop,\n      headerPaddingX,\n      iconSize,\n      isCompact,\n      isDesktop,\n      isViewportAbove900,\n      slotSx,\n    } = useWidgetHeaderStyles(width)\n    const { isCopyLoaded } = useGlobalUiStore()\n    const { common: commonCopy } = useGlobalCopyStore()\n    const {\n      config: { display_widget_headings: showTitle },\n    } = useAppConfig()\n\n    const handleBackClick = () => {\n      if (onBackClick) {\n        onBackClick()\n        onEvent(ANALYTICS_EVENTS.WIDGET_BACK_CLICK)\n      }\n    }\n\n    React.useEffect(() => {\n      onEvent(ANALYTICS_EVENTS.WIDGET_SIZE_CHANGED, {\n        height: contentHeight,\n        width: contentWidth,\n      })\n    }, [contentHeight, contentWidth])\n\n    if (!isCopyLoaded) {\n      return <Loader />\n    }\n\n    const getNavButton = () => {\n      if (onMenuClick && isCompact && !isViewportAbove900) {\n        return (\n          <IconButton color=\"primary\" onClick={onMenuClick} sx={{ p: 10 }}>\n            <Icon name=\"menu_open\" size={iconSize} sx={{ transform: 'rotate(180deg)' }} />\n          </IconButton>\n        )\n      }\n\n      if (onBackClick) {\n        return (\n          <IconButton\n            aria-label={commonCopy.back_to_dashboard}\n            color=\"primary\"\n            onClick={handleBackClick}\n            sx={{ p: 10 }}\n          >\n            <ChevronLeft size={24} />\n          </IconButton>\n        )\n      }\n\n      return null\n    }\n\n    const defaultSlotComponent = calendarActions && (\n      <Stack alignItems=\"center\" sx={slotSx}>\n        <WidgetDateRangeSelector\n          calendarActions={calendarActions}\n          dateRange={dateRange}\n          dateRangeVariant={dateRangeVariant}\n        />\n      </Stack>\n    )\n\n    return (\n      <Paper\n        className={className}\n        elevation={1}\n        ref={containerRef}\n        square={containerSquareCorners}\n        sx={{\n          borderBottomLeftRadius: 0,\n          borderBottomRightRadius: 0,\n          margin: 0,\n          overflowY: 'auto',\n          height: '100%',\n          ...sx,\n        }}\n      >\n        <Card>\n          <Stack\n            alignItems=\"center\"\n            alignSelf=\"stretch\"\n            direction=\"row\"\n            justifyContent=\"space-between\"\n            sx={{\n              pb: headerPaddingBottom,\n              pt: headerPaddingTop,\n              px: headerPaddingX,\n            }}\n          >\n            {getNavButton()}\n            <Stack alignItems=\"flex-start\" minWidth={0} sx={{ flex: 1 }}>\n              {showTitle && (\n                <Text sx={{ width: '100%' }} truncate={true} variant={headerHeadingLevel}>\n                  {title}\n                </Text>\n              )}\n            </Stack>\n            {!isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n            <Stack\n              alignItems=\"center\"\n              direction=\"row\"\n              justifyContent=\"flex-end\"\n              sx={{ flex: actionsFlex, flexShrink: 0 }}\n            >\n              {showAccountFilter && (\n                <GlobalAccountFilter\n                  allowedAccountTypes={allowedAccountTypes}\n                  isDesktop={isDesktop}\n                  onAccountFilterClick={onAccountsFilterClick}\n                />\n              )}\n              {actions?.map((action) => {\n                if (React.isValidElement(action))\n                  return React.cloneElement(action, { isDesktop } as Partial<unknown>)\n                const { iconName, onClick, label } = action as Action\n                return isDesktop ? (\n                  <Button\n                    key={iconName}\n                    onClick={onClick}\n                    startIcon={<Icon name={iconName} size={iconSize} />}\n                  >\n                    {label}\n                  </Button>\n                ) : (\n                  <IconButton aria-label={label} color=\"primary\" key={iconName} onClick={onClick}>\n                    <Icon name={iconName} size={iconSize} />\n                  </IconButton>\n                )\n              })}\n            </Stack>\n          </Stack>\n          {isCompact && (slotComponent ? slotComponent : defaultSlotComponent)}\n          {isCompact && hasDivider && <Divider />}\n          <CardContent ref={contentRef} sx={{ p: 0 }}>\n            <WidgetContainerProvider availableHeight={height} availableWidth={width}>\n              {children}\n            </WidgetContainerProvider>\n          </CardContent>\n        </Card>\n      </Paper>\n    )\n  },\n)\n"],"names":["useWidgetHeaderStyles","availableWidth","isDesktop","isMobile","isSmallTablet","isTablet","useScreenSize","isViewportAbove900","useMediaQuery","iconSize","headerPaddingX","headerPaddingTop","headerPaddingBottom","headerHeadingLevel","containerSquareCorners","isCompact","slotSx","DateRangeSelector","calendarActions","color","copy","range","startOfMonth","startOfToday","endOfMonth","endOfToday","shouldShrinkToIcon","variant","theme","useTheme","announce","ariaLive","useAriaLive","dateRange","setDateRange","React","shortcut","setShortcut","pickerDateRange","setPickerDateRange","isPickerOpen","setIsPickerOpen","isMonthFormat","setIsMonthFormat","timeframe","setTimeframe","timeframes","getTimeFrameDates","timeframeEndDate","subMonths","handlePrevNextClick","direction","beginDate","endDate","isPrev","newRange","addMonths","startYear","startOfYear","endYear","endOfYear","subYears","addYears","dayOffset","differenceInCalendarDays","dateModifier","subDays","addDays","handleRangeChanged","handleDataRangePickerChange","adjustedRange","endOfDay","startFormatted","formatDate","DATE_FORMATS_INTL","endFormatted","handleTimeframeChanged","jsxs","Box","Stack","jsx","Icon","Text","ButtonGroup","Button","ToggleButtonGroup","ToggleButton","Tabs","_","newValue","Tab","Drawer","DateRangePicker","Dialog","WidgetDateRangeSelector","observer","dateRangeVariant","displayedDateRange","useGlobalUiStore","commonCopy","useGlobalCopyStore","dateRangeSelectorCopy","startDate","WidgetContainer","actions","allowedAccountTypes","children","className","hasDivider","onAccountsFilterClick","onBackClick","onMenuClick","showAccountFilter","slotComponent","sx","title","containerRef","height","width","useDimensions","contentRef","contentHeight","contentWidth","onEvent","useEvent","actionsFlex","isCopyLoaded","showTitle","useAppConfig","handleBackClick","ANALYTICS_EVENTS","Loader","getNavButton","IconButton","ChevronLeft","defaultSlotComponent","Paper","Card","GlobalAccountFilter","action","iconName","onClick","label","Divider","CardContent","WidgetContainerProvider"],"mappings":"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"}

package/dist/accounts/components/detailsdrawer/Accounts/AccountDetailsDrawer.d.ts

@@ -0,0 +1,6 @@
+interface AccountDetailsDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const AccountDetailsDrawer: ({ isOpen, onClose }: AccountDetailsDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default AccountDetailsDrawer;

package/dist/accounts/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AccountsWidget } from './AccountsWidget';
 export { default as AccountsMiniWidget } from './AccountsMiniWidget';
 export { default as ConnectMiniWidget } from './ConnectMiniWidget';
+export { default as AccountDetailsDrawer } from './components/detailsdrawer/Accounts/AccountDetailsDrawer';
 export { default as AccountDetailsHeader } from './components/detailsdrawer/Accounts/AccountDetailsHeader';
 export { default as AccountDetailsContent } from './components/detailsdrawer/Accounts/AccountDetailsContent';
 export { getAccountBalanceDetails, getAccountDetailFields } from './utils/AccountFields';