npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.6 → 0.0.817-beta.7 - Mend

@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1818) hide show

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import { jsxDEV as n, Fragment as C } from "react/jsx-dev-runtime";
-import { Chart as G, CategoryScale as S, LinearScale as P, BarElement as w, Tooltip as I } from "chart.js";
-import { Chart as v } from "react-chartjs-2";
-import { SmallRegular as D, TitleRegular as j, BodyTiny as R } from "../../../TypographyStyle.js";
+import { jsxDEV as n, Fragment as B } from "react/jsx-dev-runtime";
+import { Chart as C, CategoryScale as G, LinearScale as S, BarElement as D, Tooltip as W } from "chart.js";
+import { Chart as w } from "react-chartjs-2";
+import { SmallRegular as I, TitleRegular as R, BodyTiny as U } from "../../../TypographyStyle.js";
 import { COLORS as t, FONTS as l } from "../../../../constants/Theme.js";
-import { LegendWrapper as U, LegendContainer as z, LegendColor as $ } from "../LineChart/LineChart.styled.js";
-import { truncateValueForInternationalStore as y, truncateValueForIndianStore as g } from "../utils/calcPercentage.js";
-import { GraphWrapper as O, GraphContainerWrapper as T, LegendsWrapper as F, LegendMiddleWrapper as H, LegendColorBox as W } from "./VerticalBarAndLinearGraph.styles.js";
-import { GRAPH_ORIENTATION as h } from "./VerticalBarAndLinearGraphModel.js";
-G.register(S, P, w, I);
+import { LegendWrapper as z, LegendContainer as $, LegendColor as O } from "../LineChart/LineChart.styled.js";
+import { truncateValueForInternationalStore as k, truncateValueForIndianStore as y } from "../utils/calcPercentage.js";
+import { GraphWrapper as T, GraphContainerWrapper as F, LegendsWrapper as H, LegendMiddleWrapper as P, LegendColorBox as E } from "./VerticalBarAndLinearGraph.styles.js";
+import { GRAPH_ORIENTATION as u } from "./VerticalBarAndLinearGraphModel.js";
+C.register(G, S, D, W);
 const Q = (e) => {
-  const x = [0, 0, 0, 0, 0, 0], V = ["-", "-", "-", "-", "-", "-"], f = e.barAxis.data.findIndex((a) => a !== 0) === -1, b = e.lineAxis.data.findIndex((a) => a !== 0) === -1, N = e.lineAxis2 ? e.lineAxis2.data.findIndex((a) => a !== 0) === -1 : !0, k = {
+  const h = [0, 0, 0, 0, 0, 0], v = ["-", "-", "-", "-", "-", "-"], x = e.barAxis.data.findIndex((a) => a !== 0) === -1, f = e.lineAxis.data.findIndex((a) => a !== 0) === -1, g = e.lineAxis2 ? e.lineAxis2.data.findIndex((a) => a !== 0) === -1 : !0, N = {
     min: 0,
     max: 2e3,
     stepSize: 200
-  }, L = [
+  }, p = [
     { legend: e.barAxis.title, color: e.barAxis.graphColor },
     { legend: e.lineAxis.title, color: e.lineAxis.graphColor },
     ...e.lineAxis2 ? [{ legend: e.lineAxis2.title, color: e.lineAxis2.graphColor }] : []
@@ -27,10 +27,10 @@ const Q = (e) => {
         callbacks: {
           label: (a) => {
             const i = a.raw, r = a.dataset;
-            let u = "";
-            r.yAxisID === "bar" ? u = e.barAxis.axisSuffix || "" : r.yAxisID === "line" ? u = e.lineAxis.axisSuffix || "" : r.yAxisID === "line2" && (u = e.lineAxis2?.axisSuffix || "");
+            let b = "";
+            r.yAxisID === "bar" ? b = e.barAxis.axisSuffix || "" : r.yAxisID === "line" ? b = e.lineAxis.axisSuffix || "" : r.yAxisID === "line2" && (b = e.lineAxis2?.axisSuffix || "");
             let A = i;
-            return e.orientation === h.HORIZONTAL && (e.isInternationalStore ? A = y(i) : A = g(i)), `${A}${u}`;
+            return e.orientation === u.HORIZONTAL && (e.isInternationalStore ? A = k(i) : A = y(i)), `${A}${b}`;
           }
         }
       }
@@ -71,13 +71,13 @@ const Q = (e) => {
           fontSize: l.caption.fontSize,
           color: e.barAxis.labelColor ?? t.content.secondary,
           // Apply no-data config if no data exists
-          ...f ? k : {},
+          ...x ? N : {},
           // Format bar axis tick labels based on orientation
-          callback: e.orientation === h.HORIZONTAL ? (a) => {
+          callback: e.orientation === u.HORIZONTAL ? (a) => {
             let i;
-            e.isInternationalStore ? i = y(
+            e.isInternationalStore ? i = k(
               a
-            ) : i = g(
+            ) : i = y(
               a
             );
             const r = e.barAxis?.axisSuffix || "";
@@ -103,13 +103,13 @@ const Q = (e) => {
           fontSize: l.caption.fontSize,
           color: e.lineAxis.labelColor ?? t.content.secondary,
           // Apply no-data config if no data exists
-          ...b ? k : {},
+          ...f ? N : {},
           // Format line axis tick labels based on orientation
-          callback: e.orientation === h.HORIZONTAL ? (a) => {
+          callback: e.orientation === u.HORIZONTAL ? (a) => {
             let i;
-            e.isInternationalStore ? i = y(
+            e.isInternationalStore ? i = k(
               a
-            ) : i = g(
+            ) : i = y(
               a
             );
             const r = e.lineAxis?.axisSuffix || "";
@@ -121,22 +121,22 @@ const Q = (e) => {
     },
     maintainAspectRatio: !1
   };
-  !e.orientation || e.orientation === h.VERTICAL ? delete o.scales.x.ticks.callback : (delete o.scales.bar.ticks.callback, delete o.scales.line.ticks.callback);
-  let c;
-  e.xAxis.forceShowXAxis ? c = e.xAxis.data.map((a) => a.toString()) : f && b && N ? c = V : c = e.xAxis.data.map((a) => a.toString());
+  !e.orientation || e.orientation === u.VERTICAL ? delete o.scales.x.ticks.callback : (delete o.scales.bar.ticks.callback, delete o.scales.line.ticks.callback);
   let s;
-  e.noDummyValues ? s = e.lineAxis.data : b ? s = x : s = e.lineAxis.data;
+  e.xAxis.forceShowXAxis ? s = e.xAxis.data.map((a) => a.toString()) : x && f && g ? s = v : s = e.xAxis.data.map((a) => a.toString());
+  let c;
+  e.noDummyValues ? c = e.lineAxis.data : f ? c = h : c = e.lineAxis.data;
   let d;
-  e.lineAxis2 && (e.noDummyValues ? d = e.lineAxis2.data : N ? d = x : d = e.lineAxis2.data);
+  e.lineAxis2 && (e.noDummyValues ? d = e.lineAxis2.data : g ? d = h : d = e.lineAxis2.data);
   let m;
-  e.noDummyValues ? m = e.barAxis.data : f ? m = x : m = e.barAxis.data;
-  const B = {
-    labels: c,
+  e.noDummyValues ? m = e.barAxis.data : x ? m = h : m = e.barAxis.data;
+  const L = {
+    labels: s,
     datasets: [
       {
         yAxisID: "line",
         type: "line",
-        data: s,
+        data: c,
         borderColor: e.lineAxis.graphColor || "rgba(0,0,0,0)",
         backgroundColor: e.lineAxis.graphColor,
         borderWidth: 2,
@@ -165,58 +165,58 @@ const Q = (e) => {
         borderRadius: 4
       }
     ]
-  }, p = () => /* @__PURE__ */ n(F, { children: L.map(
-    ({ legend: a, color: i }, r) => a ? /* @__PURE__ */ n(H, { children: [
-      /* @__PURE__ */ n(W, { color: i }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+  }, V = () => /* @__PURE__ */ n(H, { children: p.map(
+    ({ legend: a, color: i }, r) => a ? /* @__PURE__ */ n(P, { children: [
+      /* @__PURE__ */ n(E, { color: i }, void 0, !1, {
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
         lineNumber: 322,
         columnNumber: 8
       }, void 0),
-      /* @__PURE__ */ n(R, { color: t.content.secondary, children: a }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+      /* @__PURE__ */ n(U, { color: t.content.secondary, children: a }, void 0, !1, {
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
         lineNumber: 323,
         columnNumber: 8
       }, void 0)
     ] }, r, !0, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
       lineNumber: 321,
       columnNumber: 7
     }, void 0) : null
   ) }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
     lineNumber: 318,
     columnNumber: 4
   }, void 0);
-  return /* @__PURE__ */ n(O, { children: [
-    e.customLegend ? p() : /* @__PURE__ */ n(U, { position: "center", children: L.map(
-      ({ legend: a, color: i }, r) => a ? /* @__PURE__ */ n(z, { children: [
-        /* @__PURE__ */ n($, { color: i }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+  return /* @__PURE__ */ n(T, { children: [
+    e.customLegend ? V() : /* @__PURE__ */ n(z, { position: "center", children: p.map(
+      ({ legend: a, color: i }, r) => a ? /* @__PURE__ */ n($, { children: [
+        /* @__PURE__ */ n(O, { color: i }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
           lineNumber: 340,
           columnNumber: 9
         }, void 0),
-        /* @__PURE__ */ n(D, { color: "#667085", children: a }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+        /* @__PURE__ */ n(I, { color: "#667085", children: a }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
           lineNumber: 341,
           columnNumber: 9
         }, void 0)
       ] }, r, !0, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
         lineNumber: 339,
         columnNumber: 8
-      }, void 0) : /* @__PURE__ */ n(C, {}, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+      }, void 0) : /* @__PURE__ */ n(B, {}, void 0, !1, {
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
         lineNumber: 344,
         columnNumber: 8
       }, void 0)
     ) }, void 0, !1, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
       lineNumber: 336,
       columnNumber: 5
     }, void 0),
-    /* @__PURE__ */ n(T, { children: [
+    /* @__PURE__ */ n(F, { children: [
       e.chartHeading && /* @__PURE__ */ n("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ n(
-        j,
+        R,
         {
           color: e.chartHeading.color ?? t.content.secondary,
           children: e.chartHeading.heading
@@ -224,13 +224,13 @@ const Q = (e) => {
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
           lineNumber: 352,
           columnNumber: 7
         },
         void 0
       ) }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
         lineNumber: 351,
         columnNumber: 6
       }, void 0),
@@ -240,8 +240,8 @@ const Q = (e) => {
           style: {
             height: e.graphCanvasHeight ?? 500
           },
-          children: /* @__PURE__ */ n(v, { type: "bar", data: B, options: o }, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+          children: /* @__PURE__ */ n(w, { type: "bar", data: L, options: o }, void 0, !1, {
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
             lineNumber: 364,
             columnNumber: 6
           }, void 0)
@@ -249,19 +249,19 @@ const Q = (e) => {
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
           lineNumber: 359,
           columnNumber: 5
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
       lineNumber: 349,
       columnNumber: 4
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
+    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.tsx",
     lineNumber: 332,
     columnNumber: 3
   }, void 0);

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js CHANGED Viewed

@@ -1,60 +1,60 @@
-import { jsxDEV as a, Fragment as B } from "react/jsx-dev-runtime";
-import { Chart as V, CategoryScale as v, LinearScale as F, BarElement as G, Tooltip as C } from "chart.js";
-import { Bar as w } from "react-chartjs-2";
-import { SmallRegular as P } from "../../../TypographyStyle.js";
-import { LegendWrapper as j, LegendContainer as E, LegendColor as I } from "../LineChart/LineChart.styled.js";
-V.register(v, F, G, C);
-const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) => {
-  let n = 0, l = 0, t = 0;
-  return e.length === 4 ? (n = parseInt(e[1] + e[1], 16), l = parseInt(e[2] + e[2], 16), t = parseInt(e[3] + e[3], 16)) : e.length === 7 && (n = parseInt(e[1] + e[2], 16), l = parseInt(e[3] + e[4], 16), t = parseInt(e[5] + e[6], 16)), `rgba(${n}, ${l}, ${t}, ${o})`;
-}, O = ({
-  data: e = [],
-  maintainAspectRatio: o = !1,
+import { jsxDEV as a, Fragment as N } from "react/jsx-dev-runtime";
+import { Chart as B, CategoryScale as V, LinearScale as F, BarElement as G, Tooltip as C } from "chart.js";
+import { Bar as D } from "react-chartjs-2";
+import { SmallRegular as w } from "../../../TypographyStyle.js";
+import { LegendWrapper as W, LegendContainer as E, LegendColor as I } from "../LineChart/LineChart.styled.js";
+B.register(V, F, G, C);
+const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (r, l) => {
+  let n = 0, o = 0, s = 0;
+  return r.length === 4 ? (n = parseInt(r[1] + r[1], 16), o = parseInt(r[2] + r[2], 16), s = parseInt(r[3] + r[3], 16)) : r.length === 7 && (n = parseInt(r[1] + r[2], 16), o = parseInt(r[3] + r[4], 16), s = parseInt(r[5] + r[6], 16)), `rgba(${n}, ${o}, ${s}, ${l})`;
+}, P = ({
+  data: r = [],
+  maintainAspectRatio: l = !1,
   canvasHeight: n = 300,
-  barColors: l = L,
-  titleToolTipCallback: t
+  barColors: o = L,
+  titleToolTipCallback: s
 }) => {
-  e.length === 0 && (e = [
+  r.length === 0 && (r = [
     {
       label: "",
       current: 0,
       previousLabel: ""
     }
   ]);
-  const p = e.map((r) => r.label), u = e.map((r) => r.current || 0), d = e.map(
-    (r) => r.previous ? Math.max((r.previous || 0) - r.current, 0) : 0
-  ), m = e.map((r) => r.previousLabel || ""), i = l, h = e.map((r) => ({
-    text: r.label,
-    color: i[e.indexOf(r)]
-  })), b = [
+  const p = r.map((e) => e.label), u = r.map((e) => e.current || 0), d = r.map(
+    (e) => e.previous ? Math.max((e.previous || 0) - e.current, 0) : 0
+  ), m = r.map((e) => e.previousLabel || ""), c = o, b = r.map((e) => ({
+    text: e.label,
+    color: c[r.indexOf(e)]
+  })), h = [
     {
       label: "Current Value",
       data: u,
-      backgroundColor: i.slice(0, e.length),
+      backgroundColor: c.slice(0, r.length),
       borderColor: "white",
       borderWidth: 1,
       stack: "combined"
     },
     {
       label: "Previous Value",
-      data: d.map((r) => r || 0),
-      backgroundColor: i.slice(0, e.length).map((r) => x(r, 0.3)),
+      data: d.map((e) => e || 0),
+      backgroundColor: c.slice(0, r.length).map((e) => x(e, 0.3)),
       borderColor: "white",
       borderWidth: 1,
       stack: "combined"
     }
-  ], f = (r) => {
-    const s = r[0].datasetIndex, c = r[0].dataIndex;
-    if (s === 1) {
-      const k = m[c], N = p[c];
-      return `${k} but not ${N}`;
+  ], k = (e) => {
+    const t = e[0].datasetIndex, i = e[0].dataIndex;
+    if (t === 1) {
+      const y = m[i], g = p[i];
+      return `${y} but not ${g}`;
     }
-    return r[0].label;
-  }, g = {
+    return e[0].label;
+  }, f = {
     labels: p,
-    datasets: b
-  }, y = {
-    maintainAspectRatio: o,
+    datasets: h
+  }, v = {
+    maintainAspectRatio: l,
     responsive: !0,
     scales: {
       x: {
@@ -63,7 +63,7 @@ const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) =>
           display: !1
         },
         ticks: {
-          display: e.length > 0
+          display: r.length > 0
         }
       },
       y: {
@@ -71,10 +71,10 @@ const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) =>
         barPercentage: 0.6,
         categoryPercentage: 0.7,
         ticks: {
-          display: e.length > 0
+          display: r.length > 0
         },
         grid: {
-          drawBorder: e.length > 0
+          drawBorder: r.length > 0
         }
       }
     },
@@ -84,8 +84,8 @@ const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) =>
       },
       tooltip: {
         callbacks: {
-          title: t || f,
-          label: (r) => ` ${r.raw}`
+          title: s || k,
+          label: (e) => ` ${e.raw}`
         }
       }
     }
@@ -94,45 +94,45 @@ const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) =>
     "div",
     {
       style: {
-        height: o ? void 0 : n,
+        height: l ? void 0 : n,
         display: "flex",
         flexDirection: "column",
         gap: 5,
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ a(j, { children: h.map(
-          ({ text: r, color: s }, c) => r ? /* @__PURE__ */ a(E, { children: [
-            /* @__PURE__ */ a(I, { color: s, newStyle: !0 }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+        /* @__PURE__ */ a(W, { children: b.map(
+          ({ text: e, color: t }, i) => e ? /* @__PURE__ */ a(E, { children: [
+            /* @__PURE__ */ a(I, { color: t, newStyle: !0 }, void 0, !1, {
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
               lineNumber: 170,
               columnNumber: 8
             }, void 0),
-            /* @__PURE__ */ a(P, { color: "#667085", children: r }, void 0, !1, {
-              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+            /* @__PURE__ */ a(w, { color: "#667085", children: e }, void 0, !1, {
+              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
               lineNumber: 171,
               columnNumber: 8
             }, void 0)
-          ] }, c, !0, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+          ] }, i, !0, {
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
             lineNumber: 169,
             columnNumber: 7
-          }, void 0) : /* @__PURE__ */ a(B, {}, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+          }, void 0) : /* @__PURE__ */ a(N, {}, void 0, !1, {
+            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
             lineNumber: 174,
             columnNumber: 7
           }, void 0)
         ) }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
           lineNumber: 166,
           columnNumber: 4
         }, void 0),
-        /* @__PURE__ */ a("div", { style: { flex: 1 }, children: /* @__PURE__ */ a(w, { data: g, options: y }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+        /* @__PURE__ */ a("div", { style: { flex: 1 }, children: /* @__PURE__ */ a(D, { data: f, options: v }, void 0, !1, {
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
           lineNumber: 179,
           columnNumber: 5
         }, void 0) }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
           lineNumber: 178,
           columnNumber: 4
         }, void 0)
@@ -141,7 +141,7 @@ const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) =>
     void 0,
     !0,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
+      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx",
       lineNumber: 157,
       columnNumber: 3
     },
@@ -149,6 +149,6 @@ const L = ["#DEEFFF", "#FEDEF3", "#FEC6C6", "#DBAFFF", "#FEDEBC"], x = (e, o) =>
   );
 };
 export {
-  O as FunnelVerticalBarGraph
+  P as FunnelVerticalBarGraph
 };
 //# sourceMappingURL=FunnelVerticalBarGraph.js.map

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FunnelVerticalBarGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { SmallRegular } from '@src/components/TypographyStyle';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from '../LineChart/LineChart.styled';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\n\nconst STATIC_COLORS = ['#DEEFFF', '#FEDEF3', '#FEC6C6', '#DBAFFF', '#FEDEBC'];\n\nexport interface FunnelBarChartI {\n\tdata?: {\n\t\tlabel: string;\n\t\tcurrent: number;\n\t\tprevious?: number;\n\t\tpreviousLabel?: string;\n\t}[];\n\tmaintainAspectRatio?: boolean;\n\tcanvasHeight?: number;\n\tbarColors?: string[];\n\ttitleToolTipCallback?: (tooltipItems: any) => string;\n}\nconst hexToRGBA = (hex: string \| any[], opacity: number) => {\n\tlet r = 0,\n\t\tg = 0,\n\t\tb = 0;\n\tif (hex.length === 4) {\n\t\tr = parseInt(hex[1] + hex[1], 16);\n\t\tg = parseInt(hex[2] + hex[2], 16);\n\t\tb = parseInt(hex[3] + hex[3], 16);\n\t} else if (hex.length === 7) {\n\t\tr = parseInt(hex[1] + hex[2], 16);\n\t\tg = parseInt(hex[3] + hex[4], 16);\n\t\tb = parseInt(hex[5] + hex[6], 16);\n\t}\n\treturn `rgba(${r}, ${g}, ${b}, ${opacity})`;\n};\n\nexport const FunnelVerticalBarGraph: React.FC<FunnelBarChartI> = ({\n\tdata = [],\n\tmaintainAspectRatio = false,\n\tcanvasHeight = 300,\n\tbarColors = STATIC_COLORS,\n\ttitleToolTipCallback,\n}) => {\n\tif (data.length === 0) {\n\t\tdata = [\n\t\t\t{\n\t\t\t\tlabel: '',\n\t\t\t\tcurrent: 0,\n\t\t\t\tpreviousLabel: '',\n\t\t\t},\n\t\t];\n\t}\n\n\tconst labels = data.map((item) => item.label);\n\tconst currentValues = data.map((item) => item.current \|\| 0);\n\tconst previousValues = data.map((item) =>\n\t\titem.previous ? Math.max((item.previous \|\| 0) - item.current, 0) : 0,\n\t);\n\tconst previousLabels = data.map((item) => item.previousLabel \|\| '');\n\tconst colors = barColors;\n\n\tconst legends = data.map((item) => ({\n\t\ttext: item.label,\n\t\tcolor: colors[data.indexOf(item)],\n\t}));\n\n\tconst datasets = [\n\t\t{\n\t\t\tlabel: 'Current Value',\n\t\t\tdata: currentValues,\n\t\t\tbackgroundColor: colors.slice(0, data.length),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t\t{\n\t\t\tlabel: 'Previous Value',\n\t\t\tdata: previousValues.map((val) => val \|\| 0),\n\t\t\tbackgroundColor: colors\n\t\t\t\t.slice(0, data.length)\n\t\t\t\t.map((color) => hexToRGBA(color, 0.3)),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t];\n\n\tconst defaultTooltipTitleCallback = (tooltipItems) => {\n\t\tconst datasetIndex = tooltipItems[0].datasetIndex;\n\t\tconst dataIndex = tooltipItems[0].dataIndex;\n\t\tif (datasetIndex === 1) {\n\t\t\tconst prevLabel = previousLabels[dataIndex];\n\t\t\tconst label = labels[dataIndex];\n\t\t\treturn `${prevLabel} but not ${label}`;\n\t\t}\n\t\treturn tooltipItems[0].label;\n\t};\n\tconst chartData = {\n\t\tlabels: labels,\n\t\tdatasets: datasets,\n\t};\n\n\tconst options = {\n\t\tmaintainAspectRatio,\n\t\tresponsive: true,\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\tstacked: true,\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t\ty: {\n\t\t\t\tstacked: true,\n\t\t\t\tbarPercentage: 0.6,\n\t\t\t\tcategoryPercentage: 0.7,\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdrawBorder: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: titleToolTipCallback \|\| defaultTooltipTitleCallback,\n\t\t\t\t\tlabel: (tooltipItem) => {\n\t\t\t\t\t\tconst value = tooltipItem.raw;\n\t\t\t\t\t\treturn ` ${value}`;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: !maintainAspectRatio ? canvasHeight : undefined,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 5,\n\t\t\t\twidth: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<LegendWrapper>\n\t\t\t\t{legends.map(({ text, color }, i) =>\n\t\t\t\t\ttext ? (\n\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t<LegendColor color={color} newStyle={true} />\n\t\t\t\t\t\t\t<SmallRegular color={'#667085'}>{text}</SmallRegular>\n\t\t\t\t\t\t</LegendContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t),\n\t\t\t\t)}\n\t\t\t</LegendWrapper>\n\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t<Bar data={chartData} options={options} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","STATIC_COLORS","hexToRGBA","hex","opacity","r","g","b","FunnelVerticalBarGraph","data","maintainAspectRatio","canvasHeight","barColors","titleToolTipCallback","labels","item","currentValues","previousValues","previousLabels","colors","legends","datasets","val","color","defaultTooltipTitleCallback","tooltipItems","datasetIndex","dataIndex","prevLabel","label","chartData","options","tooltipItem","jsxDEV","LegendWrapper","text","~~i","~~LegendContainer","LegendColor","this","SmallRegular","Fragment","Bar"],"mappings":";;;;;AAgBAA,EAAQ,SAASC,GAAeC,GAAaC,GAAYC,CAAO;AAEhE,MAAMC,IAAgB,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS,GActEC,IAAY,CAACC,GAAqBC,MAAoB;AAC3D,MAAIC,IAAI,GACPC,IAAI,GACJC,IAAI;AACL,SAAIJ,EAAI,WAAW,KAClBE,IAAI,SAASF,EAAI,CAAC,IAAIA,EAAI,CAAC,GAAG,EAAE,GAChCG,IAAI,SAASH,EAAI,CAAC,IAAIA,EAAI,CAAC,GAAG,EAAE,GAChCI,IAAI,SAASJ,EAAI,CAAC,IAAIA,EAAI,CAAC,GAAG,EAAE,KACtBA,EAAI,WAAW,MACzBE,IAAI,SAASF,EAAI,CAAC,IAAIA,EAAI,CAAC,GAAG,EAAE,GAChCG,IAAI,SAASH,EAAI,CAAC,IAAIA,EAAI,CAAC,GAAG,EAAE,GAChCI,IAAI,SAASJ,EAAI,CAAC,IAAIA,EAAI,CAAC,GAAG,EAAE,IAE1B,QAAQE,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKH,CAAO;AACzC,GAEaI,IAAoD,CAAC;AAAA,EACjE,MAAAC,IAAO,CAAA;AAAA,EACP,qBAAAC,IAAsB;AAAA,EACtB,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAYX;AAAA,EACZ,sBAAAY;AACD,MAAM;AACL,EAAIJ,EAAK,WAAW,MACnBA,IAAO;AAAA,IACN;AAAA,MACC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,eAAe;AAAA,IAAA;AAAA,EAChB;AAIF,QAAMK,IAASL,EAAK,IAAI,CAACM,MAASA,EAAK,KAAK,GACtCC,IAAgBP,EAAK,IAAI,CAACM,MAASA,EAAK,WAAW,CAAC,GACpDE,IAAiBR,EAAK;AAAA,IAAI,CAACM,MAChCA,EAAK,WAAW,KAAK,KAAKA,EAAK,YAAY,KAAKA,EAAK,SAAS,CAAC,IAAI;AAAA,EAAA,GAE9DG,IAAiBT,EAAK,IAAI,CAACM,MAASA,EAAK,iBAAiB,EAAE,GAC5DI,IAASP,GAETQ,IAAUX,EAAK,IAAI,CAACM,OAAU;AAAA,IACnC,MAAMA,EAAK;AAAA,IACX,OAAOI,EAAOV,EAAK,QAAQM,CAAI,CAAC;AAAA,EAAA,EAC/B,GAEIM,IAAW;AAAA,IAChB;AAAA,MACC,OAAO;AAAA,MACP,MAAML;AAAA,MACN,iBAAiBG,EAAO,MAAM,GAAGV,EAAK,MAAM;AAAA,MAC5C,aAAa;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,IAER;AAAA,MACC,OAAO;AAAA,MACP,MAAMQ,EAAe,IAAI,CAACK,MAAQA,KAAO,CAAC;AAAA,MAC1C,iBAAiBH,EACf,MAAM,GAAGV,EAAK,MAAM,EACpB,IAAI,CAACc,MAAUrB,EAAUqB,GAAO,GAAG,CAAC;AAAA,MACtC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACR,GAGKC,IAA8B,CAACC,MAAiB;AACrD,UAAMC,IAAeD,EAAa,CAAC,EAAE,cAC/BE,IAAYF,EAAa,CAAC,EAAE;AAClC,QAAIC,MAAiB,GAAG;AACvB,YAAME,IAAYV,EAAeS,CAAS,GACpCE,IAAQf,EAAOa,CAAS;AAC9B,aAAO,GAAGC,CAAS,YAAYC,CAAK;AAAA,IACrC;AACA,WAAOJ,EAAa,CAAC,EAAE;AAAA,EACxB,GACMK,IAAY;AAAA,IACjB,QAAAhB;AAAA,IACA,UAAAO;AAAA,EAAA,GAGKU,IAAU;AAAA,IACf,qBAAArB;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,MACP,GAAG;AAAA,QACF,SAAS;AAAA,QACT,MAAM;AAAA,UACL,SAAS;AAAA,QAAA;AAAA,QAEV,OAAO;AAAA,UACN,SAASD,EAAK,SAAS;AAAA,QAAA;AAAA,MACxB;AAAA,MAED,GAAG;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,oBAAoB;AAAA,QACpB,OAAO;AAAA,UACN,SAASA,EAAK,SAAS;AAAA,QAAA;AAAA,QAExB,MAAM;AAAA,UACL,YAAYA,EAAK,SAAS;AAAA,QAAA;AAAA,MAC3B;AAAA,IACD;AAAA,IAED,SAAS;AAAA,MACR,QAAQ;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEV,SAAS;AAAA,QACR,WAAW;AAAA,UACV,OAAOI,KAAwBW;AAAA,UAC/B,OAAO,CAACQ,MAEA,IADOA,EAAY,GACV;AAAA,QACjB;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAGD,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,OAAO;AAAA,QACN,QAASvB,IAAqC,SAAfC;AAAA,QAC/B,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,gBAAAsB,EAACC,KACC,UAAAd,EAAQ;AAAA,UAAI,CAAC,EAAE,MAAAe,GAAM,OAAAZ,~~KAASa~~,~~MAC9BD~~,~~sBACEE~~,GAAA,EACA,UAAA;AAAA,YAAA,~~gBAAAJ~~,~~EAACK~~,GAAA,EAAY,~~OAAAf~~,GAAc,UAAU,GAAA,GAArC,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,~~GAAAgB~~,MAA2C;AAAA,YAC3C,~~gBAAAN~~,~~EAACO~~,GAAA,EAAa,OAAO,WAAY,~~UAAAL~~,EAAA,GAAjC,QAAA,IAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,~~GAAAI~~,MAAsC;AAAA,UAAA,EAAA,~~GAFjBH~~,GAAtB,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,~~GAAAG~~,MAGA,IAEA,~~gBAAAN~~,~~EAAAQ~~,GAAA,CAAA,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAF,MAAE;AAAA,QAAA,EAEJ,GAVD,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAA,MAWA;AAAA,QACA,~~gBAAAN~~,EAAC,OAAA,EAAI,OAAO,EAAE,MAAM,EAAA,GACnB,UAAA,gBAAAA,~~EAACS~~,GAAA,EAAI,~~MAAMZ~~,GAAW,SAAAC,EAAA,GAAtB,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,~~GAAAQ~~,MAAwC,EAAA,GADzC,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAA,MAEA;AAAA,MAAA;AAAA,IAAA;AAAA,IAvBD;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AA0BF;"}
1	+ {"version":3,"file":"FunnelVerticalBarGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.tsx"],"sourcesContent":["import {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { SmallRegular } from '@src/components/TypographyStyle';\nimport {\n\tLegendColor,\n\tLegendContainer,\n\tLegendWrapper,\n} from '../LineChart/LineChart.styled';\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);\n\nconst STATIC_COLORS = ['#DEEFFF', '#FEDEF3', '#FEC6C6', '#DBAFFF', '#FEDEBC'];\n\nexport interface FunnelBarChartI {\n\tdata?: {\n\t\tlabel: string;\n\t\tcurrent: number;\n\t\tprevious?: number;\n\t\tpreviousLabel?: string;\n\t}[];\n\tmaintainAspectRatio?: boolean;\n\tcanvasHeight?: number;\n\tbarColors?: string[];\n\ttitleToolTipCallback?: (tooltipItems: any) => string;\n}\nconst hexToRGBA = (hex: string \| any[], opacity: number) => {\n\tlet r = 0,\n\t\tg = 0,\n\t\tb = 0;\n\tif (hex.length === 4) {\n\t\tr = parseInt(hex[1] + hex[1], 16);\n\t\tg = parseInt(hex[2] + hex[2], 16);\n\t\tb = parseInt(hex[3] + hex[3], 16);\n\t} else if (hex.length === 7) {\n\t\tr = parseInt(hex[1] + hex[2], 16);\n\t\tg = parseInt(hex[3] + hex[4], 16);\n\t\tb = parseInt(hex[5] + hex[6], 16);\n\t}\n\treturn `rgba(${r}, ${g}, ${b}, ${opacity})`;\n};\n\nexport const FunnelVerticalBarGraph: React.FC<FunnelBarChartI> = ({\n\tdata = [],\n\tmaintainAspectRatio = false,\n\tcanvasHeight = 300,\n\tbarColors = STATIC_COLORS,\n\ttitleToolTipCallback,\n}) => {\n\tif (data.length === 0) {\n\t\tdata = [\n\t\t\t{\n\t\t\t\tlabel: '',\n\t\t\t\tcurrent: 0,\n\t\t\t\tpreviousLabel: '',\n\t\t\t},\n\t\t];\n\t}\n\n\tconst labels = data.map((item) => item.label);\n\tconst currentValues = data.map((item) => item.current \|\| 0);\n\tconst previousValues = data.map((item) =>\n\t\titem.previous ? Math.max((item.previous \|\| 0) - item.current, 0) : 0,\n\t);\n\tconst previousLabels = data.map((item) => item.previousLabel \|\| '');\n\tconst colors = barColors;\n\n\tconst legends = data.map((item) => ({\n\t\ttext: item.label,\n\t\tcolor: colors[data.indexOf(item)],\n\t}));\n\n\tconst datasets = [\n\t\t{\n\t\t\tlabel: 'Current Value',\n\t\t\tdata: currentValues,\n\t\t\tbackgroundColor: colors.slice(0, data.length),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t\t{\n\t\t\tlabel: 'Previous Value',\n\t\t\tdata: previousValues.map((val) => val \|\| 0),\n\t\t\tbackgroundColor: colors\n\t\t\t\t.slice(0, data.length)\n\t\t\t\t.map((color) => hexToRGBA(color, 0.3)),\n\t\t\tborderColor: 'white',\n\t\t\tborderWidth: 1,\n\t\t\tstack: 'combined',\n\t\t},\n\t];\n\n\tconst defaultTooltipTitleCallback = (tooltipItems) => {\n\t\tconst datasetIndex = tooltipItems[0].datasetIndex;\n\t\tconst dataIndex = tooltipItems[0].dataIndex;\n\t\tif (datasetIndex === 1) {\n\t\t\tconst prevLabel = previousLabels[dataIndex];\n\t\t\tconst label = labels[dataIndex];\n\t\t\treturn `${prevLabel} but not ${label}`;\n\t\t}\n\t\treturn tooltipItems[0].label;\n\t};\n\tconst chartData = {\n\t\tlabels: labels,\n\t\tdatasets: datasets,\n\t};\n\n\tconst options = {\n\t\tmaintainAspectRatio,\n\t\tresponsive: true,\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\tstacked: true,\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t\ty: {\n\t\t\t\tstacked: true,\n\t\t\t\tbarPercentage: 0.6,\n\t\t\t\tcategoryPercentage: 0.7,\n\t\t\t\tticks: {\n\t\t\t\t\tdisplay: data.length > 0,\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdrawBorder: data.length > 0,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tcallbacks: {\n\t\t\t\t\ttitle: titleToolTipCallback \|\| defaultTooltipTitleCallback,\n\t\t\t\t\tlabel: (tooltipItem) => {\n\t\t\t\t\t\tconst value = tooltipItem.raw;\n\t\t\t\t\t\treturn ` ${value}`;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: !maintainAspectRatio ? canvasHeight : undefined,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tgap: 5,\n\t\t\t\twidth: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<LegendWrapper>\n\t\t\t\t{legends.map(({ text, color }, i) =>\n\t\t\t\t\ttext ? (\n\t\t\t\t\t\t<LegendContainer key={i}>\n\t\t\t\t\t\t\t<LegendColor color={color} newStyle={true} />\n\t\t\t\t\t\t\t<SmallRegular color={'#667085'}>{text}</SmallRegular>\n\t\t\t\t\t\t</LegendContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t),\n\t\t\t\t)}\n\t\t\t</LegendWrapper>\n\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t<Bar data={chartData} options={options} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","STATIC_COLORS","hexToRGBA","hex","opacity","r","g","b","FunnelVerticalBarGraph","data","maintainAspectRatio","canvasHeight","barColors","titleToolTipCallback","labels","item","currentValues","previousValues","previousLabels","colors","legends","datasets","val","color","defaultTooltipTitleCallback","tooltipItems","datasetIndex","dataIndex","prevLabel","label","chartData","options","tooltipItem","jsxDEV","LegendWrapper","text","LegendContainer","LegendColor","this","SmallRegular","Fragment","Bar"],"mappings":"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"}