@bikdotai/bik-component-library 0.0.817-beta.1 → 0.0.817-beta.3

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js

@@ -1,46 +1,46 @@
 import { jsxDEV as t } from "react/jsx-dev-runtime";
 import P from "../../../../assets/icons/ChartBar.svg.js";
-import D from "../../../../assets/icons/ChartPie.svg.js";
+import A from "../../../../assets/icons/ChartPie.svg.js";
 import $ from "../../../../assets/icons/maximize.svg.js";
-import { Chart as W, CategoryScale as U, LinearScale as T, BarElement as F, Tooltip as I } from "chart.js";
-import L from "chartjs-plugin-datalabels";
-import { useState as x, useEffect as R, Suspense as E } from "react";
-import { Bar as A } from "react-chartjs-2";
-import { TitleMedium as H } from "../../../TypographyStyle.js";
-import { COLORS as i, FONTS as s } from "../../../../constants/Theme.js";
-import { GraphContainerWrapper as O } from "./VerticalGraph.styles.js";
+import { Chart as U, CategoryScale as T, LinearScale as F, BarElement as I, Tooltip as L } from "chart.js";
+import R from "chartjs-plugin-datalabels";
+import { useState as g, useEffect as E, Suspense as H } from "react";
+import { Bar as G } from "react-chartjs-2";
+import { TitleMedium as O } from "../../../TypographyStyle.js";
+import { COLORS as n, FONTS as l } from "../../../../constants/Theme.js";
+import { GraphContainerWrapper as M } from "./VerticalGraph.styles.js";
 import { IconButton as f } from "../../../icon-button/IconButton.js";
