awing-library 2.1.2-stable.40 → 2.1.2-stable.41

package/dist/AWING/Chart/BarLine/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/AWING/Chart/BarLine/component.tsx"],"names":[],"mappings":"AAwBA,OAAO,wBAAwB,CAAC;AAOhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmB7C,QAAA,MAAM,gBAAgB,UAAW,iBAAiB,4CAqUjD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/AWING/Chart/BarLine/component.tsx"],"names":[],"mappings":"AAwBA,OAAO,wBAAwB,CAAC;AAOhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmB7C,QAAA,MAAM,gBAAgB,UAAW,iBAAiB,4CAiVjD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/AWING/Chart/BarLine/component.js

@@ -9,7 +9,7 @@ import { alpha, styled } from "@mui/material/styles";
 import { BarController, BarElement, CategoryScale, Chart, Legend, LineController, LineElement, LinearScale, PointElement, TimeScale, Tooltip } from "chart.js";
 import "chartjs-adapter-moment";
 import { updateObjectFields } from "../../../Helpers/collection.js";
-import { roundDecimalNumber } from "../../../Helpers/number.js";
+import { formatNumberByLocale, roundDecimalNumber } from "../../../Helpers/number.js";
 import { useRef, useState } from "react";
 import { Chart as external_react_chartjs_2_Chart } from "react-chartjs-2";
 import { useTranslation } from "react-i18next";
