@mx-cartographer/insights-ui 1.16.11-alpha.lonniem.2 → 1.16.11-alpha.lonniem.3

package/dist/index.es.js

@@ -349,12 +349,12 @@ const Be = ({
         onClose: m,
         open: !!c,
         transformOrigin: { horizontal: "right", vertical: "top" },
-        children: n.map(({ icon: x, key: C, text: J }, f) => /* @__PURE__ */ d(Fe, { onClick: () => E(f, C), sx: { p: 12 }, children: [
+        children: n.map(({ icon: x, key: C, text: M }, f) => /* @__PURE__ */ d(Fe, { onClick: () => E(f, C), sx: { p: 12 }, children: [
           /* @__PURE__ */ e(ie, { sx: { minWidth: "32px !important" }, children: x }),
           /* @__PURE__ */ e(
             re,
             {
-              primary: J,
+              primary: M,
               primaryTypographyProps: {
                 fontWeight: "normal",
                 fontSize: 15,
@@ -457,7 +457,7 @@ const Be = ({
       h.current && f.unobserve(h.current);
     };
   }, []);
-  const { ariaLabel: m, category: E, categoryGuid: y, formattedAmount: x, imageSize: C, merchantGuid: J } = r[n];
+  const { ariaLabel: m, category: E, categoryGuid: y, formattedAmount: x, imageSize: C, merchantGuid: M } = r[n];
   return /* @__PURE__ */ d("g", { "aria-label": m, children: [
     /* @__PURE__ */ e(
       I.rect,
@@ -469,7 +469,7 @@ const Be = ({
         style: o
       }
     ),
-    (J || y) && /* @__PURE__ */ e(
+    (M || y) && /* @__PURE__ */ e(
       I.foreignObject,
       {
         height: C || 32,
@@ -497,7 +497,7 @@ const Be = ({
               {
                 alt: E,
                 categoryGuid: y || "",
-                merchantGuid: J || "",
+                merchantGuid: M || "",
                 size: C || 32
               }
             )
@@ -548,18 +548,18 @@ const Be = ({
   removeSelectedTabColorChange: m,
   onBarClick: E
 }) => {
-  const y = F(), { containerRef: x, height: C, width: J } = ve(), k = n.reduce((M, H) => Math.min(M, H.value), 1 / 0) < 0, A = me(() => {
-    const M = `${r}80`;
-    return m ? n.map(() => M) : h === void 0 ? [...new Array(n.length - 1).fill(M), r] : n.map((H, L) => L === h ? r : M);
+  const y = F(), { containerRef: x, height: C, width: M } = ve(), k = n.reduce((J, H) => Math.min(J, H.value), 1 / 0) < 0, A = me(() => {
+    const J = `${r}80`;
+    return m ? n.map(() => r) : h === void 0 ? [...new Array(n.length - 1).fill(J), r] : n.map((H, L) => L === h ? r : J);
   }, [r, n, h]), W = He(
-    (M, { dataIndex: H }) => E && E(H),
+    (J, { dataIndex: H }) => E && E(H),
     [E]
   ), z = me(() => {
-    const M = n.map(({ value: R }) => R), H = Math.min(...M), L = Math.max(...M);
+    const J = n.map(({ value: R }) => R), H = Math.min(...J), L = Math.max(...J);
     return {
       series: [
         {
-          data: M,
+          data: J,
           type: "bar"
         }
       ],
@@ -598,7 +598,7 @@ const Be = ({
               left: o.left
             },
             series: z.series,
-            width: J,
+            width: M,
             xAxis: z.xAxis,
             children: [
               t?.average && // show average line if available
@@ -633,7 +633,7 @@ const Be = ({
                   position: "bottom",
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    axisTickLabel: ({ text: M, ownerState: H, ...L }) => {
+                    axisTickLabel: ({ text: J, ownerState: H, ...L }) => {
                       const R = n[h ?? n.length - 1]?.label;
                       return /* @__PURE__ */ e(
                         "text",
@@ -641,16 +641,16 @@ const Be = ({
                           ...L,
                           style: {
                             ...L.style,
-                            fontWeight: !m && R === M ? "bold" : 400
+                            fontWeight: !m && R === J ? "bold" : 400
                           },
-                          children: M
+                          children: J
                         }
                       );
                     }
                   },
-                  sx: (M) => ({
+                  sx: (J) => ({
                     ".MuiChartsAxis-line": {
-                      stroke: k ? "none" : M.palette.border?.dark
+                      stroke: k ? "none" : J.palette.border?.dark
                       // If there is a negative value hide this line and use the reference line
                     },
                     "MuiChartsAxis-root-MuiChartsXAxis-root": {
@@ -671,8 +671,8 @@ const Be = ({
                 {
                   onItemClick: W,
                   slots: {
-                    bar: (M) => {
-                      const { ownerState: H, style: L, ...R } = M;
+                    bar: (J) => {
+                      const { ownerState: H, style: L, ...R } = J;
                       return /* @__PURE__ */ e(
                         rt,
                         {
@@ -716,7 +716,7 @@ const Be = ({
     width: l.width
   });
   se(() => {
-    const J = new ResizeObserver(() => {
+    const M = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (a.current) {
           const { width: f } = a.current.getBoundingClientRect(), k = f / 2, A = a.current.querySelector("text");
@@ -724,8 +724,8 @@ const Be = ({
         }
       });
     });
-    return a.current && J.observe(a.current), () => {
-      a.current && J.unobserve(a.current);
+    return a.current && M.observe(a.current), () => {
+      a.current && M.unobserve(a.current);
     };
   }, []);
   const { ariaLabelComparison: h, ariaLabelMain: m, formattedComparison: E, formattedMain: y } = r[n.index], x = n.type === 0 ? m : h, C = n.type === 0 ? y : E;
@@ -738,7 +738,7 @@ const Be = ({
         fontSize: 11,
         fontWeight: 400,
         textAnchor: "middle",
-        transform: c.to((J) => `translate(${J / 2}, -8)`),
+        transform: c.to((M) => `translate(${M / 2}, -8)`),
         x: l.x,
         y: l.y,
         children: C
@@ -812,7 +812,7 @@ const Be = ({
   },
   onBarClick: m
 }) => {
-  const E = F(), { containerRef: y, height: x, width: C } = ve(), J = ({ dataIndex: f, seriesId: k }) => {
+  const E = F(), { containerRef: y, height: x, width: C } = ve(), M = ({ dataIndex: f, seriesId: k }) => {
     const A = k.toString().split("-").pop();
     m?.(f * 2 + Number(A));
   };
@@ -864,7 +864,7 @@ const Be = ({
           /* @__PURE__ */ e(
             Je,
             {
-              onItemClick: (f, { dataIndex: k, seriesId: A }) => J({ dataIndex: k, seriesId: A.toString() }),
+              onItemClick: (f, { dataIndex: k, seriesId: A }) => M({ dataIndex: k, seriesId: A.toString() }),
               slots: {
                 bar: (f) => {
                   const { ownerState: k, style: A, ...W } = f;
@@ -1205,8 +1205,8 @@ const de = (t) => {
         const E = Array.from(h.children).reduce((f, k) => k !== c ? f + k.clientHeight : f, 0), x = h.clientHeight - E, C = parseInt(
           window.getComputedStyle(c).lineHeight,
           10
-        ), J = Math.floor(x / C);
-        J !== l && s(J);
+        ), M = Math.floor(x / C);
+        M !== l && s(M);
       }
     }
   };