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

package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js

@@ -1,27 +1,27 @@
-import { jsxDEV as r, Fragment as H } from "react/jsx-dev-runtime";
-import { Chart as F, CategoryScale as W, LinearScale as U, BarElement as Z, Tooltip as _, Legend as z } from "chart.js";
-import M from "chartjs-plugin-datalabels";
-import { useState as D, useEffect as V, useCallback as P } from "react";
+import { jsxDEV as r, Fragment as U } from "react/jsx-dev-runtime";
+import { Chart as F, CategoryScale as Z, LinearScale as _, BarElement as z, Tooltip as p, Legend as M } from "chart.js";
+import V from "chartjs-plugin-datalabels";
+import { useState as B, useEffect as P, useCallback as W } from "react";
 import { Bar as j } from "react-chartjs-2";
-import { BodyTiny as B, TitleRegular as G } from "../../../TypographyStyle.js";
-import { COLORS as l, FONTS as k } from "../../../../constants/Theme.js";
-import { truncateValueForInternationalStore as f, truncateValueForIndianStore as y } from "../utils/calcPercentage.js";
+import { BodyTiny as w, TitleRegular as G } from "../../../TypographyStyle.js";
+import { COLORS as l, FONTS as f } from "../../../../constants/Theme.js";
+import { truncateValueForInternationalStore as y, truncateValueForIndianStore as C } from "../utils/calcPercentage.js";
 import { GraphContainerWrapper as Y } from "./StackedBarChart.styles.js";
-import { GRAPH_ORIENTATION as n } from "./StackedBarDistributionChart.model.js";
+import { GRAPH_ORIENTATION as t } from "./StackedBarDistributionChart.model.js";
 F.register(
-  W,
-  U,
   Z,
   _,
   z,
-  M
+  p,
+  M,
+  V
 );
 F.defaults.plugins.datalabels.display = !1;
 function q(e) {
-  return e.map((s) => s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s);
+  return e.map((d) => d.length > 0 ? d.charAt(0).toUpperCase() + d.slice(1) : d);
 }
