@fto-consult/expo-ui 7.15.0 → 7.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "7.15.0",
+  "version": "7.16.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",

package/src/components/Datagrid/Common/Common.js

@@ -186,11 +186,14 @@ export default class CommonDatagridComponent extends AppComponent {
                 SET_DATAGRID_QUERY_LIMIT : this.onSetQueryLimit.bind(this),
             });
         }
+        if(this.props.resetSessionData === true){
+            this.resetSessionData();
+        }
         rest = defaultObj(rest);
         this._pagination = defaultObj(rest.pagination);
         this.hasLocalFilters = false;
         data = (data && typeof data == 'object')? Object.toArray(data):[];
-        let sData = this.getSessionData()
+        const sData = this.getSessionData()
         sData.showFooters = defaultVal(sData.showFooters,this.isTableData());
         sData.fixedTable = defaultBool(sData.fixedTable,false);
         this.rowsByKeys = {};
@@ -274,14 +277,15 @@ export default class CommonDatagridComponent extends AppComponent {
             chartSeriesNamesColumnsMapping : {value : {}},//le mappage entre les index des series et les colonnes coorespondantes
         });
         this.setSelectedRows(selectedRows);
-        const config = extendObj(true,{},this.getSessionData("config"),this.props.chartConfig);
+        const config = extendObj(true,{},this.props.chartConfig,this.getSessionData("config"));
         Object.map(config,(v,k)=>{
             if(typeof v =='function'){
                 delete config[k];
             }
         });
         this.state.fetchOnlyVisibleColumns = !!defaultVal(this.props.fetchOnlyVisibleColumns,config.fetchOnlyVisibleColumns,this.getSessionData("fetchOnlyVisibleColumns"));
-        this.state.abreviateValues = "abreviateValues" in this.props? !!this.props.abreviateValues : !!this.getSessionData("abreviateValues");
+        const abreviateVals = this.getSessionData("abreviateValues");
+        this.state.abreviateValues = abreviateVals !== undefined ? !!abreviateVals : "abreviateValues" in this.props? !!this.props.abreviateValues : true;
         const sessionAggregator = this.getSessionData("aggregatorFunction"); 
         this.state.aggregatorFunction= this.isValidAggregator(config.aggregatorFunction) && config.aggregatorFunction || this.isValidAggregator(this.props.aggregatorFunction) && this.props.aggregatorFunction || this.isValidAggregator(sessionAggregator) && sessionAggregator || Object.keys(this.aggregatorFunctions)[0];;
         this.isLoading = this.isLoading.bind(this);
@@ -433,10 +437,14 @@ export default class CommonDatagridComponent extends AppComponent {
                 }
             },
             setSessionData : {
-                value : (sessionKey,sessionValue)=>{
+                value : (sessionKey,sessionValue,reset)=>{
                     if(this.props.session === false) return;
                     let key = this.getSessionKey();
                     if(!isNonNullString(key)) return false;
+                    if(reset === true){
+                        $session.set(key,{});
+                        return {};
+                    }
                     let dat = defaultObj(this.getSessionData());
                     if(isNonNullString(sessionKey)){
                         dat[sessionKey] = sessionValue;
@@ -451,6 +459,9 @@ export default class CommonDatagridComponent extends AppComponent {
             }
         })
     }
+    resetSessionData(){
+        return this.setSessionData(null,null,true);
+    }
     /*** lorsque les filtres locaux changes */
     onLocalFiltersChange(localFilters){
         return;
@@ -1609,12 +1620,18 @@ export default class CommonDatagridComponent extends AppComponent {
                         text : "Largeur du graphe",
                         tooltip : "Définissez la valeur 0 si vous voulez que le graphe occupe toute la largeur de con contenueur",
                         defaultValue : this.getDefaultChartWidth(),
+                        formatValue : ({value})=>{
+                            return value.formatNumber()+" px";
+                        },
                     },
                     height : {
                         type : "number",
                         text : "Hauteur du graphe",
                         validType : "numberGreaterThan[0]",
                         defaultValue : this.getDefaultChartHeight(),
+                        formatValue : ({value})=>{
+                            return value.formatNumber()+" px";
+                        },
                     },
                     stacked : stackSettings,
                     sparkline : {
@@ -2431,7 +2448,9 @@ export default class CommonDatagridComponent extends AppComponent {
         
         chartOptions.legend = defaultObj(chartOptions.legend);
         chartOptions.legend.show = ("showLegend" in config) ? !!config.showLegend : !this.isDashboard();
-
+        chartOptions.legend.labels = Object.assign({},chartOptions.legend.labels);
+        const legendLabels = chartOptions.legend.labels;
+        chartOptions.legend.labels.colors = (Array.isArray(legendLabels.colors) && legendLabels.colors.length || theme.Colors.isValid(legendLabels.colors)) ? legendLabels.colors : labelColor;
         if("dataLabels" in config){
             chartOptions.dataLabels.enabled = !!config.dataLabels;
         }
@@ -4162,6 +4181,7 @@ CommonDatagridComponent.propTypes = {
     aggregatorFunction : PropTypes.string,
     /*** permet de faire une mutation sur les options de la recherche, immédiatement avant le lancement de la recherche */
     fetchOptionsMutator : PropTypes.func,
+    resetSessionData : PropTypes.bool, //pour forcer la réinitialisation des données de sessions liés à la table data 
     /*** si les données à récupérer à distance seront  */
     fetchOnlyVisibleColumns : PropTypes.bool,
     canFetchOnlyVisibleColumns : PropTypes.bool,//si l'on peut modifier le type d'affichage lié à la possibilité de récupérer uniquement les données reletives aux colonnes visibles

package/src/components/Datagrid/Dashboard/index.js

@@ -1,5 +1,5 @@
 import {TableData} from "../Common";
-import {defaultObj,defaultArray,defaultStr,defaultDecimal,isNonNullString} from "$cutils";
+import {defaultObj,defaultArray,defaultStr,defaultNumber} from "$cutils";
 import View from "$ecomponents/View";
 import { StyleSheet,Dimensions,Pressable } from "react-native";
 import Icon,{MENU_ICON} from "$ecomponents/Icon";
@@ -96,7 +96,9 @@ export default class DatagridDashboard extends TableData {
         testID = this.getTestID();
         rest = defaultObj(rest);
         const pointerEvents = this.getPointerEvents();
-        const maxHeight = 300;
+        const chartData = this.renderChart();
+        const max = defaultNumber(chartData?.props?.options?.chart?.height);
+        const maxHeight = Math.max(300,max+80);
         return <View {...rest} testID={testID} style={[styles.container,{maxHeight},rest.style]} pointerEvents={pointerEvents}>
             {this.renderTitle()}
             {showPagination ? <View style={[styles.paginationContainer]}>
@@ -110,7 +112,7 @@ export default class DatagridDashboard extends TableData {
             </View> : null}
             {<View testID={testID+"_ChartContainer"} {...chartContainerProps} style={[theme.styles.w100,styles.chartContainer,chartContainerProps.style]}>
                 {this.renderProgressBar()}
-                {this.renderChart()}
+                {chartData}
             </View>}
         </View>
     }