@aveonline/ui-react 2.19.8 → 2.19.9

package/dist/ui/molecules/Indicator/Line/ILine.d.ts

@@ -1,16 +1,24 @@
-import { XAxisProps } from 'recharts';
+import { XAxisProps, YAxisProps } from 'recharts';
 import { CurveType } from 'recharts/types/shape/Curve';
 export interface ILineConfig {
     dataKey: string;
     stroke: string;
 }
+export interface IPercentageData {
+    dataKey: string;
+    percentage: number;
+}
 export interface IPropsLine<T> {
     data: T[];
     width: number;
     height: number;
     xaxis: XAxisProps;
+    yaxis: YAxisProps;
     type?: CurveType;
     strokeDasharray?: string;
     linesConfig: ILineConfig[];
     isLoading?: boolean;
+    yAxisTickFormatter?: (tick: number) => string;
+    percentageData?: IPercentageData[];
+    simbol?: string;
 }

package/dist/ui/molecules/Indicator/Line/Line.d.ts

@@ -1,2 +1,5 @@
 import { IPropsLine } from './ILine';
-export default function Line<T>({ data, width, height, linesConfig, xaxis, type, strokeDasharray, isLoading }: IPropsLine<T>): JSX.Element;
+export default function Line<T>({ data, width, height, linesConfig, xaxis, yaxis, type, strokeDasharray, isLoading, simbol, yAxisTickFormatter }: IPropsLine<T> & {
+    yAxisTickFormatter?: (tick: number) => string;
+    simbol?: string;
+}): JSX.Element;

package/dist/ui-react.mjs

@@ -41850,23 +41850,26 @@ function Kue({
   height: n,
   linesConfig: r,
   xaxis: i,
-  type: a = "linear",
-  strokeDasharray: o = "3 3",
-  isLoading: s = !1
+  yaxis: a,
+  type: o = "linear",
+  strokeDasharray: s = "3 3",
+  isLoading: l = !1,
+  simbol: u,
+  yAxisTickFormatter: c = (f) => `${f}` || `${u}`
 }) {
-  return s ? /* @__PURE__ */ m.jsx("div", { className: "flex flex-col items-center gap-y-3 justify-center text-center rounded-b-sm border-border-subdued", children: /* @__PURE__ */ m.jsx("div", { className: "py-8", children: /* @__PURE__ */ m.jsx(ya, { size: "lg" }) }) }) : /* @__PURE__ */ m.jsxs(Yie, { width: t, height: n, data: e, children: [
-    /* @__PURE__ */ m.jsx(lc, { strokeDasharray: o }),
+  return l ? /* @__PURE__ */ m.jsx("div", { className: "flex flex-col items-center gap-y-3 justify-center text-center rounded-b-sm border-border-subdued", children: /* @__PURE__ */ m.jsx("div", { className: "py-8", children: /* @__PURE__ */ m.jsx(ya, { size: "lg" }) }) }) : /* @__PURE__ */ m.jsxs(Yie, { width: t, height: n, data: e, children: [
+    /* @__PURE__ */ m.jsx(lc, { strokeDasharray: s }),
     /* @__PURE__ */ m.jsx(gi, { ...i }),
-    /* @__PURE__ */ m.jsx(hi, {}),
-    /* @__PURE__ */ m.jsx(ti, {}),
-    r.map((l, u) => /* @__PURE__ */ m.jsx(
+    /* @__PURE__ */ m.jsx(hi, { ...a, tickFormatter: c }),
+    /* @__PURE__ */ m.jsx(ti, { formatter: (f) => `${f} ${u}` }),
+    r.map((f, d) => /* @__PURE__ */ m.jsx(
       uc,
       {
-        type: a,
-        dataKey: l.dataKey,
-        stroke: l.stroke
+        type: o,
+        dataKey: f.dataKey,
+        stroke: f.stroke
       },
-      u
+      d
     ))
   ] });
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "2.19.8",
+  "version": "2.19.9",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"