@@ -21,7 +21,7 @@ import { exportToExcel, exportToPDF, exportToPNG, labelCallback, titleCallback }
 Chart.register(LinearScale, CategoryScale, BarElement, PointElement, LineElement, Legend, Tooltip, LineController, BarController, TimeScale);
 const BarLineComponent = (props)=>{
     const { optionsDefault, dataExportExcel } = props;
-    const { t } = useTranslation();
+    const { t, i18n } = useTranslation();
     const chartRef = useRef(null);
     const containerRef = useRef(null);
     const [anchorEl, setAnchorEl] = useState(null);
@@ -33,6 +33,7 @@ const BarLineComponent = (props)=>{
         setAnchorEl(null);
     };
     const titleCallbackBound = (tooltipItems)=>titleCallback(tooltipItems, t);
+    const labelCallbackBound = (tooltipItem)=>labelCallback(tooltipItem, (n)=>formatNumberByLocale(n, i18n.language));
     const { width = 'auto', height = 350, timeline = TimelineType.Day, optionCustom = {}, dataChart, type, enableExport = {
         png: true,
         pdf: true,
@@ -56,7 +57,7 @@ const BarLineComponent = (props)=>{
                 bodySpacing: 8,
                 callbacks: {
                     title: titleCallbackBound,
-                    label: labelCallback
+                    label: labelCallbackBound
                 },
                 titleColor: '#212121',
                 bodyFont: {
@@ -125,7 +126,7 @@ const BarLineComponent = (props)=>{
                     stepSize: 10,
                     maxTicksLimit: 6,
                     callback (tickValue) {
-                        return roundDecimalNumber(tickValue);
+                        return formatNumberByLocale(Number(tickValue));
                     }
                 },
                 title: {
@@ -147,7 +148,10 @@ const BarLineComponent = (props)=>{
                 },
                 ticks: {
                     minRotation: 0,
-                    maxTicksLimit: 6
+                    maxTicksLimit: 6,
+                    callback (tickValue) {
+                        return roundDecimalNumber(Number(tickValue));
+                    }
                 },
                 title: {
                     display: true,
@@ -318,7 +322,11 @@ const BarLineComponent = (props)=>{
                         ref: chartRef,
                         data: chartData,
                         type: type,
-                        options: updateObjectFields(options, optionCustom),
+                        options: (()=>{
+                            const finalOpts = updateObjectFields(options, optionCustom);
+                            if (finalOpts?.plugins?.tooltip?.callbacks) finalOpts.plugins.tooltip.callbacks.label = labelCallbackBound;
+                            return finalOpts;
+                        })(),
                         plugins: [
                             htmlLegendPlugin
                         ]

package/dist/AWING/Chart/BarLine/utils.d.ts

@@ -2,7 +2,7 @@ import { Chart as ChartJS, ChartTypeRegistry, TooltipItem } from 'chart.js';
 import { DataSet } from '../../../Utils/exportFile';
 export declare const getOrCreateLegendList: (id: string) => HTMLUListElement;
 export declare const titleCallback: (tooltipItems: TooltipItem<keyof ChartTypeRegistry>[], t: any) => string;
-export declare const labelCallback: (tooltipItem: TooltipItem<keyof ChartTypeRegistry>) => string;
+export declare const labelCallback: (tooltipItem: TooltipItem<keyof ChartTypeRegistry>, formatValue?: (n: number) => string) => string;
 export declare const exportToPNG: (element: HTMLElement, nameFile?: string) => void;
 export declare const exportToJPG: (chartRef: ChartJS<keyof ChartTypeRegistry>, nameFile?: string) => void;
 export declare const exportToPDF: (element: HTMLElement, nameFile?: string) => void;

package/dist/AWING/Chart/BarLine/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/AWING/Chart/BarLine/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAuB,MAAM,kBAAkB,CAAC;AAEhE,eAAO,MAAM,qBAAqB,OAAQ,MAAM,qBAe/C,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,WAAW,CAAC,MAAM,iBAAiB,CAAC,EAAE,KAAK,GAAG,WAUzF,CAAC;AAEF,eAAO,MAAM,aAAa,gBAAiB,WAAW,CAAC,MAAM,iBAAiB,CAAC,WAO9E,CAAC;AAGF,eAAO,MAAM,WAAW,YAAa,WAAW,aAAa,MAAM,SAQlE,CAAC;AAGF,eAAO,MAAM,WAAW,aAAc,OAAO,CAAC,MAAM,iBAAiB,CAAC,aAAa,MAAM,SAUxF,CAAC;AAGF,eAAO,MAAM,WAAW,YAAa,WAAW,aAAa,MAAM,SAuClE,CAAC;AAGF,eAAO,MAAM,YAAY,aAAoB,OAAO,CAAC,MAAM,iBAAiB,CAAC,kBA8D5E,CAAC;AAGF,eAAO,MAAM,aAAa,eAAgB,OAAO,EAAE,aAAa,MAAM,SAOrE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/AWING/Chart/BarLine/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAuB,MAAM,kBAAkB,CAAC;AAEhE,eAAO,MAAM,qBAAqB,OAAQ,MAAM,qBAe/C,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,WAAW,CAAC,MAAM,iBAAiB,CAAC,EAAE,KAAK,GAAG,WAUzF,CAAC;AAEF,eAAO,MAAM,aAAa,gBACT,WAAW,CAAC,MAAM,iBAAiB,CAAC,gBACnC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,WAUtC,CAAC;AAGF,eAAO,MAAM,WAAW,YAAa,WAAW,aAAa,MAAM,SAQlE,CAAC;AAGF,eAAO,MAAM,WAAW,aAAc,OAAO,CAAC,MAAM,iBAAiB,CAAC,aAAa,MAAM,SAUxF,CAAC;AAGF,eAAO,MAAM,WAAW,YAAa,WAAW,aAAa,MAAM,SAuClE,CAAC;AAGF,eAAO,MAAM,YAAY,aAAoB,OAAO,CAAC,MAAM,iBAAiB,CAAC,kBA8D5E,CAAC;AAGF,eAAO,MAAM,aAAa,eAAgB,OAAO,EAAE,aAAa,MAAM,SAOrE,CAAC"}

package/dist/AWING/Chart/BarLine/utils.js

@@ -3,6 +3,7 @@ import html2canvas from "html2canvas";
 import jspdf from "jspdf";
 import moment from "moment";
 import pizzip from "pizzip";
+import { roundDecimalNumber } from "../../../Helpers/number.js";
 import { downloadWithDataSet } from "../../../Utils/exportFile.js";
 const getOrCreateLegendList = (id)=>{
     const legendContainer = document.getElementById(id);
@@ -29,10 +30,12 @@ const titleCallback = (tooltipItems, t)=>{
         return t('Common.Day') + ': ' + timeText;
     }
 };
-const labelCallback = (tooltipItem)=>{
+const labelCallback = (tooltipItem, formatValue)=>{
     let labels = tooltipItem.dataset.label || '';
     if (labels) labels = labels.split(' ').slice(0, -1).join(' ');
-    labels += ': ' + tooltipItem.formattedValue;
+    const raw = tooltipItem.raw;
+    const numValue = 'object' == typeof raw && null !== raw ? raw.y ?? NaN : Number(raw);
+    labels += ': ' + (formatValue ? formatValue(numValue) : roundDecimalNumber(numValue) ?? tooltipItem.formattedValue);
     return ' ' + labels;
 };
 const exportToPNG = (element, nameFile)=>{

package/dist/Helpers/number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/Helpers/number.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,yBAAyB;AACzB,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE9D,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAgBpG;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,GAAG,iBAS7C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,GAAG,gBASxC"}
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/Helpers/number.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,yBAAyB;AACzB,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE9D,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAgBpG;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,GAAG,iBAI7C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,GAAG,gBASxC"}

package/dist/Helpers/number.js

@@ -15,10 +15,8 @@ function formatNumberByLocale(value, lang, locale) {
 }
 function roundDecimalNumber(number) {
     if ('number' != typeof number) return null;
-    let str = JSON.stringify(Math.round(1000000 * number) / 1000000);
-    let signIndex = str.indexOf('.');
-    if (-1 === signIndex) return str.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
-    return str.slice(0, signIndex).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + str.slice(signIndex);
+    const rounded = Math.round(1000000 * number) / 1000000;
+    return formatNumberByLocale(rounded);
 }
 function WMAPEcalculator(data) {
     if (!(data.length > 0)) return 0;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-stable.40",
+    "version": "2.1.2-stable.41",
     "license": "MIT",
     "exports": {
         ".": {