@fto-consult/expo-ui 2.16.11 → 2.18.0

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

@@ -3,9 +3,9 @@ import View from "$ecomponents/View";
 import React from "$react";
 import memoize from "$react/memoize";
 export {default as FooterItem} from "./Footer";
+import {parseDecimal} from "$utils";
 
 export const evalSingleValue = ({data,columnDef,field,result,displayLabel,onlyVisible})=>{
-    result = defaultObj(result)
     data = data || {}
     if(!isNonNullString(field) || !isObj(columnDef)) return result;
     onlyVisible = defaultBool(onlyVisible,true);
@@ -17,22 +17,26 @@ export const evalSingleValue = ({data,columnDef,field,result,displayLabel,onlyVi
     if(!isDecimal(val)){
         return result;
     }
-    if(!isObj(result[field])){
-        let label = defaultStr(columnDef.label,columnDef.text);
-        if(!label && displayLabel !== false) return result;
-        result[field] = {
-            label,
-            visible : columnDef.visible,
-            format : defaultStr(columnDef.format).toLowerCase()
+    val = parseDecimal(val.toFixed(10));
+    (Array.isArray(result) ? result : [result]).map((currentResult)=>{
+        currentResult = defaultObj(currentResult);
+        if(!isObj(currentResult[field])){
+            let label = defaultStr(columnDef.label,columnDef.text);
+            if(!label && displayLabel !== false) return currentResult;
+            currentResult[field] = {
+                label,
+                visible : columnDef.visible,
+                format : defaultStr(columnDef.format).toLowerCase()
+            }
         }
-    }
-    let obj = result[field];
-    val = parseFloat(val.toFixed(10));
-    obj.max = isDecimal(obj.max) ? Math.max(obj.max,val) : val;
-    obj.min = isDecimal(obj.min) ? Math.min(obj.min,val) : val;
-    obj.count = isDecimal(obj.count) ? (obj.count = obj.count +1) : 1;
-    obj.sum = isDecimal(obj.sum) ? (parseFloat((obj.sum+val).toFixed(10))) : val;
-    obj.average = obj.sum / obj.count;
+        const obj = currentResult[field];
+        obj.max = isDecimal(obj.max) ? Math.max(obj.max,val) : val;
+        obj.min = isDecimal(obj.min) ? Math.min(obj.min,val) : val;
+        obj.count = isDecimal(obj.count) ? (obj.count = obj.count +1) : 1;
+        obj.sum = isDecimal(obj.sum) ? (parseDecimal((obj.sum+val).toFixed(10))) : val;
+        obj.average = obj.sum / obj.count;
+        return currentResult;
+    })
     return result;
 }
 export const evalValues = memoize(({data,columns,onlyVisible,displayLabel})=>{

package/src/components/Datagrid/RenderTypes/index.web.js

@@ -4,10 +4,10 @@ export default {
         code:'fixed',icon:fixedIcon,
         label:'Tableau virtuel optimisé',
         desktop:true,
-        title : "Les éléments de liste s'affichent dans un tableau virtuel optimisé",
+        tooltip : "Les éléments de liste s'affichent dans un tableau virtuel optimisé",
     },
     virtual : {code:'virtual',icon:virtualIcon,
         label:'Tableau virtuel',
-        title : "Les éléments de liste s'affichent dans un tableau virtuel", desktop:true
+        tooltip : "Les éléments de liste s'affichent dans un tableau virtuel", desktop:true
     }
 }

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

@@ -28,6 +28,7 @@ const DatagridFactory = (Factory)=>{
             return true;
         }
         renderRowCell(args){
+            if(args.renderRowCell === false || args.isSectionListHeader === true) return super.renderRowCell(args);
             const {render} = super.renderRowCell(args);
             return render;
         }
@@ -174,14 +175,14 @@ const DatagridFactory = (Factory)=>{
                 restItems = [
                     ...this.renderCustomMenu(),
                     ...(selectableMultiple ? [{
-                        label : "Sélect "+max,
+                        label : "Sélectionner "+max.formatNumber(),
                         icon : "select-all",
                         onPress : (x,event)=>{
                             this.handleAllRowsToggle(true);
                         }
                     },
                     {
-                        label : "Tout désélec",
+                        label : "Tout désélectionner",
                         onPress : (x,event)=>{
                             this.handleAllRowsToggle(false);
                         },
@@ -277,6 +278,7 @@ const DatagridFactory = (Factory)=>{
                             ] : visibleColumns}
                         
                         />
+                        {this.renderSectionListMenu()}
                         <View testID={testID+"_HeaderPagination"} style = {styles.paginationItem}>
                             <BottomSheetMenu
                                 testID={testID+"_HeaderMenus"}
@@ -321,6 +323,8 @@ const DatagridFactory = (Factory)=>{
                 <Table
                     ref = {this.listRef}
                     {...rest}
+                    getItemType = {this.getFlashListItemType.bind(this)}
+                    renderItem = {this.renderFlashListItem.bind(this)}
                     hasFooters = {hasFooterFields}
                     showFilters = {showFilters}
                     showFooters = {showFooters}

package/src/components/Label/index.js

@@ -104,7 +104,7 @@ LabelComponentExported.propTypes = {
     primary : PropTypes.bool,
     error : PropTypes.bool,///si le label est liée à une text field sur laquelle il  y a erreur
     secondary : PropTypes.bool,
-    color : PropTypes.bool,
+    color : PropTypes.string,
     selectable : PropTypes.bool, //si le texte est sélectionnable
     underlined : PropTypes.bool,//si le style underlined sera appliqué au label
     splitText : PropTypes.bool,///si le texte lorsqu'il est long sera splité

package/src/components/List/FlashList.js

@@ -12,6 +12,8 @@ const FlashListComponent = React.forwardRef((props,ref)=>{
                 ListHeaderComponent={() => (
                     <View testID={(testID||'RN_FlashListComponent')+"_Header"}>{props.children}</View>
                 )}
+                disableAutoLayout
+                disableHorizontalListHeightMeasurement = {props.horizontal?undefined : true}
                 {...props}
                 contentContainerStyle = {undefined}
                 style = {undefined}

package/src/components/Table/index.js

@@ -43,7 +43,7 @@ const getOnScrollCb = (refs,pos,cb2)=>{
     return isMobileNative()? cb : debounce(cb,200);
 }
 
-const TableComponent = React.forwardRef(({containerProps,renderEmpty,isRowSelected,headerScrollViewProps,footerScrollViewProps,scrollViewProps,showFooters,renderFooterCell,footerCellContainerProps,filterCellContainerProps,headerContainerProps,headerCellContainerProps,headerProps,rowProps:customRowProps,renderCell,cellContainerProps,hasFooters,renderHeaderCell,renderFilterCell,columnProps,getRowKey,columnsWidths,colsWidths,footerContainerProps,showFilters,columns,data,testID,...props},tableRef)=>{
+const TableComponent = React.forwardRef(({containerProps,renderEmpty,renderItem,isRowSelected,headerScrollViewProps,footerScrollViewProps,scrollViewProps,showFooters,renderFooterCell,footerCellContainerProps,filterCellContainerProps,headerContainerProps,headerCellContainerProps,headerProps,rowProps:customRowProps,renderCell,cellContainerProps,hasFooters,renderHeaderCell,renderFilterCell,columnProps,getRowKey,columnsWidths,colsWidths,footerContainerProps,showFilters,columns,data,testID,...props},tableRef)=>{
     containerProps = defaultObj(containerProps);
     testID = defaultStr(testID,"RN_TableComponent");
     cellContainerProps = defaultObj(cellContainerProps);
@@ -263,7 +263,6 @@ const TableComponent = React.forwardRef(({containerProps,renderEmpty,isRowSelect
             >  
                 <FlashList
                     containerProps = {{style:[cStyle]}}
-                    //prepareItems = {Array.isArray(items)? false : undefined}
                     estimatedItemSize = {200}
                     {...props}
                     onContentSizeChange = {(width,height)=>{
@@ -311,7 +310,14 @@ const TableComponent = React.forwardRef(({containerProps,renderEmpty,isRowSelect
                     })}
                     renderItem = {(arg)=>{
                         const item = arg.item, data = arg.item,allData=Array.isArray(item.items)? item.items : data;
-                        const cells = visibleColumns.map((i,index)=>{
+                        arg.allData = arg.allData;arg.isTable  = true; arg.isAccordion = false;
+                        arg.columns = visibleColumns;
+                        const selected = typeof isRowSelected=='function'? isRowSelected(item,arg.index):undefined;
+                        const rowArgs = {...arg,selected,isTable:true,allData,row:data,rowData:data,rowIndex:arg.index};
+                        const rProps = getRowProps ? getRowProps(rowArgs) : {};
+                        const rowStyle = getRowStyle(rowArgs);
+                        const sItem = typeof renderItem == 'function'? renderItem({...arg,rowProps:rProps,rowStyle}) : undefined;
+                        const cells = sItem && React.isValidElement(sItem) ? sItem : !isObj(item) ? null : visibleColumns.map((i,index)=>{
                             const cellValue = data[i];
                             const col = defaultObj(cols[i]);
                             const cellArgs = {...col,...arg,containerProps:{},columnIndex:col.index,style:{width:col.width},cellValue,data,rowData:data,row:data,rowIndex:arg.index};
@@ -328,13 +334,9 @@ const TableComponent = React.forwardRef(({containerProps,renderEmpty,isRowSelect
                                 {content}
                             </View>);
                         });
-                        const selected = typeof isRowSelected=='function'? isRowSelected(item,arg.index):undefined;
-                        const rowArgs = {...arg,selected,isTable:true,allData,row:data,cells,rowData:data,rowIndex:arg.index};
-                        const rProps = getRowProps ? getRowProps(rowArgs) : {};
-                        const rowStyle = getRowStyle(rowArgs);
-                        return <View testID={testID+"_Row_"+arg.index} {...rowProps} {...rProps} style={[styles.row,rowProps.style,rowStyle,styles.rowNoPadding,rProps.style]}>
+                        return cells ? <View testID={testID+"_Row_"+arg.index} {...rowProps} {...rProps} style={[styles.row,rowProps.style,rowStyle,styles.rowNoPadding,rProps.style]}>
                             {cells}
-                        </View>;
+                        </View> : null
                     }}
                 />
                     <AbsoluteScrollView
@@ -490,6 +492,7 @@ TableComponent.popTypes = {
       PropTypes.func,  
       PropTypes.object
     ]),
+    renderItem : PropTypes.func,//la fonction permettant de gérer le rendu des item
     headerScrollViewProps : PropTypes.object,
     footerScrollViewProps : PropTypes.object,
 }