-const ie = (e) => {
-  const [s, x] = D([]), [b, A] = D(), m = !e.data.filter((a) => !!a.value).length, T = [10, 20, 30, 40, 50, 60, 80, 100, 120], O = e.colorMatrix && e.colorMatrix.length ? e.colorMatrix : [
+const oe = (e) => {
+  const [d, x] = B([]), [b, A] = B(), m = !e.data.filter((a) => !!a.value).length, T = [10, 20, 30, 40, 50, 60, 80, 100, 120], O = e.colorMatrix && e.colorMatrix.length ? e.colorMatrix : [
     // Green Shades
     [
       "#09A35B",
@@ -72,20 +72,20 @@ const ie = (e) => {
       "#D2AEFF",
       "#EBDBFF"
     ]
-  ], C = {
+  ], g = {
     min: 0,
     max: 200,
     stepSize: 20
-  }, g = {
+  }, N = {
     min: e.minValue,
     max: e.maxValue,
     stepSize: e.valuesStepSize
-  }, p = {
+  }, L = {
     barPercentage: 0.4,
     categoryPercentage: 1,
     pointStyle: "circle",
     barThickness: m ? 0 : e.barThickness ?? 100
-  }, L = {
+  }, v = {
     plugins: {
       legend: {
         display: !1
@@ -103,15 +103,15 @@ const ie = (e) => {
         anchor: "end",
         align: "end",
         clamp: !0,
-        formatter: (a, t) => {
-          const i = t.datasetIndex, c = t.chart.data.datasets;
-          if (i !== c.length - 1)
+        formatter: (a, n) => {
+          const o = n.datasetIndex, c = n.chart.data.datasets;
+          if (o !== c.length - 1)
             return "";
-          const d = t.dataIndex;
-          let o = 0;
+          const s = n.dataIndex;
+          let i = 0;
           for (let u = 0; u < c.length; u++)
-            o += c[u].data[d] ?? 0;
-          return o ? e.isInternationalStore ? f(o) : y(o) : "";
+            i += c[u].data[s] ?? 0;
+          return i ? e.isInternationalStore ? y(i) : C(i) : "";
         },
         color: l.content.secondary
       }
@@ -121,95 +121,95 @@ const ie = (e) => {
     legend: {
       display: !1
     },
-    indexAxis: e.orientation === n.HORIZONTAL ? "y" : "x",
+    indexAxis: e.orientation === t.HORIZONTAL ? "y" : "x",
     layout: {
       padding: {
-        right: e.showTotal && e.orientation === n.HORIZONTAL ? 50 : 0,
-        top: e.showTotal && e.orientation != n.HORIZONTAL ? 25 : 0
+        right: e.showTotal && e.orientation === t.HORIZONTAL ? 50 : 0,
+        top: e.showTotal && e.orientation != t.HORIZONTAL ? 25 : 0
       }
     },
     scales: {
       x: {
         title: {
-          display: !!(e.orientation === n.HORIZONTAL ? e.valueTitle?.heading : e.labelTitle?.heading),
-          text: e.orientation === n.HORIZONTAL ? e.valueTitle?.heading : e.labelTitle?.heading,
-          color: (e.orientation === n.HORIZONTAL ? e.valueTitle?.color : e.labelTitle?.color) ?? l.content.secondary,
-          font: { size: k.bodySecondary.fontSize }
+          display: !!(e.orientation === t.HORIZONTAL ? e.valueTitle?.heading : e.labelTitle?.heading),
+          text: e.orientation === t.HORIZONTAL ? e.valueTitle?.heading : e.labelTitle?.heading,
+          color: (e.orientation === t.HORIZONTAL ? e.valueTitle?.color : e.labelTitle?.color) ?? l.content.secondary,
+          font: { size: f.bodySecondary.fontSize }
         },
         grid: {
-          display: e.orientation === n.HORIZONTAL,
+          display: e.orientation === t.HORIZONTAL,
           color: l.background.base
         },
         ticks: {
           stepSize: 30,
-          fontSize: k.caption.fontSize,
-          color: (e.orientation === n.HORIZONTAL ? e.labelTitle?.color : e.valueTitle?.color) ?? l.content.secondary,
-          ...e.orientation === n.HORIZONTAL ? m ? C : g : {},
-          callback: (a, t) => e.orientation !== n.HORIZONTAL ? b?.labels?.[t] ?? "" : typeof a != "number" ? a : e.isInternationalStore ? f(a) : y(a)
+          fontSize: f.caption.fontSize,
+          color: (e.orientation === t.HORIZONTAL ? e.labelTitle?.color : e.valueTitle?.color) ?? l.content.secondary,
+          ...e.orientation === t.HORIZONTAL ? m ? g : N : {},
+          callback: (a, n) => e.orientation !== t.HORIZONTAL ? b?.labels?.[n] ?? "" : typeof a != "number" ? a : e.isInternationalStore ? y(a) : C(a)
         },
         stacked: !0
       },
       y: {
         title: {
-          display: !!(e.orientation === n.HORIZONTAL ? e.labelTitle?.heading : e.valueTitle?.heading),
-          text: e.orientation === n.HORIZONTAL ? e.labelTitle?.heading : e.valueTitle?.heading,
-          color: (e.orientation === n.HORIZONTAL ? e.labelTitle?.color : e.valueTitle?.color) ?? l.content.secondary,
-          font: { size: k.bodySecondary.fontSize }
+          display: !!(e.orientation === t.HORIZONTAL ? e.labelTitle?.heading : e.valueTitle?.heading),
+          text: e.orientation === t.HORIZONTAL ? e.labelTitle?.heading : e.valueTitle?.heading,
+          color: (e.orientation === t.HORIZONTAL ? e.labelTitle?.color : e.valueTitle?.color) ?? l.content.secondary,
+          font: { size: f.bodySecondary.fontSize }
         },
         grid: {
-          display: e.orientation !== n.HORIZONTAL,
+          display: e.orientation !== t.HORIZONTAL,
           color: l.background.base
         },
         ticks: {
-          fontSize: k.caption.fontSize,
-          color: (e.orientation === n.HORIZONTAL ? e.valueTitle?.color : e.labelTitle?.color) ?? l.content.secondary,
-          ...e.orientation === n.HORIZONTAL ? {} : m ? C : g,
-          callback: (a, t) => e.orientation === n.HORIZONTAL ? b?.labels?.[t] ?? "" : typeof a != "number" ? a : e.isInternationalStore ? f(a) : y(a)
+          fontSize: f.caption.fontSize,
+          color: (e.orientation === t.HORIZONTAL ? e.valueTitle?.color : e.labelTitle?.color) ?? l.content.secondary,
+          ...e.orientation === t.HORIZONTAL ? {} : m ? g : N,
+          callback: (a, n) => e.orientation === t.HORIZONTAL ? b?.labels?.[n] ?? "" : typeof a != "number" ? a : e.isInternationalStore ? y(a) : C(a)
         },
         stacked: !0
       }
     },
-    onClick: (a, t) => {
+    onClick: (a, n) => {
       if (!e.onBarClick) return;
-      const i = t[0].datasetIndex, c = t[0].index, d = a.chart.data.datasets[i].label, o = a.chart.data.labels[c];
-      e.onBarClick(o, d);
+      const o = n[0].datasetIndex, c = n[0].index, s = a.chart.data.datasets[o].label, i = a.chart.data.labels[c];
+      e.onBarClick(i, s);
     },
-    onHover: (a, t) => {
-      e.onBarClick && t.length && (a.native.target.style.cursor = "pointer");
+    onHover: (a, n) => {
+      e.onBarClick && n.length && (a.native.target.style.cursor = "pointer");
     }
   }, h = Array.from(
     new Set(e.data.map((a) => a.label))
-  ), N = {
+  ), k = {
     labels: q(h),
     datasets: m ? [{ data: T, backgroundColor: "rgba(0,0,0,0)" }] : []
-  }, w = (a, t, i) => O[a].slice(-i)[t];
-  V(() => {
+  }, I = (a, n, o) => O[a].slice(-o)[n];
+  P(() => {
     const a = [];
-    h.forEach((t, i) => {
-      const c = [], d = e.data.filter(
-        (o) => o.label === t
+    h.forEach((n, o) => {
+      const c = [], s = e.data.filter(
+        (i) => i.label === n
       );
-      e.isFunnel || d.sort((o, u) => u.value - o.value), d.forEach((o, u) => {
-        const v = w(
-          i,
+      e.isFunnel || s.sort((i, u) => u.value - i.value), s.forEach((i, u) => {
+        const S = I(
+          o,
           u,
-          d.length
+          s.length
         );
         c.push({
-          color: v,
-          label: o.stackLabel
+          color: S,
+          label: i.stackLabel
         });
-        const S = {
-          label: o.stackLabel,
-          backgroundColor: v,
+        const D = {
+          label: i.stackLabel,
+          backgroundColor: S,
           data: Array(h.length).fill(0),
-          ...p
+          ...L
         };
-        S.data[i] = o.value, N.datasets.push(S);
+        D.data[o] = i.value, k.datasets.push(D);
       }), a.push(c);
-    }), x(a), A(N);
+    }), x(a), A(k);
   }, [e.data]);
-  const I = P(() => /* @__PURE__ */ r(
+  const E = W(() => /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -219,7 +219,7 @@ const ie = (e) => {
         gap: "10px",
         justifyContent: "flex-end"
       },
-      children: E().map((a) => /* @__PURE__ */ r("div", { className: "legend__row", children: [
+      children: R().map((a) => /* @__PURE__ */ r("div", { className: "legend__row", children: [
         /* @__PURE__ */ r(
           "div",
           {
@@ -229,19 +229,19 @@ const ie = (e) => {
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
             lineNumber: 367,
             columnNumber: 8
           },
           void 0
         ),
-        /* @__PURE__ */ r(B, { color: l.content.secondary, children: a.label }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+        /* @__PURE__ */ r(w, { color: l.content.secondary, children: a.label }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
           lineNumber: 371,
           columnNumber: 8
         }, void 0)
       ] }, a.label.replace(" ", "_"), !0, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
         lineNumber: 366,
         columnNumber: 7
       }, void 0))
@@ -249,27 +249,27 @@ const ie = (e) => {
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
       lineNumber: 355,
       columnNumber: 4
     },
     void 0
-  ), [s]), E = () => {
+  ), [d]), R = () => {
     const a = [];
-    return s.forEach((t, i) => {
+    return d.forEach((n, o) => {
       a.push({
-        color: t[0].color,
-        label: h[i]
+        color: n[0].color,
+        label: h[o]
       });
     }), a;
   };
   if (!b)
-    return /* @__PURE__ */ r(H, {}, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+    return /* @__PURE__ */ r(U, {}, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
       lineNumber: 393,
       columnNumber: 10
     }, void 0);
-  const R = () => /* @__PURE__ */ r(
+  const H = () => /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -277,7 +277,7 @@ const ie = (e) => {
         display: "flex",
         flexDirection: "column"
       },
-      children: s.map((a, t) => /* @__PURE__ */ r("div", { className: "legend__set", children: a.map((i) => /* @__PURE__ */ r(
+      children: d.map((a, n) => /* @__PURE__ */ r("div", { className: "legend__set", children: a.map((o) => /* @__PURE__ */ r(
         "div",
         {
           className: "legend__row",
@@ -286,34 +286,34 @@ const ie = (e) => {
               "div",
               {
                 className: "legend__palette",
-                style: { backgroundColor: i.color }
+                style: { backgroundColor: o.color }
               },
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
                 lineNumber: 414,
                 columnNumber: 11
               },
               void 0
             ),
-            /* @__PURE__ */ r(B, { color: l.content.secondary, children: i.label }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+            /* @__PURE__ */ r(w, { color: l.content.secondary, children: o.label }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
               lineNumber: 418,
               columnNumber: 11
             }, void 0)
           ]
         },
-        i.label.replace(" ", "_"),
+        o.label.replace(" ", "_"),
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
           lineNumber: 410,
           columnNumber: 10
         },
         void 0
-      )) }, `Legend_set_${t}`, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+      )) }, `Legend_set_${n}`, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
         lineNumber: 407,
         columnNumber: 7
       }, void 0))
@@ -321,7 +321,7 @@ const ie = (e) => {
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
       lineNumber: 398,
       columnNumber: 4
     },
@@ -344,18 +344,18 @@ const ie = (e) => {
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
             lineNumber: 440,
             columnNumber: 6
           },
           void 0
         ) }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
           lineNumber: 439,
           columnNumber: 5
         }, void 0),
         /* @__PURE__ */ r("div", { className: "graph__wrapper", children: [
-          (e.showLegend ?? !0) && e.isFunnel && I(),
+          (e.showLegend ?? !0) && e.isFunnel && E(),
           /* @__PURE__ */ r(
             "div",
             {
@@ -364,8 +364,8 @@ const ie = (e) => {
                 width: e.graphCanvasWidth ?? "100%",
                 flex: 1
               },
-              children: /* @__PURE__ */ r(j, { options: L, data: b }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+              children: /* @__PURE__ */ r(j, { options: v, data: b }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
                 lineNumber: 456,
                 columnNumber: 6
               }, void 0)
@@ -373,15 +373,15 @@ const ie = (e) => {
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
               lineNumber: 449,
               columnNumber: 5
             },
             void 0
           ),
-          (e.showLegend ?? !0) && !e.isFunnel && R()
+          (e.showLegend ?? !0) && !e.isFunnel && H()
         ] }, void 0, !0, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
           lineNumber: 447,
           columnNumber: 4
         }, void 0)
@@ -390,7 +390,7 @@ const ie = (e) => {
     void 0,
     !0,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.tsx",
       lineNumber: 432,
       columnNumber: 3
     },
@@ -398,6 +398,6 @@ const ie = (e) => {
   );
 };
 export {
-  ie as StackedBarDistributionChart
+  oe as StackedBarDistributionChart
 };
 //# sourceMappingURL=StackedBarDistributionChart.js.map