@ambuj.bhaskar/react-component-library 0.24.3-alpha → 0.24.5-alpha

package/dist/index.js

@@ -32596,34 +32596,39 @@ function J5e({
   input: e,
   type: t,
   lineVariant: n,
-  lineTension: r
+  lineTension: r,
+  opacity: o,
+  lineStroke: i,
+  colors: a
 }) {
-  const o = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2"], i = t === "doughnut" || t === "pie";
+  const s = a, l = t === "doughnut" || t === "pie";
   return {
     labels: e.labels,
     datasets: e.datasets.map(
-      (a, s) => {
-        var l;
-        return i ? {
-          label: a.label,
-          data: a.data,
-          backgroundColor: a.colors && a.colors.length === a.data.length ? (l = a.colors) == null ? void 0 : l.map((u) => lf(u)) : a.data.map(
-            (u, d) => lf(
-              o[d % o.length]
+      (u, d) => {
+        var h;
+        return l ? {
+          label: u.label,
+          data: u.data,
+          backgroundColor: u.colors && u.colors.length === u.data.length ? (h = u.colors) == null ? void 0 : h.map((C) => lf(C, o)) : u.data.map(
+            (C, m) => lf(
+              s[m % s.length],
+              o
             )
           ),
-          borderColor: a.colors && a.colors.length === a.data.length ? a.colors : a.data.map(
-            (u, d) => o[d % o.length]
+          borderColor: u.colors && u.colors.length === u.data.length ? u.colors : u.data.map(
+            (C, m) => s[m % s.length]
           ),
           borderWidth: 2
         } : {
-          label: a.label,
-          data: a.data,
+          label: u.label,
+          data: u.data,
           backgroundColor: lf(
-            a.color || o[s % o.length]
+            u.color || s[d % s.length],
+            o
           ),
-          borderColor: a.color || o[s % o.length],
-          borderWidth: t === "line" ? 2 : 1,
+          borderColor: u.color || s[d % s.length],
+          borderWidth: t === "line" ? i : 1,
           fill: n == "fill",
           tension: r ?? 0.4
         };
@@ -32694,16 +32699,18 @@ function e4e({
     }
   }) : r;
 }
-function lf(e) {
+function lf(e, t = 0.1) {
   if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)) {
-    const n = e.substring(1), r = parseInt(n.substring(0, 2), 16), o = parseInt(n.substring(2, 4), 16), i = parseInt(n.substring(4, 6), 16);
-    return `rgba(${r}, ${o}, ${i}, 0.1)`;
+    let r = e.substring(1);
+    r.length === 3 && (r = r.split("").map((s) => s + s).join(""));
+    const o = parseInt(r.substring(0, 2), 16), i = parseInt(r.substring(2, 4), 16), a = parseInt(r.substring(4, 6), 16);
+    return `rgba(${o}, ${i}, ${a}, ${t})`;
   } else if (e.startsWith("rgba")) {
-    const [n, r, o, i] = e.substring(5, e.length - 1).split(",");
-    return `rgba(${n}, ${r}, ${o}, 0.1)`;
+    const [r, o, i] = e.substring(5, e.length - 1).split(",").map((a) => a.trim()).slice(0, 3);
+    return `rgba(${r}, ${o}, ${i}, ${t})`;
   } else if (e.startsWith("rgb")) {
-    const [n, r, o] = e.substring(4, e.length - 1).split(",");
-    return `rgba(${n}, ${r}, ${o}, 0.1)`;
+    const [r, o, i] = e.substring(4, e.length - 1).split(",").map((a) => a.trim());
+    return `rgba(${r}, ${o}, ${i}, ${t})`;
   } else
     throw new Error(`Unsupported color format: ${e}`);
 }
@@ -32734,34 +32741,40 @@ const SRe = ({
   barVariant: r,
   lineVariant: o,
   lineTension: i,
-  width: a,
-  height: s,
-  backgroundColor: l,
-  className: u = ""
+  opacity: a = 0.1,
+  lineStroke: s,
+  width: l,
+  height: u,
+  backgroundColor: d,
+  className: h = "",
+  colors: C = ["#4e79a7", "#f28e2b", "#e15759", "#76b7b2"]
 }) => {
   e === "line" ? r4e() : e === "bar" ? t4e() : (e === "doughnut" || e === "pie") && n4e();
-  const d = J5e({
+  const m = J5e({
     input: t,
     type: e,
     lineVariant: o,
-    lineTension: i
-  }), h = fl.merge(
+    lineTension: i,
+    opacity: a,
+    lineStroke: s,
+    colors: C
+  }), A = fl.merge(
     { maintainAspectRatio: !1 },
     e4e({ type: e, barVariant: r }),
     n
-  ), m = {
+  ), p = {
     line: G5e,
     bar: Y5e,
     doughnut: q5e,
     pie: X5e
   }[e];
   return /* @__PURE__ */ K.jsx(
-    m,
+    p,
     {
-      data: d,
-      options: h,
-      style: { width: a, height: s, backgroundColor: l },
-      className: `awi-chart ${u}`
+      data: m,
+      options: A,
+      style: { width: l, height: u, backgroundColor: d },
+      className: `awi-chart ${h}`
     }
   );
 }, D6 = (e, t) => {