@mx-cartographer/experiences 8.0.19 → 8.0.20

package/dist/{useScreenSize-B6JyS_Lj.mjs → useScreenSize-CUcpY7aJ.mjs}

@@ -26,7 +26,7 @@ const l = (s) => {
     // Smaller than 444
     isSmallMobile: s < n,
     // Between 600 and 900
-    isSmallTablet: s >= r && s <= p,
+    isSmallTablet: s >= r && s < p,
     // Between 600 and 1200
     isTablet: s > r && s <= t
   }), m;

package/package.json

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

package/dist/WidgetContainer-D-pbSa7L.mjs

@@ -1,441 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import h from "react";
-import { observer as ae } from "mobx-react-lite";
-import U from "@mui/material/Box";
-import N from "@mui/material/Button";
-import re from "@mui/material/Card";
-import oe from "@mui/material/CardContent";
-import ne from "@mui/material/CardHeader";
-import V from "@mui/material/Divider";
-import j from "@mui/material/IconButton";
-import F from "@mui/material/Stack";
-import { ChevronLeft as ie } from "@mxenabled/mx-icons";
-import { Icon as f, Text as $, DateRangePicker as q, H2 as se, H3 as le } from "@mxenabled/mxui";
-import { u as de } from "./useDimensions-CeDR9V8N.mjs";
-import { G as me } from "./GlobalAccountFilter-B73Pw1hJ.mjs";
-import { L as ce } from "./Loader-D3rjKx72.mjs";
-import { g as pe, b as ue, u as ge, a as he, W as fe } from "./hooks-BxkfR-Ff.mjs";
-import { u as te } from "./useScreenSize-B6JyS_Lj.mjs";
-import { addMonths as J } from "date-fns/addMonths";
-import { addDays as be } from "date-fns/addDays";
-import { addYears as Q } from "date-fns/addYears";
-import { differenceInCalendarDays as _e } from "date-fns/differenceInCalendarDays";
-import { endOfDay as Re } from "date-fns/endOfDay";
-import { endOfMonth as G } from "date-fns/endOfMonth";
-import { endOfToday as X } from "date-fns/endOfToday";
-import { endOfYear as Ce } from "date-fns/endOfYear";
-import { startOfMonth as De } from "date-fns/startOfMonth";
-import { startOfToday as ke } from "date-fns/startOfToday";
-import { startOfYear as xe } from "date-fns/startOfYear";
-import { subMonths as K } from "date-fns/subMonths";
-import { subDays as ye } from "date-fns/subDays";
-import { subYears as Z } from "date-fns/subYears";
-import Me from "@mui/material/ButtonGroup";
-import Te from "@mui/material/Tab";
-import ve from "@mui/material/Tabs";
-import Pe from "@mui/material/ToggleButton";
-import Ye from "@mui/material/ToggleButtonGroup";
-import Se from "@mui/material/styles/useTheme";
-import { u as Ee } from "./useAriaLive-MkYebyUR.mjs";
-import { D as Le } from "./Dialog-Ck34yr-d.mjs";
-import { D as Ae } from "./Drawer-Bbe4AMB1.mjs";
-import { f as C, D } from "./DateFormats-BMpMrZpW.mjs";
-import { A as Oe } from "./Analytics-0Xm_BjHU.mjs";
-const Ne = ({
-  calendarActions: n,
-  color: k = "primary",
-  copy: a,
-  range: x = [De(ke()), G(X())],
-  shouldShrinkToIcon: y = !0,
-  variant: s = "outlined"
-}) => {
-  const I = Se(), { isMobile: M } = te(), { announce: W, ariaLive: T } = Ee(), [R, Y] = h.useState(x), [p, S] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [b, w] = h.useState(R), [v, P] = h.useState(!1), [g, _] = h.useState(!0), [m, H] = h.useState(6), z = {
-    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 }
-    ]
-  };
-  h.useEffect(() => {
-    Y(x), w(x);
-  }, [x]), h.useEffect(() => {
-    (s === "timeframebuttons" || s === "timeframetabs") && n.onRangeChanged(r());
-  }, [m]);
-  const r = () => {
-    const t = G(X());
-    return [G(K(t, m)), t];
-  }, E = (t) => {
-    const [i, l] = R, o = t === "previous";
-    let d;
-    if (p === a.dateRangePickerCopy.dateRangeThisMonth || p === a.dateRangePickerCopy.dateRangeLastMonth)
-      d = [
-        o ? K(i, 1) : J(i, 1),
-        G(o ? K(l, 1) : J(l, 1))
-      ];
-    else if (p === a.dateRangePickerCopy.dateRangeYTD || p === a.dateRangePickerCopy.dateRangeLastYear) {
-      const u = xe(i), O = Ce(i);
-      d = [
-        o ? Z(u, 1) : Q(u, 1),
-        o ? Z(O, 1) : Q(O, 1)
-      ];
-    } else {
-      const u = _e(l, i), O = o ? ye : be;
-      d = [O(i, u), O(l, u)];
-    }
-    Y(d), n.onRangeChanged(d);
-  }, B = () => {
-    Y(b), _(
-      p === a.dateRangePickerCopy.dateRangeThisMonth || p === a.dateRangePickerCopy.dateRangeLastMonth
-    ), n.onRangeChanged(b);
-  }, L = (t, i) => {
-    t[1] = t[1] ?? t[0];
-    const l = [t[0], t[1] ? Re(t[1]) : t[1]], o = C(l[0], D.MONTH_DAY_YEAR), d = C(l[1], D.MONTH_DAY_YEAR);
-    w(l), S(i), W(`${a.dateRangePickerCopy}: ${o} - ${d}`);
-  }, A = (t) => {
-    H(t);
-  };
-  return /* @__PURE__ */ c(U, { className: "mx-cmn-date-range-selector", m: 4, children: [
-    /* @__PURE__ */ c(
-      U,
-      {
-        sx: {
-          [I.breakpoints.down("sm")]: {
-            display: y ? "none" : "flex",
-            justifyContent: "center"
-          },
-          [I.breakpoints.up("sm")]: { display: "inline-flex" }
-        },
-        children: [
-          s === "readonly" && /* @__PURE__ */ c(F, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ e(f, { name: "calendar_month", size: 24 }),
-            /* @__PURE__ */ e($, { bold: !0, children: C(b[0], D.MONTH_DAY) }),
-            /* @__PURE__ */ e(f, { name: "remove" }),
-            /* @__PURE__ */ e($, { bold: !0, children: C(b[1], D.MONTH_DAY_YEAR) })
-          ] }),
-          s !== "readonly" && s !== "timeframebuttons" && s !== "timeframetabs" && /* @__PURE__ */ c(
-            Me,
-            {
-              color: k,
-              sx: {
-                "& .MuiButtonGroup-grouped": {
-                  padding: M ? 0 : 12
-                },
-                "& .MuiButtonGroup-middleButton": {
-                  px: 24
-                },
-                height: 44
-              },
-              variant: s,
-              children: [
-                /* @__PURE__ */ e(
-                  N,
-                  {
-                    "aria-disabled": n.shouldDisablePrevious,
-                    "aria-label": a.dateRangePreviousAria,
-                    color: n.shouldDisablePrevious ? "secondary" : "primary",
-                    onClick: () => n.shouldDisablePrevious ? null : E("previous"),
-                    children: /* @__PURE__ */ e(f, { name: "chevron_left", size: 20 })
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  N,
-                  {
-                    "aria-disabled": n.shouldDisablePicker,
-                    color: k,
-                    onClick: () => n.shouldDisablePicker ? null : P(!0),
-                    startIcon: /* @__PURE__ */ e(f, { name: "calendar_month", size: 20 }),
-                    sx: {
-                      p: M ? 0 : 8
-                    },
-                    children: g ? C(R[0], D.MONTH_YEAR) : /* @__PURE__ */ c("span", { children: [
-                      C(R[0], D.MONTH_DAY_YEAR),
-                      " -",
-                      " ",
-                      C(R[1], D.MONTH_DAY_YEAR)
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  N,
-                  {
-                    "aria-disabled": n.shouldDisableNext,
-                    "aria-label": a.dateRangeNextAria,
-                    color: n.shouldDisableNext ? "secondary" : "primary",
-                    onClick: () => n.shouldDisableNext ? null : E("next"),
-                    children: /* @__PURE__ */ e(f, { name: "chevron_right", size: 20 })
-                  }
-                )
-              ]
-            }
-          ),
-          s === "timeframebuttons" && /* @__PURE__ */ e(
-            Ye,
-            {
-              "aria-label": a.dateRangeEditTitle,
-              color: k,
-              exclusive: !0,
-              orientation: "horizontal",
-              value: m,
-              children: z.buttons.map((t) => /* @__PURE__ */ e(
-                Pe,
-                {
-                  "aria-label": t.ariaLabel,
-                  onClick: () => A(t.value),
-                  sx: { width: 56 },
-                  value: t.value,
-                  children: t.label
-                },
-                t.label
-              ))
-            }
-          ),
-          s === "timeframetabs" && /* @__PURE__ */ e(
-            ve,
-            {
-              indicatorColor: "primary",
-              onChange: (t, i) => A(i),
-              textColor: "primary",
-              value: m,
-              variant: "fullWidth",
-              children: z.tabs.map((t) => /* @__PURE__ */ e(
-                Te,
-                {
-                  label: /* @__PURE__ */ e($, { bold: !0, variant: "body1", children: t.label }),
-                  sx: { minWidth: 80 },
-                  value: t.value
-                },
-                t.label
-              ))
-            }
-          )
-        ]
-      }
-    ),
-    v && M && /* @__PURE__ */ c(
-      Ae,
-      {
-        ariaLabelClose: a.dateRangeCloseAria,
-        isOpen: v,
-        onClose: () => P(!1),
-        onPrimaryAction: () => {
-          B(), P(!1);
-        },
-        primaryText: a.dateRangeEditApply,
-        title: a.dateRangeEditTitle,
-        children: [
-          T,
-          /* @__PURE__ */ e(
-            q,
-            {
-              copy: a.dateRangePickerCopy,
-              dateRange: b,
-              onRangeChanged: L,
-              selectedShortcut: p,
-              sx: { p: 0 }
-            }
-          )
-        ]
-      }
-    ),
-    v && !M && /* @__PURE__ */ c(
-      Le,
-      {
-        copy: { title: a.dateRangeEditTitle },
-        isOpen: !0,
-        onClose: () => P(!1),
-        onPrimaryAction: () => B(),
-        primaryText: a.dateRangeEditApply,
-        sx: {
-          "& .MuiDialogContent-root": {
-            padding: 0
-          }
-        },
-        children: [
-          T,
-          /* @__PURE__ */ e(
-            q,
-            {
-              copy: a.dateRangePickerCopy,
-              dateRange: b,
-              onRangeChanged: L,
-              selectedShortcut: p,
-              sx: {
-                pt: 0,
-                "& .MuiPickersLayout-toolbar": {
-                  gridColumn: "1/4"
-                }
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, ee = Ne, Mt = ae(
-  ({
-    allowedAccountTypes: n,
-    actions: k = [],
-    calendarActions: a,
-    children: x,
-    dateRange: y,
-    dateRangeVariant: s,
-    className: I = "mx-cmn-widget",
-    hasDivider: M = !1,
-    onAccountsFilterClick: W,
-    onBackClick: T,
-    showAccountFilter: R = !0,
-    showDividerAboveDateSelector: Y = !0,
-    sx: p = {},
-    title: S = ""
-  }) => {
-    const [b, { height: w, width: v }] = de(), { onEvent: P } = pe(), { isDesktop: g, isMobile: _, isTablet: m } = te(v), { displayedDateRange: H, isCopyLoaded: z } = ue(), { common: r } = ge(), { config: E } = he(), B = () => {
-      T && (T(), P(Oe.WIDGET_BACK_CLICK));
-    };
-    if (!z)
-      return /* @__PURE__ */ e(ce, {});
-    const L = {
-      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
-    }, A = y ? y.start : H.start, t = y ? y.end : H.end, i = k?.length > 1;
-    return /* @__PURE__ */ c(
-      re,
-      {
-        className: I,
-        sx: {
-          ..._ && { px: 4 },
-          "& .mx-cmn-date-range-selector": {
-            ...(_ || m) && { textAlign: "center" }
-          },
-          ...p
-        },
-        children: [
-          S && /* @__PURE__ */ e(
-            ne,
-            {
-              action: /* @__PURE__ */ c(F, { alignItems: "center", flexDirection: "row", children: [
-                g && a && /* @__PURE__ */ e(U, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
-                  ee,
-                  {
-                    calendarActions: a,
-                    copy: L,
-                    range: [A, t],
-                    shouldShrinkToIcon: !1,
-                    variant: s
-                  }
-                ) }),
-                R && /* @__PURE__ */ e(
-                  me,
-                  {
-                    allowedAccountTypes: n,
-                    onAccountFilterClick: W
-                  }
-                ),
-                k?.map((l) => {
-                  if (h.isValidElement(l)) return l;
-                  const { iconName: o, onClick: d, label: u } = l;
-                  return i ? g || m ? /* @__PURE__ */ e(
-                    N,
-                    {
-                      onClick: d,
-                      startIcon: /* @__PURE__ */ e(f, { name: o, size: 24 }),
-                      sx: { my: 4 },
-                      children: u
-                    },
-                    o
-                  ) : /* @__PURE__ */ e(
-                    j,
-                    {
-                      "aria-label": u,
-                      color: "primary",
-                      onClick: d,
-                      children: /* @__PURE__ */ e(f, { name: o, size: 24 })
-                    },
-                    o
-                  ) : g || m ? /* @__PURE__ */ e(
-                    N,
-                    {
-                      onClick: d,
-                      startIcon: /* @__PURE__ */ e(f, { name: o, size: 24 }),
-                      sx: { my: 4 },
-                      children: u
-                    },
-                    o
-                  ) : /* @__PURE__ */ e(j, { "aria-label": u, color: "primary", onClick: d, children: /* @__PURE__ */ e(f, { name: o, size: 24 }) }, o);
-                })
-              ] }),
-              sx: {
-                p: g ? 48 : 24,
-                pb: 0,
-                "& .MuiCardHeader-action": {
-                  mr: 0,
-                  ...a && g && { flexGrow: 1 },
-                  ...(_ || m) && { alignSelf: "center" }
-                },
-                "& .MuiCardHeader-content": {
-                  overflow: "hidden"
-                }
-              },
-              title: (
-                // eslint-disable-next-line no-nested-ternary
-                g || m ? E.display_widget_headings ? /* @__PURE__ */ e(se, { variant: "h1", children: S }) : null : /* @__PURE__ */ c(F, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
-                  _ && T && /* @__PURE__ */ e(
-                    j,
-                    {
-                      "aria-label": r.back_to_dashboard,
-                      color: "primary",
-                      onClick: B,
-                      sx: { p: 12, mr: 4 },
-                      children: /* @__PURE__ */ e(ie, { size: 24 })
-                    }
-                  ),
-                  E.display_widget_headings ? /* @__PURE__ */ e(le, { children: S }) : null
-                ] })
-              )
-            }
-          ),
-          M && /* @__PURE__ */ e(V, { sx: { mt: g ? 48 : 24 } }),
-          a && (_ || m) && /* @__PURE__ */ c(F, { gap: 24, justifyContent: "center", sx: { mt: _ ? 0 : 16 }, children: [
-            Y && /* @__PURE__ */ e(V, {}),
-            /* @__PURE__ */ e(
-              ee,
-              {
-                calendarActions: a,
-                copy: L,
-                range: [A, t],
-                shouldShrinkToIcon: !1,
-                variant: s
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(oe, { ref: b, sx: { p: 0 }, children: /* @__PURE__ */ e(fe, { availableHeight: w, availableWidth: v, children: x }) })
-        ]
-      }
-    );
-  }
-);
-export {
-  ee as D,
-  Mt as W
-};