@tekkare/auriga 0.2.58 → 0.2.60

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.58"
+  "version": "0.2.60"
 }

package/dist/runtime/components/argHomeKpis.vue

@@ -12,7 +12,13 @@
           />
         </div>
         <div class="kpi_text">
-          <p class="kpi_value">{{ kpi.value }}</p>
+          <p class="kpi_value">
+            {{
+              typeof kpi.value === "number"
+                ? Intl.NumberFormat("fr-FR").format(kpi.value).replace(",", ".")
+                : kpi.value
+            }}
+          </p>
           <p class="kpi_legend">{{ kpi.legend }}</p>
         </div>
       </div>

package/dist/runtime/components/argHomeKpis.vue.d.ts

@@ -1,10 +1,15 @@
+interface kpi {
+    value: any;
+    legend: string;
+    icon: string;
+}
 declare const _default: import("vue").DefineComponent<{
     kpis: {
         type: {
-            (arrayLength: number): Object[];
-            (...items: Object[]): Object[];
-            new (arrayLength: number): Object[];
-            new (...items: Object[]): Object[];
+            (arrayLength: number): kpi[];
+            (...items: kpi[]): kpi[];
+            new (arrayLength: number): kpi[];
+            new (...items: kpi[]): kpi[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -19,10 +24,10 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     kpis: {
         type: {
-            (arrayLength: number): Object[];
-            (...items: Object[]): Object[];
-            new (arrayLength: number): Object[];
-            new (...items: Object[]): Object[];
+            (arrayLength: number): kpi[];
+            (...items: kpi[]): kpi[];
+            new (arrayLength: number): kpi[];
+            new (...items: kpi[]): kpi[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];

package/dist/runtime/components/argSteplineChart.vue

@@ -97,6 +97,10 @@ export default defineComponent({
         return [null, "percentage", "price"].includes(value);
       }
     },
+    hasPercentages: {
+      type: Boolean,
+      default: false
+    },
     currency: {
       type: String,
       default: null
@@ -248,9 +252,32 @@ export default defineComponent({
             borderRadius: 2
           },
           formatter: function(value, opt) {
-            const numValue = Math.round(value * 10) / 10;
-            const returnValue = new Intl.NumberFormat("fr-FR").format(numValue).replace(",", ".");
-            return value === null ? "" : `${returnValue}${props.dataType === "price" ? ` ${props.currency}` : props.dataType === "percentage" ? " %" : ""}`;
+            const seriesData = props.series;
+            if (props.hasPercentages && value !== null) {
+              const formatValue = new Intl.NumberFormat("fr-FR", {
+                maximumFractionDigits: 1
+              }).format(value).replace(",", ".");
+              let returnValue = props.dataType === "price" ? `${formatValue} ${props.currency}` : formatValue;
+              if (opt.dataPointIndex > 0 && seriesData[opt.seriesIndex].data[opt.dataPointIndex - 1] !== null && seriesData[opt.seriesIndex].data[opt.dataPointIndex] !== null) {
+                const previousVal = seriesData[opt.seriesIndex].data[opt.dataPointIndex - 1];
+                const plainPercent = (value - previousVal) / previousVal * 100;
+                const formatPercent = new Intl.NumberFormat("fr-FR", {
+                  maximumFractionDigits: 1
+                }).format((value - previousVal) / previousVal * 100).replace(",", ".");
+                if (previousVal === 0) {
+                  returnValue = "-";
+                } else if (Number(plainPercent) > 0) {
+                  returnValue = `${returnValue} (+${formatPercent}%)`;
+                } else {
+                  returnValue = returnValue + " (" + formatPercent + "%)";
+                }
+              }
+              return returnValue;
+            } else {
+              const numValue = Math.round(value * 10) / 10;
+              const returnValue = new Intl.NumberFormat("fr-FR").format(numValue).replace(",", ".");
+              return value === null ? "" : `${returnValue}${props.dataType === "price" ? ` ${props.currency}` : props.dataType === "percentage" ? " %" : ""}`;
+            }
           }
         };
         options.value["xaxis"] = {

package/dist/runtime/components/argSteplineChart.vue.d.ts

@@ -46,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
         validator: (value: string | null) => boolean;
     };
+    hasPercentages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     currency: {
         type: StringConstructor;
         default: null;
@@ -104,6 +108,10 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
         validator: (value: string | null) => boolean;
     };
+    hasPercentages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     currency: {
         type: StringConstructor;
         default: null;
@@ -118,6 +126,7 @@ declare const _default: import("vue").DefineComponent<{
     tooltipOptions: Record<string, any>;
     formatDate: boolean;
     dataType: string;
+    hasPercentages: boolean;
     currency: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/tableRowCrop.vue

@@ -36,7 +36,7 @@ export default defineComponent({
   name: "tableRowCrop",
   /*   components: { argIcon, argStyle }, */
   props: {
-    value: { type: [String, Number, Array, Object], default: "" },
+    value: { default: "" },
     custom: { type: Boolean, default: false }
   },
   setup(props, { emit }) {

package/dist/runtime/components/tableRowCrop.vue.d.ts

@@ -1,6 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
     value: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     custom: {
@@ -15,7 +14,6 @@ declare const _default: import("vue").DefineComponent<{
     showReadMore: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     custom: {
@@ -23,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    value: string | number | Record<string, any> | unknown[];
+    value: string;
     custom: boolean;
 }, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.58",
+  "version": "0.2.60",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",