@ambuj.bhaskar/react-component-library 0.30.9 → 0.30.11

package/dist/index.d.ts

@@ -681,6 +681,8 @@ export declare type ChartProps = {
     lineTension?: number;
     opacity?: number;
     lineStroke?: number;
+    barPercentage?: number;
+    categoryPercentage?: number;
     data: ChartData;
     options?: any;
     width?: string;

package/dist/index.js

@@ -74093,42 +74093,44 @@ function jEe({
   lineTension: r,
   opacity: o,
   lineStroke: i,
-  colors: a
+  colors: a,
+  barPercentage: s,
+  categoryPercentage: l
 }) {
-  const s = a, l = t === "doughnut" || t === "pie";
+  const u = a, d = t === "doughnut" || t === "pie";
   return {
     labels: e.labels,
     datasets: e.datasets.map(
-      (u, d) => {
-        var h;
-        return l ? {
-          ...u,
-          label: u.label,
-          data: u.data,
-          backgroundColor: u.colors && u.colors.length === u.data.length ? (h = u.colors) == null ? void 0 : h.map((C) => W4(C, o)) : u.data.map(
-            (C, m) => W4(
-              s[m % s.length],
+      (h, C) => {
+        var m;
+        return d ? {
+          ...h,
+          label: h.label,
+          data: h.data,
+          backgroundColor: h.colors && h.colors.length === h.data.length ? (m = h.colors) == null ? void 0 : m.map((v) => W4(v, o)) : h.data.map(
+            (v, A) => W4(
+              u[A % u.length],
               o
             )
           ),
-          borderColor: u.colors && u.colors.length === u.data.length ? u.colors : u.data.map(
-            (C, m) => s[m % s.length]
+          borderColor: h.colors && h.colors.length === h.data.length ? h.colors : h.data.map(
+            (v, A) => u[A % u.length]
           ),
           borderWidth: 2
         } : {
-          ...u,
-          label: u.label,
-          data: u.data,
+          ...h,
+          label: h.label,
+          data: h.data,
           backgroundColor: W4(
-            u.color || s[d % s.length],
+            h.color || u[C % u.length],
             o
           ),
-          borderColor: u.color || s[d % s.length],
+          borderColor: h.color || u[C % u.length],
           borderWidth: t === "line" ? i : 1,
           fill: n == "fill",
           tension: r ?? 0.4,
-          barPercentage: (u == null ? void 0 : u.barPercentage) ?? 1,
-          categoryPercentage: (u == null ? void 0 : u.categoryPercentage) ?? 0.7
+          barPercentage: s ?? (h == null ? void 0 : h.barPercentage) ?? 1,
+          categoryPercentage: l ?? (h == null ? void 0 : h.categoryPercentage) ?? 0.7
         };
       }
     )
@@ -74342,28 +74344,32 @@ const zEe = (e) => {
   backgroundColor: d,
   className: h = "",
   colors: C = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2"],
-  displayExternalLegend: m = !1
+  displayExternalLegend: m = !1,
+  barPercentage: v,
+  categoryPercentage: A
 }) => {
-  var T, N, F;
-  const v = wt(null);
+  var F, V, $;
+  const p = wt(null);
   $Ee(e);
-  const [A, p] = Pt(
+  const [y, x] = Pt(
     () => TS(t, e)
   );
   Rt(() => {
-    p(TS(t, e));
+    x(TS(t, e));
   }, [t, e]);
-  const y = WEe(t, e, A), x = jEe({
-    input: y,
+  const E = WEe(t, e, y), S = jEe({
+    input: E,
     type: e,
     lineVariant: o,
     lineTension: i,
     opacity: a,
     lineStroke: s,
-    colors: C
-  }), E = UEe(t, e, C, A), S = (V) => {
-    p(($) => KEe($, V));
-  }, _ = ((T = n == null ? void 0 : n.plugins) == null ? void 0 : T.legend) || {}, M = Ul.merge(
+    colors: C,
+    barPercentage: v,
+    categoryPercentage: A
+  }), _ = UEe(t, e, C, y), M = (K) => {
+    x((X) => KEe(X, K));
+  }, H = ((F = n == null ? void 0 : n.plugins) == null ? void 0 : F.legend) || {}, k = Ul.merge(
     {},
     VEe({
       type: e,
@@ -74371,26 +74377,26 @@ const zEe = (e) => {
       hideLegend: m
     }),
     n
-  ), H = ZEe[e], k = ((F = (N = n == null ? void 0 : n.plugins) == null ? void 0 : N.legend) == null ? void 0 : F.position) ?? "bottom", B = QEe(k), I = zEe(k), P = _.height ?? B.height, R = _.width ?? B.width;
-  return H ? /* @__PURE__ */ j.jsxs(
+  ), B = ZEe[e], I = (($ = (V = n == null ? void 0 : n.plugins) == null ? void 0 : V.legend) == null ? void 0 : $.position) ?? "bottom", P = QEe(I), R = zEe(I), T = H.height ?? P.height, N = H.width ?? P.width;
+  return B ? /* @__PURE__ */ j.jsxs(
     "div",
     {
       className: "awi_chart_container",
-      style: { flexDirection: I, height: u, width: l },
+      style: { flexDirection: R, height: u, width: l },
       children: [
         /* @__PURE__ */ j.jsx(
           "div",
           {
             style: {
               width: "100%",
-              height: m ? `calc(100% - ${P})` : "100%"
+              height: m ? `calc(100% - ${T})` : "100%"
             },
             children: /* @__PURE__ */ j.jsx(
-              H,
+              B,
               {
-                ref: v,
-                data: x,
-                options: M,
+                ref: p,
+                data: S,
+                options: k,
                 style: {
                   backgroundColor: d,
                   height: "100%",
@@ -74404,14 +74410,14 @@ const zEe = (e) => {
         m && /* @__PURE__ */ j.jsx(
           GEe,
           {
-            items: E,
-            onToggleDataset: S,
-            scrollable: _.scrollable ?? !1,
-            height: P,
-            width: R,
-            legendConfig: _,
+            items: _,
+            onToggleDataset: M,
+            scrollable: H.scrollable ?? !1,
+            height: T,
+            width: N,
+            legendConfig: H,
             backgroundColor: d,
-            position: k
+            position: I
           }
         )
       ]