@mx-cartographer/experiences 6.26.18-alpha.mega2 → 6.26.18-alpha.mega3

package/dist/common/components/charts/StackedLineChart/CustomAreaTooltip/index.es.js

@@ -0,0 +1,69 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import R, { useRef as S, useState as v, useEffect as B } from "react";
+import { observer as E } from "mobx-react-lite";
+import u from "@mui/material/Box";
+import G from "@mui/material/Card";
+import I from "@mui/material/CardContent";
+import h from "@mui/material/Divider";
+import x from "@mui/material/Grid";
+import { Text as y } from "@mxenabled/mxui";
+import { useTheme as L } from "@mui/material/styles";
+import { CategoryIconLabel as X } from "../CategoryIconLabel/index.es.js";
+import { CurrencyText as g } from "../../../CurrencyText/index.es.js";
+const $ = ({
+  categoryGuids: { guid: C, topLevelGuid: w },
+  hoveredAreaData: l,
+  cursorPosition: e,
+  chartContainerRef: s
+}) => {
+  const b = L(), a = S(null), [f, T] = v({ x: e.x, y: e.y });
+  if (B(() => {
+    (() => {
+      const o = a.current, p = s.current;
+      if (!o || !p) return;
+      const i = o.getBoundingClientRect(), c = p.getBoundingClientRect();
+      let n = e.x, d = e.y;
+      n + i.width * 2 > c.right ? n = e.x - i.width : n - i.width < c.left && (n = e.x), d + i.height * 2 > c.bottom && (d = e.y - i.height), T({ x: n, y: d });
+    })();
+  }, [e, s]), !l) return null;
+  const j = l.reduce((r, o) => r + o.y, 0);
+  return /* @__PURE__ */ t(
+    G,
+    {
+      ref: a,
+      sx: {
+        position: "absolute",
+        top: f.y,
+        left: f.x,
+        width: 250,
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ m(I, { children: [
+        /* @__PURE__ */ m(u, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ t(X, { categoryGuid: C, topLevelCategoryGuid: w }),
+          /* @__PURE__ */ t(y, { variant: "Small", children: `${l.length}-month total` }),
+          /* @__PURE__ */ t(g, { amount: j, bold: !0, formatString: "0,0", variant: "body2" })
+        ] }),
+        /* @__PURE__ */ t(h, { sx: { my: 16, width: "100%" } }),
+        /* @__PURE__ */ t(x, { container: !0, children: l.map((r, o) => /* @__PURE__ */ m(R.Fragment, { children: [
+          o > 0 && o % 3 === 0 && /* @__PURE__ */ t(h, { sx: { my: 16, width: "100%" } }),
+          /* @__PURE__ */ t(x, { item: !0, xs: 4, children: /* @__PURE__ */ m(u, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+            /* @__PURE__ */ t(y, { color: b.palette.text.secondary, variant: "XSmall", children: r.x }),
+            /* @__PURE__ */ t(
+              g,
+              {
+                amount: r.y,
+                bold: !0,
+                formatString: "0,0",
+                variant: "Body"
+              }
+            )
+          ] }) })
+        ] }, o)) })
+      ] })
+    }
+  );
+}, O = E($);
+export {
+  O as default
+};

package/dist/common/components/charts/StackedLineChart/CustomLegend/index.es.js

@@ -0,0 +1,70 @@
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import y from "@mui/material/Box";
+import h from "@mui/material/Button";
+import k from "@mui/material/Stack";
+import { Text as B } from "@mxenabled/mxui";
+import { useScreenSize as b } from "../../../../hooks/useScreenSize/index.es.js";
+import { useCategoryStore as j } from "../../../../context/hooks/index.es.js";
+import { CategoryColors as e } from "../../../../constants/Category/index.es.js";
+const N = ({
+  sx: c,
+  categoryGuids: m,
+  hoveredLegend: n,
+  legendRef: p,
+  onHoverLegend: a,
+  onClickLegend: l
+}) => {
+  const { isMobile: s } = b(), { getCategoryName: d } = j();
+  return /* @__PURE__ */ t(
+    k,
+    {
+      direction: "row",
+      flexWrap: "wrap",
+      gap: s ? 2 : 6,
+      justifyContent: "start",
+      ref: p,
+      sx: c,
+      children: m.map(({ guid: o, top_level_guid: f }) => {
+        const i = n === o, u = e[o], g = e[f], r = u ?? g ?? e.default, C = r + "33";
+        return /* @__PURE__ */ x(
+          h,
+          {
+            onClick: () => l(o),
+            onMouseEnter: () => a(o),
+            onMouseLeave: () => a(null),
+            sx: {
+              color: "text.primary",
+              fontWeight: "normal",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              paddingX: 8,
+              paddingY: 4,
+              borderRadius: 1,
+              opacity: i ? 1 : 0.7
+            },
+            children: [
+              /* @__PURE__ */ t(
+                y,
+                {
+                  sx: {
+                    width: 16,
+                    height: 16,
+                    marginRight: s ? 5 : 10,
+                    borderRadius: "2px",
+                    backgroundColor: n ? i ? r : C : r
+                  }
+                }
+              ),
+              /* @__PURE__ */ t(B, { variant: "Body", children: d(o) })
+            ]
+          },
+          o
+        );
+      })
+    }
+  );
+};
+export {
+  N as CustomLegend
+};

