@mx-cartographer/experiences 7.0.0-alpha.mega1 → 7.0.1-alpha.al0

package/dist/{LineChart-CcyX38kK.mjs → LineChart-CYiUS-px.mjs}

@@ -1,17 +1,17 @@
-import { jsxs as i, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, Fragment as D, jsx as t } from "react/jsx-runtime";
 import { useTheme as N } from "@mui/material/styles";
-import { ResponsiveChartContainer as J, ChartsReferenceLine as K, AreaPlot as Z, LinePlot as _, MarkPlot as ee, BarPlot as te, ChartsXAxis as ne, ChartsYAxis as re, ChartsAxisHighlight as ae } from "@mui/x-charts";
-import ie from "@mui/material/useMediaQuery";
+import { ResponsiveChartContainer as K, ChartsReferenceLine as Z, AreaPlot as _, LinePlot as ee, MarkPlot as te, BarPlot as ne, ChartsXAxis as re, ChartsYAxis as ae, ChartsAxisHighlight as ie } from "@mui/x-charts";
+import oe from "@mui/material/useMediaQuery";
 import { f as y } from "./NumberFormatting-CtWHhyBX.mjs";
-import { observer as oe } from "mobx-react-lite";
-import { Stack as x, Box as I, useTheme as le } from "@mui/material";
+import { observer as le } from "mobx-react-lite";
+import { Stack as x, Box as A, useTheme as se } from "@mui/material";
 import { Text as l } from "@mxenabled/mxui";
