@ambuj.bhaskar/react-component-library 0.30.8 → 0.30.10

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;
@@ -1304,6 +1306,7 @@ export declare type MultiselectProps = {
     disabled?: boolean;
     id?: string;
     suffixIcon?: ReactNode | boolean;
+    mode?: "multiple" | "tags";
 };
 
 declare type Option_2 = {

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
           }
         )
       ]
@@ -86035,7 +86041,8 @@ const GIe = {
   id: E = "",
   className: S = "",
   textColor: _,
-  textSize: M = "s"
+  textSize: M = "s",
+  mode: H = "multiple"
 }) => (M = M ?? GIe[x], /* @__PURE__ */ j.jsx(
   Ta,
   {
@@ -86044,7 +86051,7 @@ const GIe = {
     disabled: d,
     showSearch: h,
     className: `multi_select_container ${S} h_${x} text_${M}`,
-    mode: "multiple",
+    mode: H,
     style: {
       width: y,
       "--c_trigger_highlight": o,
@@ -86061,18 +86068,18 @@ const GIe = {
     onChange: t,
     popupClassName: `multi_select_dropdown h_${x} text_${M}`,
     value: n,
-    filterOption: (H, k) => ((k == null ? void 0 : k.label) ?? "").toLowerCase().includes(H.toLowerCase()),
+    filterOption: (k, B) => ((B == null ? void 0 : B.label) ?? "").toLowerCase().includes(k.toLowerCase()),
     title: p,
     maxCount: m,
     maxTagCount: C,
-    maxTagPlaceholder: (H) => /* @__PURE__ */ j.jsx(
+    maxTagPlaceholder: (k) => /* @__PURE__ */ j.jsx(
       Da,
       {
         styles: { root: { pointerEvents: "none" } },
-        title: H.map(({ label: k }) => k).join(", "),
+        title: k.map(({ label: B }) => B).join(", "),
         children: /* @__PURE__ */ j.jsxs("span", { children: [
           "+",
-          H.length
+          k.length
         ] })
       }
     )
@@ -89151,6 +89158,7 @@ const UPe = (e) => {
         Ir,
         {
           icon: "deleteIcon",
+          title: "Delete field",
           size: "s",
           variant: "secondary",
           onClick: (s) => {
@@ -89186,6 +89194,7 @@ const UPe = (e) => {
       Ir,
       {
         icon: "plus",
+        title: "Add new section",
         size: "s",
         variant: "secondary",
         onClick: (p) => {
@@ -89198,6 +89207,7 @@ const UPe = (e) => {
       Ir,
       {
         icon: "deleteIcon",
+        title: "Delete section",
         size: "s",
         variant: "secondary",
         onClick: (p) => {
@@ -89326,7 +89336,7 @@ const UPe = (e) => {
         maxHeight: n
       },
       children: [
-        /* @__PURE__ */ j.jsxs("form", { className: "form-group-form", children: [
+        /* @__PURE__ */ j.jsxs("form", { onSubmit: p(S), className: "form-group-form", children: [
           /* @__PURE__ */ j.jsx("div", { className: "form-group-content", children: M() }),
           (r || a) && /* @__PURE__ */ j.jsxs("div", { className: "form-group-actions", children: [
             a && /* @__PURE__ */ j.jsx(
@@ -89344,10 +89354,7 @@ const UPe = (e) => {
                 type: "submit",
                 content: o,
                 loading: E,
-                ...i,
-                onClick: (H) => {
-                  H.preventDefault(), p(S);
-                }
+                ...i
               }
             )
           ] })