package/dist/common/components/charts/StackedLineChart/CustomPointTooltip/index.es.js

@@ -0,0 +1,22 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useTheme as d, Card as s, CardContent as p, Box as u } from "@mui/material";
+import { Text as f } from "@mxenabled/mxui";
+import { CategoryIconLabel as x } from "../CategoryIconLabel/index.es.js";
+import { CurrencyText as T } from "../../../CurrencyText/index.es.js";
+import { formatDate as y, DATE_FORMATS_INTL as g } from "../../../../constants/DateFormats/index.es.js";
+const A = ({
+  categoryGuids: { guid: a, topLevelGuid: i },
+  itemData: { dataIndex: o },
+  series: n,
+  xData: m
+}) => {
+  const l = d(), r = n.data[o], e = m[o];
+  return r === void 0 || !e ? null : /* @__PURE__ */ t(s, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ c(u, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+    /* @__PURE__ */ t(x, { categoryGuid: a, topLevelCategoryGuid: i }),
+    /* @__PURE__ */ t(f, { color: l.palette.text.secondary, variant: "Small", children: y(e, g.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ t(T, { amount: String(r), bold: !0, formatString: "0,0", variant: "Body" })
+  ] }) }) });
+};
+export {
+  A as CustomPointTooltip
+};

package/dist/common/components/charts/StackedLineChart/index.es.js