-import { u as se } from "./hooks-30y_BLwc.mjs";
-import { ChartsTooltip as ce } from "@mui/x-charts/ChartsTooltip";
-const de = (e) => {
-  const a = N(), o = e.showLabel, s = e.style, g = Number(e.x), u = Number(e.y), m = e.handlers?.onMarkClick, f = e.handlers?.onMouseEnter, c = e.handlers?.onMouseLeave, d = ie(a.breakpoints.up("sm")), n = e.valueFormatterString ? y(e.yData[e.dataIndex], e.valueFormatterString) : String(e.yData[e.dataIndex]), h = d ? a.typography.Small?.fontSize : a.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, C = n.length * k + 8 + 8, M = 24, D = g - C / 2, w = u - 30;
-  return /* @__PURE__ */ i(v, { children: [
-    o && /* @__PURE__ */ i(v, { children: [
+import { u as ce } from "./hooks-02T565vf.mjs";
+import { ChartsTooltip as de } from "@mui/x-charts/ChartsTooltip";
+const he = (e) => {
+  const a = N(), o = e.showLabel, s = e.style, g = Number(e.x), u = Number(e.y), m = e.handlers?.onMarkClick, f = e.handlers?.onMouseEnter, c = e.handlers?.onMouseLeave, d = oe(a.breakpoints.up("sm")), n = e.valueFormatterString ? y(e.yData[e.dataIndex], e.valueFormatterString) : String(e.yData[e.dataIndex]), h = d ? a.typography.Small?.fontSize : a.typography.XSmall?.fontSize, k = h ? parseFloat(h.toString()) * 0.6 : 8, C = n.length * k + 8 + 8, M = 24, S = g - C / 2, T = u - 30;
+  return /* @__PURE__ */ i(D, { children: [
+    o && /* @__PURE__ */ i(D, { children: [
       e.labelBackgroundColor && /* @__PURE__ */ t(
         "rect",
         {
@@ -19,8 +19,8 @@ const de = (e) => {
           height: M,
           rx: "3",
           width: C,
-          x: D,
-          y: w
+          x: S,
+          y: T
         }
       ),
       /* @__PURE__ */ t(
@@ -44,8 +44,8 @@ const de = (e) => {
         cursor: m ? "pointer" : "unset",
         d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
         height: "20px",
-        onClick: (T) => {
-          m?.(T, e.dataIndex);
+        onClick: (w) => {
+          m?.(w, e.dataIndex);
         },
         onMouseEnter: () => {
           f?.(e.dataIndex);
@@ -65,7 +65,7 @@ const de = (e) => {
       }
     )
   ] });
-}, he = (e) => /* @__PURE__ */ i(v, { children: [
+}, me = (e) => /* @__PURE__ */ i(D, { children: [
   /* @__PURE__ */ t("clipPath", { id: e.id, children: /* @__PURE__ */ t("rect", { height: e.height, width: e.width, x: "0", y: "0" }) }),
   /* @__PURE__ */ t("g", { children: /* @__PURE__ */ t(
     "path",
@@ -82,16 +82,16 @@ const de = (e) => {
       }
     }
   ) })
-] }), me = ({
+] }), ue = ({
   label: e,
   customLegendVariant: a
 }) => {
   const o = a || "Small";
-  return typeof e == "string" ? /* @__PURE__ */ t(l, { variant: o, children: e }) : typeof e == "object" && e.amount && e.label ? /* @__PURE__ */ i(v, { children: [
+  return typeof e == "string" ? /* @__PURE__ */ t(l, { variant: o, children: e }) : typeof e == "object" && e.amount && e.label ? /* @__PURE__ */ i(D, { children: [
     /* @__PURE__ */ t(l, { variant: o, children: e.label }),
     /* @__PURE__ */ t(l, { bold: !0, sx: { marginLeft: 8 }, variant: o, children: y(e.amount, "0,0") })
   ] }) : null;
-}, ue = ({
+}, xe = ({
   average: e,
   customLegendVariant: a,
   labels: o = [],
@@ -100,7 +100,7 @@ const de = (e) => {
   title: u,
   valueFormatterString: m
 }) => {
-  const { common: f } = se(), c = a || "Small";
+  const { common: f } = ce(), c = a || "Small";
   return /* @__PURE__ */ i(x, { style: { flexDirection: "row", gap: 24, ...g }, children: [
     s.map((d, n) => {
       const h = o[n];
@@ -110,7 +110,7 @@ const de = (e) => {
           style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
           children: [
             /* @__PURE__ */ t(
-              I,
+              A,
               {
                 sx: {
                   width: 10,
@@ -120,7 +120,7 @@ const de = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ t(me, { customLegendVariant: a, label: h })
+            /* @__PURE__ */ t(ue, { customLegendVariant: a, label: h })
           ]
         },
         n
@@ -135,15 +135,15 @@ const de = (e) => {
       /* @__PURE__ */ t(l, { bold: !0, variant: c, children: m ? y(e, m) : e })
     ] })
   ] });
-}, xe = oe(ue);
-function fe({
+}, fe = le(xe);
+function ge({
   customLabels: e,
   labels: a = [],
   valueFormatterString: o = "0,0"
 }) {
-  const s = le();
+  const s = se();
   return /* @__PURE__ */ t(
-    ce,
+    de,
     {
       showCrosshair: !0,
       slots: {
@@ -209,7 +209,7 @@ function fe({
                               },
                               children: [
                                 /* @__PURE__ */ t(
-                                  I,
+                                  A,
                                   {
                                     sx: {
                                       width: "12px",
@@ -263,7 +263,7 @@ function fe({
                     children: [
                       /* @__PURE__ */ i(x, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
                         /* @__PURE__ */ t(
-                          I,
+                          A,
                           {
                             sx: {
                               width: "12px",
@@ -289,7 +289,7 @@ function fe({
     }
   );
 }
-const De = ({
+const Te = ({
   axisColor: e,
   baseline: a = "max",
   colors: o,
@@ -303,49 +303,50 @@ const De = ({
   labelBackgroundColor: n,
   labelFontColor: h,
   labelFontSize: k,
-  margin: A,
-  markHandlers: B,
-  markStyles: $,
-  showArea: C = !1,
-  showAverage: M = !1,
-  showAxisHighlight: D = !1,
+  margin: B,
+  markHandlers: $,
+  markStyles: j,
+  onItemClick: C,
+  showArea: M = !1,
+  showAverage: S = !1,
+  showAxisHighlight: T = !1,
   showBars: w = !1,
-  showLegend: T = !1,
-  showMarkLabel: H = !1,
-  showTooltip: E = !1,
-  showXAxis: X = !1,
-  showXAxisTicks: Y = !1,
-  showYAxis: F = !1,
-  showYAxisTicks: G = !1,
-  title: O,
-  useCustomMark: Q = !1,
+  showLegend: H = !1,
+  showMarkLabel: E = !1,
+  showTooltip: X = !1,
+  showXAxis: Y = !1,
+  showXAxisTicks: F = !1,
+  showYAxis: G = !1,
+  showYAxisTicks: O = !1,
+  title: Q,
+  useCustomMark: U = !1,
   valueFormatterString: p,
-  width: U
+  width: V
 }) => {
-  const b = N(), V = m.flat().map((r) => r.x), L = m.flat().map((r) => r.y), j = Math.round(L.reduce((r, W) => W + r, 0) / L.length), z = Math.floor(Math.min(...L) / 100) * 100, P = Math.ceil(Math.max(...L) / 100) * 100, R = m.map((r, W) => ({
+  const b = N(), q = m.flat().map((r) => r.x), L = m.flat().map((r) => r.y), z = Math.round(L.reduce((r, W) => W + r, 0) / L.length), I = Math.floor(Math.min(...L) / 100) * 100, P = Math.ceil(Math.max(...L) / 100) * 100, R = m.map((r, W) => ({
     type: w ? "bar" : "line",
     curve: s,
     color: w ? b.palette.chart?.chart6 : o[W] ?? b.palette.primary.main,
-    data: r.map((S) => S.y),
-    area: C,
+    data: r.map((v) => v.y),
+    area: M,
     baseline: a,
     showMark: !0,
-    valueFormatter: (S) => p ? y(S || 0, p) : String(S)
-  })), q = {
+    valueFormatter: (v) => p ? y(v || 0, p) : String(v)
+  })), J = {
     ...{
       top: 60,
       right: 35,
       bottom: 50,
       left: 50
     },
-    ...A
+    ...B
   };
   return /* @__PURE__ */ i("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ i(
-      J,
+      K,
       {
         height: f,
-        margin: q,
+        margin: J,
         series: R,
         sx: {
           p: 4,
@@ -357,15 +358,15 @@ const De = ({
             opacity: 0.15
           }
         },
-        width: U,
-        xAxis: [{ data: V, scaleType: w ? "band" : "point" }],
+        width: V,
+        xAxis: [{ data: q, scaleType: w ? "band" : "point" }],
         yAxis: [
           {
-            min: c ? -22 : z,
+            min: c ? -22 : I,
             max: P || 100,
-            colorMap: C && R.length < 2 ? {
+            colorMap: M && R.length < 2 ? {
               type: "continuous",
-              min: z,
+              min: I,
               max: P,
               color: [
                 b.palette.background.paper,
@@ -376,24 +377,25 @@ const De = ({
           }
         ],
         children: [
-          M && /* @__PURE__ */ t(
-            K,
+          S && /* @__PURE__ */ t(
+            Z,
             {
               lineStyle: {
                 stroke: n ? b.palette.neutral.main : b.palette.neutral.dark,
                 strokeDasharray: "10, 8",
                 strokeWidth: 2
               },
-              y: j
+              y: z
             }
           ),
-          /* @__PURE__ */ t(Z, {}),
+          /* @__PURE__ */ t(_, { onItemClick: C }),
           /* @__PURE__ */ t(
-            _,
+            ee,
             {
+              onItemClick: C,
               slots: {
                 line: (r) => /* @__PURE__ */ t(
-                  he,
+                  me,
                   {
                     ...r,
                     lineColor: r.ownerState.color ?? b.palette.primary.main
@@ -403,18 +405,19 @@ const De = ({
             }
           ),
           /* @__PURE__ */ t(
-            ee,
+            te,
             {
-              slots: Q ? {
+              onItemClick: C,
+              slots: U ? {
                 mark: (r) => /* @__PURE__ */ t(
-                  de,
+                  he,
                   {
-                    handlers: B,
+                    handlers: $,
                     labelBackgroundColor: n,
                     labelFontColor: h,
                     labelFontSize: k,
-                    showLabel: H,
-                    style: $?.(r.dataIndex) ?? {},
+                    showLabel: E,
+                    style: j?.(r.dataIndex) ?? {},
                     valueFormatterString: p,
                     yData: L,
                     ...r
@@ -424,17 +427,17 @@ const De = ({
             }
           ),
           /* @__PURE__ */ t(
-            te,
+            ne,
             {
               barLabel: (r) => Number(r.value) > 0 ? `$${r.value}` : null,
               borderRadius: 10
             }
           ),
           /* @__PURE__ */ t(
-            ne,
+            re,
             {
-              disableLine: !X,
-              disableTicks: !Y,
+              disableLine: !Y,
+              disableTicks: !F,
               slotProps: e ? {
                 axisLine: {
                   style: {
@@ -450,10 +453,10 @@ const De = ({
             }
           ),
           /* @__PURE__ */ t(
-            re,
+            ae,
             {
-              disableLine: !F,
-              disableTicks: !G,
+              disableLine: !G,
+              disableTicks: !O,
               slotProps: e ? {
                 axisLine: {
                   style: {
@@ -468,9 +471,9 @@ const De = ({
               } : {}
             }
           ),
-          D && /* @__PURE__ */ t(ae, { x: "line" }),
-          E && /* @__PURE__ */ t(
-            fe,
+          T && /* @__PURE__ */ t(ie, { x: "line" }),
+          X && /* @__PURE__ */ t(
+            ge,
             {
               customLabels: u,
               labels: d,
@@ -480,20 +483,20 @@ const De = ({
         ]
       }
     ),
-    T && /* @__PURE__ */ t(
-      xe,
+    H && /* @__PURE__ */ t(
+      fe,
       {
-        average: M ? j : void 0,
+        average: S ? z : void 0,
         customLegendVariant: g,
         labels: d,
         series: R,
         style: { position: "absolute", top: 16, left: 16 },
-        title: O,
+        title: Q,
         valueFormatterString: p
       }
     )
   ] });
 };
 export {
-  De as L
+  Te as L
 };

package/dist/{ListItemAction-BabpYivr.mjs → ListItemAction-BzmbPuNp.mjs}

@@ -8,7 +8,7 @@ import L from "@mui/material/Stack";
 import { ChevronRight as g } from "@mxenabled/mx-icons";
 import { Text as m } from "@mxenabled/mxui";
 import { a as j } from "./Dialog-CWW597AF.mjs";
-import { u as P } from "./hooks-30y_BLwc.mjs";
+import { u as P } from "./hooks-02T565vf.mjs";
 const D = v(
   ({
     children: n,