@mx-cartographer/insights-ui 1.4.6-alpha.mega15 → 1.4.6-alpha.mega16

package/dist/components/shared/InsightsCard/CardHeader.d.ts

@@ -3,6 +3,7 @@ import { MenuItemProps } from './CardMenuItem';
 export interface CardHeaderProps {
     ariaLabel?: string;
     menuItems?: MenuItemProps[];
+    onActionOpen?: () => void;
     onClick?: (index: number, key: string) => void;
     shouldShowMenu?: boolean;
     subHeader?: React.ReactNode;

package/dist/index.es.js

@@ -237,7 +237,7 @@ const Ve = ({
   height: o
 }) => {
   const [s, m] = y.useState(null), h = () => {
-    const u = document.getElementsByClassName("mx-mini-insight-card")[0].clientHeight, f = document.getElementsByClassName("mx-mini-insight-card-header")[0].clientHeight + document.getElementsByClassName("mx-mini-insight-card-content-body")[0].clientHeight, E = u - f - 24;
+    const f = document.getElementsByClassName("mx-mini-insight-card")[0].clientHeight, u = document.getElementsByClassName("mx-mini-insight-card-header")[0].clientHeight + document.getElementsByClassName("mx-mini-insight-card-content-body")[0].clientHeight, E = f - u - 24;
     m(Math.floor(E / 20));
   };
   return y.useEffect(() => (h(), window.addEventListener("resize", h), () => window.removeEventListener("resize", h)), []), /* @__PURE__ */ t(
@@ -369,8 +369,8 @@ const Ve = ({
   le(() => {
     const h = new ResizeObserver(() => {
       if (o.current) {
-        const f = o.current.getBoundingClientRect().width / 2;
-        o.current.querySelector("text").setAttribute("transform", `translate(${f}, -8)`);
+        const u = o.current.getBoundingClientRect().width / 2;
+        o.current.querySelector("text").setAttribute("transform", `translate(${u}, -8)`);
       }
     });
     return o.current && h.observe(o.current), () => {
@@ -403,22 +403,22 @@ const Ve = ({
   onBarClick: o
 }) => {
   const s = b(), m = K(() => {
-    const f = `${l}80`;
-    return a === void 0 ? [...new Array(n.length - 1).fill(f), l] : n.map((E, A) => A === a ? l : f);
+    const u = `${l}80`;
+    return a === void 0 ? [...new Array(n.length - 1).fill(u), l] : n.map((E, A) => A === a ? l : u);
   }, [l, n, a]), h = re(
-    (f, { dataIndex: E }) => o && o(E),
+    (u, { dataIndex: E }) => o && o(E),
     [o]
-  ), u = K(
+  ), f = K(
     () => ({
       series: [
         {
-          data: n.map(({ value: f }) => f),
+          data: n.map(({ value: u }) => u),
           type: "bar"
         }
       ],
       xAxis: [
         {
-          data: n.map(({ label: f }) => f),
+          data: n.map(({ label: u }) => u),
           scaleType: "band",
           categoryGapRatio: 0.47
           // Matches the pulse width
@@ -428,14 +428,14 @@ const Ve = ({
     [n]
   );
   return /* @__PURE__ */ c(x, { alignItems: "center", children: [
-    /* @__PURE__ */ t(p, { sx: { height: 130, width: "100%" }, children: /* @__PURE__ */ t(_, { children: ({ height: f, width: E }) => /* @__PURE__ */ c(
+    /* @__PURE__ */ t(p, { sx: { height: 130, width: "100%" }, children: /* @__PURE__ */ t(_, { children: ({ height: u, width: E }) => /* @__PURE__ */ c(
       pe,
       {
-        height: f,
+        height: u,
         margin: { left: 16, right: 16, top: 38, bottom: 30 },
-        series: u.series,
+        series: f.series,
         width: E,
-        xAxis: u.xAxis,
+        xAxis: f.xAxis,
         children: [
           i?.average && /* @__PURE__ */ t(
             ue,
@@ -558,21 +558,21 @@ const Ve = ({
   rightLowerText: s,
   rightUpperText: m
 }) => {
-  const h = a ? P : j, u = F(null), { height: f, width: E } = De(u);
+  const h = a ? P : j, f = F(null), { height: u, width: E } = De(f);
   return /* @__PURE__ */ c(
     p,
     {
       alignItems: "center",
       display: "flex",
       justifyContent: "center",
-      ref: u,
+      ref: f,
       sx: (A) => ({
         backgroundColor: A.palette.grey[200],
         padding: 16
       }),
       width: "100%",
       children: [
-        /* @__PURE__ */ t(We, { height: f, shouldRun: l.shouldRun, width: E }),
+        /* @__PURE__ */ t(We, { height: u, shouldRun: l.shouldRun, width: E }),
         /* @__PURE__ */ c(
           v,
           {
@@ -794,8 +794,8 @@ const Ve = ({
     if (!r.current) return;
     const d = r.current, a = d.querySelectorAll(".Overlay");
     ["brand100", "brand200", "brand300", "brand400", "brand500"].forEach((s, m) => {
-      const h = d.querySelectorAll(`.${s}`), u = (100 + m).toString();
-      Y(h, I[u]);
+      const h = d.querySelectorAll(`.${s}`), f = (100 + m).toString();
+      Y(h, I[f]);
     }), Y(a, I[300]);
   }, [I]), /* @__PURE__ */ t(
     "div",
@@ -835,7 +835,8 @@ const Ve = ({
         name: "more_horiz",
         size: 24,
         sx: {
-          color: "text.primary"
+          color: "text.primary",
+          fontVariationSettings: "initial"
         }
       }
     )
@@ -873,31 +874,32 @@ const Ve = ({
 ), e1 = ({
   ariaLabel: i,
   menuItems: l = [],
-  onClick: n,
-  shouldShowMenu: r = !1,
-  subHeader: d,
-  title: a
+  onActionOpen: n,
+  onClick: r,
+  shouldShowMenu: d = !1,
+  subHeader: a,
+  title: o
 }) => {
-  const [o, s] = X(null);
+  const [s, m] = X(null);
   return /* @__PURE__ */ c(w, { children: [
     /* @__PURE__ */ t(
       xe,
       {
-        action: r && i ? /* @__PURE__ */ t(_e, { ariaLabel: i, onClick: (u) => {
-          s(u.currentTarget);
+        action: d && i ? /* @__PURE__ */ t(_e, { ariaLabel: i, onClick: (u) => {
+          m(u.currentTarget), n?.();
         } }) : null,
-        subheader: d ?? null,
+        subheader: a ?? null,
         sx: { alignItems: "flex-start", p: 0, mb: 16 },
-        title: /* @__PURE__ */ t(U, { children: a })
+        title: /* @__PURE__ */ t(U, { children: o })
       }
     ),
-    o && /* @__PURE__ */ t(
+    s && /* @__PURE__ */ t(
       $e,
       {
-        anchorEl: o,
-        handleClose: () => s(null),
-        handleMenuItem: (u, f) => {
-          n?.(u, f);
+        anchorEl: s,
+        handleClose: () => m(null),
+        handleMenuItem: (u, E) => {
+          m(null), r?.(u, E);
         },
         menuItems: l
       }
@@ -1049,8 +1051,8 @@ const Ve = ({
       "data-ui-test": d ? `primary-cta-${i.template}` : `secondary-cta-${i.template}`,
       disabled: l,
       id: d ? `primary-cta-${i.guid}` : `secondary-cta-${i.guid}`,
-      onClick: (u) => {
-        r(u);
+      onClick: (f) => {
+        r(f);
       },
       variant: o || "outlined",
       ...s,
@@ -1079,8 +1081,8 @@ const Ve = ({
   setRefs: a
 }) => /* @__PURE__ */ t(
   ({ elementTag: s, children: m, ...h }) => {
-    const u = s;
-    return y.createElement(u, h, m);
+    const f = s;
+    return y.createElement(f, h, m);
   },
   {
     "aria-hidden": i,
@@ -1149,7 +1151,7 @@ const Ve = ({
     },
     marginTop: 12,
     width: "100%"
-  }), u = Z(L)({
+  }), f = Z(L)({
     backgroundColor: o.palette.action.active,
     borderRadius: 4,
     fontSize: 16,
@@ -1170,7 +1172,7 @@ const Ve = ({
       },
       children: [
         /* @__PURE__ */ t(
-          u,
+          f,
           {
             className: "mx-insights-beat-feedback-submit-button",
             "data-ui-test": "submit-button",
@@ -1257,7 +1259,7 @@ const Ve = ({
   const h = Le(we)({
     height: 93,
     resize: "none"
-  }), u = ke();
+  }), f = ke();
   return /* @__PURE__ */ c(
     p,
     {
@@ -1275,8 +1277,8 @@ const Ve = ({
             maxRows: 4,
             minRows: 4,
             name: "Feedback",
-            onChange: (f) => {
-              s(f.target.value), m(f.target.value);
+            onChange: (u) => {
+              s(u.target.value), m(u.target.value);
             },
             onClick: () => o(),
             placeholder: r,
@@ -1291,7 +1293,7 @@ const Ve = ({
           g,
           {
             sx: {
-              color: i && u.palette.error.darker,
+              color: i && f.palette.error.darker,
               fontSize: 12,
               p: "0px !important"
             },
@@ -1445,8 +1447,8 @@ const Ve = ({
   onClose: s,
   sendResponseAnalytics: m,
   upperDescription: h,
-  upperList: u,
-  yesButtonText: f
+  upperList: f,
+  yesButtonText: u
 }) => /* @__PURE__ */ t(
   de,
   {
@@ -1479,7 +1481,7 @@ const Ve = ({
         /* @__PURE__ */ t(U, { sx: { p: "16px 24px 8px 24px", whiteSpace: "wrap" }, children: l }),
         /* @__PURE__ */ c(x, { sx: { gap: 12, px: 24 }, children: [
           /* @__PURE__ */ t(g, { color: "secondary", fontSize: 13, children: h }),
-          /* @__PURE__ */ t(J, { children: u.map((E, A) => /* @__PURE__ */ c(
+          /* @__PURE__ */ t(J, { children: f.map((E, A) => /* @__PURE__ */ c(
             T,
             {
               sx: {
@@ -1564,7 +1566,7 @@ const Ve = ({
                 border: `1px solid ${E.palette.border.main}`,
                 p: "12 16"
               }),
-              children: f
+              children: u
             }
           )
         ] })
@@ -1783,8 +1785,8 @@ const Ve = ({
   isMini: s,
   leftLowerText: m,
   leftUpperText: h,
-  rightLowerText: u,
-  rightUpperText: f,
+  rightLowerText: f,
+  rightUpperText: u,
   sourceAccountGuid: E
 }) => /* @__PURE__ */ t(y.Fragment, { children: o ? /* @__PURE__ */ t(
   ee,
@@ -1796,8 +1798,8 @@ const Ve = ({
     isMini: s,
     leftLowerText: m,
     leftUpperText: h,
-    rightLowerText: u,
-    rightUpperText: f
+    rightLowerText: f,
+    rightUpperText: u
   }
 ) : /* @__PURE__ */ t(
   f1,