@@ -0,0 +1,222 @@
+import { jsx as s, jsxs as ae } from "react/jsx-runtime";
+import n from "react";
+import se from "@mui/material/Box";
+import ne from "@mui/material/Stack";
+import { useTheme as ce } from "@mui/material/styles";
+import { LineChart as le } from "@mui/x-charts";
+import { useScreenSize as de } from "../../../hooks/useScreenSize/index.es.js";
+import { useDimensions as me } from "../../../hooks/useDimensions/index.es.js";
+import ue from "../stackedlinechart/CustomAreaTooltip/index.es.js";
+import { CustomPointTooltip as he } from "../stackedlinechart/CustomPointTooltip/index.es.js";
+import { CustomLegend as ge } from "../stackedlinechart/CustomLegend/index.es.js";
+import { formatCurrency as T } from "../../../utils/NumberFormatting/index.es.js";
+import { formatDate as k, DATE_FORMATS_INTL as L } from "../../../constants/DateFormats/index.es.js";
+const Le = ({
+  onHoverArea: R,
+  onHoverPoint: P,
+  onHoverLegend: E,
+  onClickLegend: y,
+  stackedDatasets: r,
+  unstackedDatasets: c = [],
+  availableHeight: f = 0,
+  minimumHeight: I = 350
+}) => {
+  const G = ce(), { isMobile: b } = de(), [O, { height: S }] = me(), x = n.useRef(null), [w, F] = n.useState(0);
+  n.useEffect(() => {
+    const e = Math.max(f - S, I);
+    F(e);
+  }, [f, S]);
+  const [h, N] = n.useState(null), [B, l] = n.useState({
+    hoveredSeriesId: null,
+    hoveredAreaData: null,
+    isAreaHovered: !1,
+    cursorPos: { x: 0, y: 0 }
+  }), { hoveredSeriesId: a, hoveredAreaData: _, isAreaHovered: D, cursorPos: d } = B, M = D && a && _, A = !M, g = [...r, ...c], W = g[0]?.dataset.length ?? 0, p = g.flatMap((e) => e.dataset.map((t) => t.x)), Y = g.flatMap((e) => e.dataset.map((t) => t.y)), $ = r[0]?.dataset?.map(
+    (e, t) => r.reduce((o, i) => o + i.dataset[t]?.y || 0, 0)
+  ) ?? [0], j = Math.max(...$), z = Math.max(
+    ...c.flatMap((e) => e.dataset.map((t) => t.y))
+  ), X = Math.floor(Math.min(...Y) / 100) * 100, q = Math.ceil(Math.max(j, z) / 100) * 100, m = r.map((e, t) => ({
+    id: `stacked-${t}`,
+    guid: e.category_guid,
+    top_level_guid: e.top_level_category_guid,
+    area: !0,
+    color: r[t].category_color ?? G.palette.primary.main,
+    data: e.dataset.map((o) => o.y),
+    label: r[t].category_name,
+    stack: "total",
+    type: "line",
+    highlightScope: { highlight: "item" },
+    valueFormatter: (o) => T(o, "0,0")
+  })), H = c.map((e, t) => ({
+    id: `unstacked-${t}`,
+    guid: e.category_guid,
+    top_level_guid: e.top_level_category_guid,
+    area: !1,
+    color: e.category_color,
+    data: e.dataset.map((o) => o.y),
+    label: e.category_name,
+    type: "line",
+    valueFormatter: (o) => T(o, "0,0")
+  })), C = [...m, ...H], J = [
+    ...m.map(({ guid: e, top_level_guid: t }) => ({
+      guid: e,
+      top_level_guid: t
+    })),
+    ...H.map(({ guid: e, top_level_guid: t }) => ({
+      guid: e,
+      top_level_guid: t
+    }))
+  ], u = (e) => {
+    const o = e.startsWith("stacked-") ? r[parseInt(e.split("-")[1])] : c[parseInt(e.split("-")[1])];
+    return {
+      guid: o?.category_guid,
+      topLevelGuid: o?.top_level_category_guid
+    };
+  }, K = (e) => {
+    N(e), E?.(e ?? "");
+  }, Q = (e) => {
+    y?.(e ?? "");
+  }, U = () => {
+    const e = u(String(a)).guid;
+    e && y?.(e);
+  }, V = (e) => {
+    const t = String(e?.seriesId), o = u(t).guid, i = C.find((v) => v.id === t), te = i && e?.dataIndex !== void 0, oe = i && e?.dataIndex === void 0;
+    if (te)
+      l({
+        hoveredSeriesId: t,
+        hoveredAreaData: null,
+        isAreaHovered: !1,
+        cursorPos: d
+      }), P?.(o);
+    else if (oe) {
+      const v = i?.data.map((re, ie) => ({
+        x: p[ie],
+        y: re
+      })) ?? [];
+      l({
+        hoveredSeriesId: t,
+        hoveredAreaData: v,
+        isAreaHovered: !0,
+        cursorPos: d
+      }), R?.(o);
+    } else
+      l({
+        hoveredSeriesId: null,
+        hoveredAreaData: null,
+        isAreaHovered: !1,
+        cursorPos: d
+      });
+  }, Z = (e) => {
+    const t = e.currentTarget.getBoundingClientRect();
+    l((o) => ({
+      ...o,
+      cursorPos: {
+        x: e.clientX - t.left,
+        y: e.clientY - t.top
+      }
+    }));
+  }, ee = {
+    p: 4,
+    "& .MuiBarLabel-root": {
+      fontSize: 10,
+      fontWeight: 600
+    },
+    "& .MuiAreaElement-root": {
+      opacity: 0.4,
+      transition: "opacity 0.3s ease"
+    },
+    "& .MuiAreaElement-root:hover": {
+      opacity: 1
+    },
+    '& [class*="MuiLineElement-series-unstacked-"]': {
+      strokeWidth: 3
+    },
+    ...h && m.reduce((e, t, o) => {
+      const i = `.MuiAreaElement-series-stacked-${o}`;
+      return e[i] = {
+        opacity: m[o].guid === h ? 0.9 : 0.2
+      }, e;
+    }, {})
+  };
+  return /* @__PURE__ */ s(se, { onMouseMove: Z, ref: x, style: { position: "relative" }, children: /* @__PURE__ */ ae(
+    ne,
+    {
+      direction: { xs: "column", md: "column" },
+      spacing: { xs: 0, md: 4 },
+      sx: { width: "100%", position: "relative" },
+      children: [
+        /* @__PURE__ */ s(
+          le,
+          {
+            height: w,
+            margin: { bottom: 50 },
+            onAreaClick: U,
+            onHighlightChange: V,
+            series: C,
+            skipAnimation: !0,
+            slotProps: {
+              legend: {
+                hidden: !0
+              }
+            },
+            slots: {
+              itemContent: (e) => A && a ? /* @__PURE__ */ s(
+                he,
+                {
+                  categoryGuids: u(a),
+                  xData: p,
+                  ...e
+                }
+              ) : null
+            },
+            sx: ee,
+            tooltip: {
+              trigger: A ? "item" : "none"
+            },
+            xAxis: [
+              {
+                data: p,
+                scaleType: "time",
+                valueFormatter: (e) => k(e, L.MONTH_SHORT_YEAR),
+                tickNumber: W
+                // How many ticks to show on the x-axis
+              }
+            ],
+            yAxis: [
+              {
+                min: X,
+                max: q || 100
+              }
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          ge,
+          {
+            categoryGuids: J,
+            hoveredLegend: h,
+            legendRef: O,
+            onClickLegend: Q,
+            onHoverLegend: K,
+            sx: { px: b ? 0 : 24 }
+          }
+        ),
+        M && /* @__PURE__ */ s(
+          ue,
+          {
+            categoryGuids: u(a),
+            chartContainerRef: x,
+            cursorPosition: d,
+            hoveredAreaData: _.map((e) => ({
+              ...e,
+              x: k(e.x, L.MONTH_SHORT_YEAR)
+            }))
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Le as StackedLineChart
+};

package/dist/common/components/charts/StatusBar/index.es.js

@@ -0,0 +1,30 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+import p from "@mui/material/Stack";
+const s = ({ data: c, height: r = 8 }) => {
+  const o = `${r / 4}px`;
+  return /* @__PURE__ */ a(
+    p,
+    {
+      bgcolor: "divider",
+      borderRadius: o,
+      direction: "row",
+      gap: 2,
+      height: r,
+      width: "100%",
+      children: c.map((t, d) => /* @__PURE__ */ a(
+        i,
+        {
+          bgcolor: t.color,
+          borderRadius: o,
+          height: r,
+          width: t.percentage
+        },
+        d
+      ))
+    }
+  );
+}, l = s;
+export {
+  l as default
+};

package/dist/common/components/daterangeselector/DateRangeSelector/index.es.js

@@ -0,0 +1,254 @@
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import s from "react";
+import { addMonths as I } from "date-fns/addMonths";
+import { addDays as z } from "date-fns/addDays";
+import { addYears as w } from "date-fns/addYears";
+import { differenceInCalendarDays as V } from "date-fns/differenceInCalendarDays";
+import { endOfMonth as x } from "date-fns/endOfMonth";
+import { endOfToday as H } from "date-fns/endOfToday";
+import { endOfYear as L } from "date-fns/endOfYear";
+import { startOfMonth as X } from "date-fns/startOfMonth";
+import { startOfToday as Z } from "date-fns/startOfToday";
+import { startOfYear as F } from "date-fns/startOfYear";
+import { subMonths as y } from "date-fns/subMonths";
+import { subDays as G } from "date-fns/subDays";
+import { subYears as j } from "date-fns/subYears";
+import W from "@mui/material/Box";
+import P from "@mui/material/Button";
+import ee from "@mui/material/ButtonGroup";
+import te from "@mui/material/Stack";
+import ae from "@mui/material/Tab";
+import oe from "@mui/material/Tabs";
+import re from "@mui/material/ToggleButton";
+import ne from "@mui/material/ToggleButtonGroup";
+import ie from "@mui/material/styles/useTheme";
+import { Icon as p, Text as O, DateRangePicker as $ } from "@mxenabled/mxui";
+import se from "../../dialog/Dialog/index.es.js";
+import le from "../../drawer/Drawer/index.es.js";
+import { useScreenSize as me } from "../../../hooks/useScreenSize/index.es.js";
+import { formatDate as f, DATE_FORMATS_INTL as g } from "../../../constants/DateFormats/index.es.js";
+const de = ({
+  calendarActions: r,
+  color: M = "primary",
+  copy: a,
+  range: T = [X(Z()), x(H())],
+  shouldShrinkToIcon: q = !0,
+  variant: n = "outlined"
+}) => {
+  const Y = ie(), { isMobile: c } = me(), [l, S] = s.useState(T), [m, _] = s.useState(a.dateRangePickerCopy.dateRangeThisMonth), [d, k] = s.useState(l), [v, b] = s.useState(!1), [J, K] = s.useState(!0), [R, Q] = s.useState(6), E = {
+    buttons: [
+      { label: "3M", value: 3 },
+      { label: "6M", value: 6 },
+      { label: "9M", value: 9 },
+      { 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 }
+    ]
+  };
+  s.useEffect(() => {
+    k(T);
+  }, [T]), s.useEffect(() => {
+    (n === "timeframebuttons" || n === "timeframetabs") && r.onRangeChanged(U());
+  }, [R]);
+  const U = () => {
+    const e = x(H());
+    return [x(y(e, R)), e];
+  }, N = (e) => {
+    const o = [...l], i = l[0], u = l[1], D = e === "previous";
+    if (m === a.dateRangePickerCopy.dateRangeThisMonth)
+      o[0] = D ? y(i, 1) : I(i, 1), o[1] = x(D ? y(u, 1) : I(u, 1));
+    else if (m === a.dateRangePickerCopy.dateRangeYTD || m === a.dateRangePickerCopy.dateRangeLastYear)
+      o[0] = D ? j(F(i), 1) : w(F(i), 1), o[1] = D ? j(L(i), 1) : w(L(i), 1);
+    else {
+      const C = V(u, i);
+      o[0] = e === "previous" ? G(i, C) : z(i, C), o[1] = e === "previous" ? G(u, C) : z(u, C);
+    }
+    S(o), r.onRangeChanged(o);
+  }, B = () => {
+    S(d), K(
+      m === a.dateRangePickerCopy.dateRangeThisMonth || m === a.dateRangePickerCopy.dateRangeLastMonth
+    ), r.onRangeChanged(d);
+  }, A = (e) => {
+    Q(e);
+  };
+  return /* @__PURE__ */ h(W, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ h(
+      W,
+      {
+        sx: {
+          [Y.breakpoints.down("sm")]: {
+            display: q ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [Y.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          n === "readonly" && /* @__PURE__ */ h(te, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ t(p, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ t(O, { bold: !0, children: f(d[0], g.MONTH_DAY) }),
+            /* @__PURE__ */ t(p, { name: "remove" }),
+            /* @__PURE__ */ t(O, { bold: !0, children: f(d[1], g.MONTH_DAY_YEAR) })
+          ] }),
+          n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ h(
+            ee,
+            {
+              color: M,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: c ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: n,
+              children: [
+                /* @__PURE__ */ t(
+                  P,
+                  {
+                    "aria-disabled": r.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: r.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => r.shouldDisablePrevious ? null : N("previous"),
+                    children: /* @__PURE__ */ t(p, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  P,
+                  {
+                    "aria-disabled": r.shouldDisablePicker,
+                    color: M,
+                    onClick: () => r.shouldDisablePicker ? null : b(!0),
+                    startIcon: /* @__PURE__ */ t(p, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: c ? 0 : 8
+                    },
+                    children: J ? f(l[0], g.MONTH_YEAR) : /* @__PURE__ */ h("span", { children: [
+                      f(l[0], g.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      f(l[1], g.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  P,
+                  {
+                    "aria-disabled": r.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: r.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => r.shouldDisableNext ? null : N("next"),
+                    children: /* @__PURE__ */ t(p, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          n === "timeframebuttons" && /* @__PURE__ */ t(
+            ne,
+            {
+              color: M,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: R,
+              children: E.buttons.map((e) => /* @__PURE__ */ t(
+                re,
+                {
+                  onClick: () => A(e.value),
+                  sx: { width: 56 },
+                  value: e.value,
+                  children: e.label
+                },
+                e.label
+              ))
+            }
+          ),
+          n === "timeframetabs" && /* @__PURE__ */ t(
+            oe,
+            {
+              indicatorColor: "primary",
+              onChange: (e, o) => A(o),
+              textColor: "primary",
+              value: R,
+              variant: "fullWidth",
+              children: E.tabs.map((e) => /* @__PURE__ */ t(
+                ae,
+                {
+                  label: /* @__PURE__ */ t(O, { bold: !0, variant: "Body", children: e.label }),
+                  sx: { minWidth: 80 },
+                  value: e.value
+                },
+                e.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    v && c && /* @__PURE__ */ t(
+      le,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: v,
+        onClose: () => b(!1),
+        onPrimaryAction: () => {
+          B(), b(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: /* @__PURE__ */ t(
+          $,
+          {
+            copy: a.dateRangePickerCopy,
+            dateRange: d,
+            onRangeChanged: (e, o) => {
+              k(e), _(o);
+            },
+            selectedShortcut: m,
+            sx: { p: 16 }
+          }
+        )
+      }
+    ),
+    v && !c && /* @__PURE__ */ t(
+      se,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => b(!1),
+        onPrimaryAction: () => B(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: /* @__PURE__ */ t(
+          $,
+          {
+            copy: a.dateRangePickerCopy,
+            dateRange: d,
+            onRangeChanged: (e, o) => {
+              k(e), _(o);
+            },
+            selectedShortcut: m,
+            sx: {
+              pt: 0,
+              "& .MuiPickersLayout-toolbar": {
+                gridColumn: "1/4"
+              }
+            }
+          }
+        )
+      }
+    )
+  ] });
+}, Le = de;
+export {
+  Le as default
+};