@kashifd/jwero-components 0.7.23 → 0.7.24

package/dist/index.es.js

@@ -58239,36 +58239,41 @@ const uz = ({ name: e, data: t, labels: r }) => {
       width: "100%"
     }
   );
-}, dz = (e) => {
+}, dz = (e, t) => {
+  if (t) {
+    const r = e.toFixed(2);
+    return r.endsWith(".00") ? `${Math.floor(e)}%` : `${r}%`;
+  }
   if (e >= 1e9) {
-    const t = (e / 1e9).toFixed(2);
-    return t.endsWith(".00") ? `${Math.floor(e / 1e9)}B` : t + "B";
+    const r = (e / 1e9).toFixed(2);
+    return r.endsWith(".00") ? `${Math.floor(e / 1e9)}B` : r + "B";
   }
   if (e >= 1e6) {
-    const t = (e / 1e6).toFixed(2);
-    return t.endsWith(".00") ? `${Math.floor(e / 1e6)}M` : t + "M";
+    const r = (e / 1e6).toFixed(2);
+    return r.endsWith(".00") ? `${Math.floor(e / 1e6)}M` : r + "M";
   }
   if (e >= 1e3) {
-    const t = (e / 1e3).toFixed(2);
-    return t.endsWith(".00") ? `${Math.floor(e / 1e3)}k` : t + "k";
+    const r = (e / 1e3).toFixed(2);
+    return r.endsWith(".00") ? `${Math.floor(e / 1e3)}k` : r + "k";
   }
   return e.toString();
 }, fz = ({
   value: e,
   duration: t = 1500,
-  styles: r
+  styles: r,
+  isPercentage: a = !1
 }) => {
-  const [a, s] = _r("0"), c = ui(null), d = ui();
+  const [s, c] = _r("0"), d = ui(null), g = ui();
   return Si(() => {
-    const m = e - 0, v = (w) => {
-      c.current || (c.current = w);
-      const T = w - c.current, O = Math.min(T / t, 1), P = Math.floor(0 + m * O);
-      s(dz(P)), O < 1 && (d.current = requestAnimationFrame(v));
+    const v = e - 0, w = (T) => {
+      d.current || (d.current = T);
+      const O = T - d.current, P = Math.min(O / t, 1), I = Math.floor(0 + v * P);
+      c(dz(I, a)), P < 1 && (g.current = requestAnimationFrame(w));
     };
-    return d.current = requestAnimationFrame(v), () => {
-      cancelAnimationFrame(d.current), c.current = null;
+    return g.current = requestAnimationFrame(w), () => {
+      cancelAnimationFrame(g.current), d.current = null;
     };
-  }, [e, t]), /* @__PURE__ */ b.jsx(
+  }, [e, t, a]), /* @__PURE__ */ b.jsx(
     "span",
     {
       style: {
@@ -58278,7 +58283,7 @@ const uz = ({ name: e, data: t, labels: r }) => {
         transition: "transform 0.3s ease-out",
         ...r
       },
-      children: a
+      children: s
     }
   );
 }, hz = (e, t, r) => {
@@ -58340,7 +58345,13 @@ const uz = ({ name: e, data: t, labels: r }) => {
                     alignItems: "flex-start"
                   },
                   children: [
-                    v != null && v.flag ? /* @__PURE__ */ b.jsx(fz, { value: Number(e == null ? void 0 : e.total_number) }) : /* @__PURE__ */ b.jsx(vt, { variant: "xxlSemibold", ...c, children: e == null ? void 0 : e.total_number }),
+                    v != null && v.flag ? /* @__PURE__ */ b.jsx(
+                      fz,
+                      {
+                        value: Number(e == null ? void 0 : e.total_number),
+                        isPercentage: e == null ? void 0 : e.is_percentage
+                      }
+                    ) : /* @__PURE__ */ b.jsx(vt, { variant: "xxlSemibold", ...c, children: e == null ? void 0 : e.total_number }),
                     (t || a && (e == null ? void 0 : e.subData)) && /* @__PURE__ */ b.jsxs(Ye, { sx: { gap: "0.75rem", width: "100%" }, children: [
                       t && /* @__PURE__ */ b.jsx(
                         lo,