-import { StyledModal as M } from "../../../modals/styledModal.js";
-W.register(
-  U,
+import { StyledModal as j } from "../../../modals/styledModal.js";
+U.register(
   T,
   F,
   I,
-  L
+  L,
+  R
 );
-const ia = (a) => {
-  const { PieChartComponent: g } = a, [v, k] = x(!1), [p, b] = x(!1), [C, G] = x();
-  R(() => {
-    const r = [];
-    p && (a.popupData?.xAxis.data.forEach((e, o) => {
-      r.push({
+const na = (a) => {
+  const { PieChartComponent: C } = a, [N, y] = g(!1), [m, b] = g(!1), [w, S] = g();
+  E(() => {
+    const o = [];
+    m && (a.popupData?.xAxis.data.forEach((e, i) => {
+      o.push({
         name: e.toString(),
-        count: Number(a.popupData?.yAxis.data[o]) || 0
+        count: Number(a.popupData?.yAxis.data[i]) || 0
       });
-    }), G(r));
-  }, [p, a.popupData?.xAxis.data, a.popupData?.yAxis.data]);
-  const N = [250, 1e3, 800, 1500, 300, 600], m = a.yAxis.data.findIndex((r) => r !== 0) === -1, y = a.popupData?.yAxis.data.findIndex((r) => r !== 0) === -1, w = {
+    }), S(o));
+  }, [m, a.popupData?.xAxis.data, a.popupData?.yAxis.data]);
+  const k = [250, 1e3, 800, 1500, 300, 600], u = a.yAxis.data.findIndex((o) => o !== 0) === -1, x = a.popupData?.yAxis.data.findIndex((o) => o !== 0) === -1, D = {
     min: 0,
     max: 2e3,
     stepSize: 200
-  }, S = {
+  }, V = {
     responsive: !0,
     plugins: {
       legend: {
         display: !1
       },
       tooltip: {
-        enabled: !m,
+        enabled: !u,
         callbacks: {
           label: a.yAxis.toolTipCallback
         }
@@ -50,7 +50,7 @@ const ia = (a) => {
         anchor: "end",
         align: "end",
         clamp: !0,
-        color: i.content.secondary
+        color: n.content.secondary
       }
     },
     scales: {
@@ -59,15 +59,15 @@ const ia = (a) => {
           display: !!a.xAxis.title,
           text: a.xAxis.title,
           color: a.xAxis.titleColor,
-          font: { size: s.caption.fontSize }
+          font: { size: l.caption.fontSize }
         },
         grid: {
           display: !1,
-          borderColor: i.background.base
+          borderColor: n.background.base
         },
         ticks: {
-          fontSize: s.caption.fontSize,
-          color: a.yAxis.labelColor ?? i.content.secondary
+          fontSize: l.caption.fontSize,
+          color: a.yAxis.labelColor ?? n.content.secondary
         }
       },
       y: {
@@ -75,29 +75,29 @@ const ia = (a) => {
           display: !!a.yAxis.title,
           text: a.yAxis.title,
           color: a.yAxis.titleColor,
-          font: { size: s.caption.fontSize }
+          font: { size: l.caption.fontSize }
         },
         grid: {
           borderColor: "white",
-          color: i.background.base
+          color: n.background.base
         },
         ticks: {
           callback: a.yAxis.ticksCallback,
-          fontSize: s.caption.fontSize,
-          color: a.xAxis.labelColor ?? i.content.secondary,
-          ...m ? w : {}
+          fontSize: l.caption.fontSize,
+          color: a.xAxis.labelColor ?? n.content.secondary,
+          ...u ? D : {}
         }
       }
     },
     maintainAspectRatio: !1
-  }, V = {
+  }, v = {
     responsive: !0,
     plugins: {
       legend: {
         display: !1
       },
       tooltip: {
-        enabled: !y,
+        enabled: !x,
         callbacks: {
           label: a.yAxis.toolTipCallback
         }
@@ -107,7 +107,7 @@ const ia = (a) => {
         anchor: "end",
         align: "end",
         clamp: !0,
-        color: i.content.secondary
+        color: n.content.secondary
       }
     },
     scales: {
@@ -116,15 +116,15 @@ const ia = (a) => {
           display: !!a.popupData?.xAxis.title,
           text: a.popupData?.xAxis.title,
           color: a.popupData?.xAxis.titleColor,
-          font: { size: s.caption.fontSize }
+          font: { size: l.caption.fontSize }
         },
         grid: {
           display: !1,
-          borderColor: i.background.base
+          borderColor: n.background.base
         },
         ticks: {
-          fontSize: s.caption.fontSize,
-          color: a.popupData?.yAxis.labelColor ?? i.content.secondary
+          fontSize: l.caption.fontSize,
+          color: a.popupData?.yAxis.labelColor ?? n.content.secondary
         }
       },
       y: {
@@ -132,44 +132,44 @@ const ia = (a) => {
           display: !!a.popupData?.yAxis.title,
           text: a.popupData?.yAxis.title,
           color: a.popupData?.yAxis.titleColor,
-          font: { size: s.caption.fontSize }
+          font: { size: l.caption.fontSize }
         },
         grid: {
           borderColor: "white",
-          color: i.background.base
+          color: n.background.base
         },
         ticks: {
           callback: a.popupData?.yAxis.ticksCallback,
-          fontSize: s.caption.fontSize,
-          color: a.popupData?.xAxis.labelColor ?? i.content.secondary,
-          ...y ? w : {}
+          fontSize: l.caption.fontSize,
+          color: a.popupData?.xAxis.labelColor ?? n.content.secondary,
+          ...x ? D : {}
         }
       }
     },
     maintainAspectRatio: !1
   }, z = {
-    labels: a.xAxis.data.map((r) => r.toString()),
+    labels: a.xAxis.data.map((o) => o.toString()),
     datasets: [
       {
-        data: m ? N : a.yAxis.data,
-        backgroundColor: (r) => {
+        data: u ? k : a.yAxis.data,
+        backgroundColor: (o) => {
           const e = a.barColorRGBA;
-          let o = [];
-          const n = a.xAxis.data.length;
-          if (m)
+          let i = [];
+          const r = a.xAxis.data.length;
+          if (u)
             return "rgba(0,0,0,0)";
           if (a.isFunnel) {
-            let l = +(n > 10 ? 0.1 : (1 / n).toFixed(2));
-            const u = `rgba(${e.r}, ${e.g}, ${e.b}`;
-            for (let c = 1; c < n + 1; c++) {
+            let s = +(r > 10 ? 0.1 : (1 / r).toFixed(2));
+            const h = `rgba(${e.r}, ${e.g}, ${e.b}`;
+            for (let c = 1; c < r + 1; c++) {
               let d = "";
-              c > 10 ? d = `${u},1)` : (d = `${u},${l})`, l = l + 0.1), o.push(d);
+              c > 10 ? d = `${h},1)` : (d = `${h},${s})`, s = s + 0.1), i.push(d);
             }
           } else {
-            const h = `rgba(${e.r}, ${e.g}, ${e.b}, ${e.a ?? "1"})`;
-            o = Array(n).fill(h);
+            const p = `rgba(${e.r}, ${e.g}, ${e.b}, ${e.a ?? "1"})`;
+            i = Array(r).fill(p);
           }
-          return o;
+          return i;
         },
         barPercentage: 0.4,
         categoryPercentage: 1,
@@ -177,28 +177,28 @@ const ia = (a) => {
       }
     ]
   }, B = {
-    labels: a.popupData?.xAxis.data.map((r) => r.toString()),
+    labels: a.popupData?.xAxis.data.map((o) => o.toString()),
     datasets: [
       {
-        data: y ? N : a.popupData?.yAxis.data,
-        backgroundColor: (r) => {
+        data: x ? k : a.popupData?.yAxis.data,
+        backgroundColor: (o) => {
           const e = a.barColorRGBA;
-          let o = [];
-          const n = a.popupData?.xAxis.data.length || 0;
-          if (m)
+          let i = [];
+          const r = a.popupData?.xAxis.data.length || 0;
+          if (u)
             return "rgba(0,0,0,0)";
           if (a.isFunnel) {
-            let l = +(n > 10 ? 0.1 : (1 / n).toFixed(2));
-            const u = `rgba(${e.r}, ${e.g}, ${e.b}`;
-            for (let c = 1; c < n + 1; c++) {
+            let s = +(r > 10 ? 0.1 : (1 / r).toFixed(2));
+            const h = `rgba(${e.r}, ${e.g}, ${e.b}`;
+            for (let c = 1; c < r + 1; c++) {
               let d = "";
-              c > 10 ? d = `${u},1)` : (d = `${u},${l})`, l = l + 0.1), o.push(d);
+              c > 10 ? d = `${h},1)` : (d = `${h},${s})`, s = s + 0.1), i.push(d);
             }
           } else {
-            const h = `rgba(${e.r}, ${e.g}, ${e.b}, ${e.a ?? "1"})`;
-            o = Array(n).fill(h);
+            const p = `rgba(${e.r}, ${e.g}, ${e.b}, ${e.a ?? "1"})`;
+            i = Array(r).fill(p);
           }
-          return o;
+          return i;
         },
         barPercentage: 0.4,
         categoryPercentage: 1,
@@ -206,23 +206,23 @@ const ia = (a) => {
       }
     ]
   };
-  return /* @__PURE__ */ t(O, { padding: a.outerPadding, children: [
+  return /* @__PURE__ */ t(M, { padding: a.outerPadding, children: [
     a.chartHeading && /* @__PURE__ */ t("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ t(
-      H,
+      O,
       {
-        color: a.chartHeading.color ?? i.content.secondary,
+        color: a.chartHeading.color ?? n.content.secondary,
         children: a.chartHeading.heading
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
         lineNumber: 284,
         columnNumber: 6
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
       lineNumber: 283,
       columnNumber: 5
     }, void 0),
@@ -230,15 +230,15 @@ const ia = (a) => {
       a.showConvertToPieChart && /* @__PURE__ */ t(
         f,
         {
-          Icon: D,
+          Icon: A,
           onClick: () => {
-            b(!0), k(!0);
+            b(!0), y(!0);
           }
         },
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
           lineNumber: 293,
           columnNumber: 6
         },
@@ -249,20 +249,20 @@ const ia = (a) => {
         {
           Icon: $,
           onClick: () => {
-            k(!0);
+            y(!0);
           }
         },
         void 0,
         !1,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
           lineNumber: 302,
           columnNumber: 6
         },
         void 0
       )
     ] }, void 0, !0, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
       lineNumber: 291,
       columnNumber: 4
     }, void 0),
@@ -272,8 +272,8 @@ const ia = (a) => {
         style: {
           height: a.graphCanvasHeight ?? 500
         },
-        children: /* @__PURE__ */ t(A, { options: S, data: z }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+        children: /* @__PURE__ */ t(G, { options: V, data: z }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
           lineNumber: 315,
           columnNumber: 5
         }, void 0)
@@ -281,23 +281,23 @@ const ia = (a) => {
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
         lineNumber: 310,
         columnNumber: 4
       },
       void 0
     ),
-    v && /* @__PURE__ */ t(
-      M,
+    N && /* @__PURE__ */ t(
+      j,
       {
-        open: v,
+        open: N,
         onClose: () => {
-          k(!1), b(!1);
+          y(!1), b(!1);
         },
         closeOnOutsideClick: !0,
         headingTitle: a.popupData?.chartHeading,
         width: "75%",
-        headerRightCustomElement: a.showConvertToPieChart ? p ? /* @__PURE__ */ t(
+        headerRightCustomElement: a.showConvertToPieChart ? m ? /* @__PURE__ */ t(
           f,
           {
             Icon: P,
@@ -308,7 +308,7 @@ const ia = (a) => {
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
             lineNumber: 337,
             columnNumber: 9
           },
@@ -316,7 +316,7 @@ const ia = (a) => {
         ) : /* @__PURE__ */ t(
           f,
           {
-            Icon: D,
+            Icon: A,
             onClick: () => {
               b(!0);
             }
@@ -324,7 +324,7 @@ const ia = (a) => {
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
             lineNumber: 330,
             columnNumber: 9
           },
@@ -332,21 +332,21 @@ const ia = (a) => {
         ) : null,
         headerLeftCustomElement: a.popupData?.headerLeftCustomElement,
         children: [
-          p && C && g && /* @__PURE__ */ t(
+          m && w && C && /* @__PURE__ */ t(
             "div",
             {
               style: {
                 height: a.graphCanvasHeight ?? 500,
                 padding: "24px"
               },
-              children: /* @__PURE__ */ t(E, { fallback: /* @__PURE__ */ t("div", { children: "Loading..." }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+              children: /* @__PURE__ */ t(H, { fallback: /* @__PURE__ */ t("div", { children: "Loading..." }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
                 lineNumber: 355,
                 columnNumber: 28
               }, void 0), children: /* @__PURE__ */ t(
-                g,
+                C,
                 {
-                  slices: C,
+                  slices: w,
                   size: a.pieChartSize,
                   hideTitle: !0,
                   currencyProps: a.currencyProps
@@ -354,13 +354,13 @@ const ia = (a) => {
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
                   lineNumber: 356,
                   columnNumber: 9
                 },
                 void 0
               ) }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
                 lineNumber: 355,
                 columnNumber: 8
               }, void 0)
@@ -368,20 +368,20 @@ const ia = (a) => {
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
               lineNumber: 349,
               columnNumber: 7
             },
             void 0
           ),
-          !p && /* @__PURE__ */ t(
+          !m && /* @__PURE__ */ t(
             "div",
             {
               style: {
                 height: a.graphCanvasHeight ?? 500
               },
-              children: /* @__PURE__ */ t(A, { options: V, data: B }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+              children: /* @__PURE__ */ t(G, { options: v, data: B }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
                 lineNumber: 371,
                 columnNumber: 8
               }, void 0)
@@ -389,7 +389,7 @@ const ia = (a) => {
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
               lineNumber: 366,
               columnNumber: 7
             },
@@ -400,19 +400,19 @@ const ia = (a) => {
       void 0,
       !0,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
         lineNumber: 318,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx",
     lineNumber: 281,
     columnNumber: 3
   }, void 0);
 };
 export {
-  ia as VerticalGraph
+  na as VerticalGraph
 };
 //# sourceMappingURL=VerticalGraph.js.map