@fto-consult/expo-ui 2.49.3 → 2.49.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "2.49.3",
+  "version": "2.49.5",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {

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

@@ -561,7 +561,7 @@ export default class CommonDatagridComponent extends AppComponent {
     callSRowCallback({selected,row,rowIndex,key,cb}){
         let count = Object.size(this.selectedRows);
         let sArg = this.getActionsArgs(selected);
-        sArg.count = count;
+        sArg.count = sArg.selectedRowsCount = count;
         sArg.rowIndex = sArg.index = rowIndex;
         sArg.rowKey = key;
         if(count >0){
@@ -581,11 +581,11 @@ export default class CommonDatagridComponent extends AppComponent {
             }
         } else {
             if(count > 0 && isFunction(this.props.onRowsDeselected)){
-                this.props.onRowsDeselected.call(this,{context:this,props:this.props});
+                this.props.onRowsDeselected.call(this,{...sArg,context:this,props:this.props});
             }
         }
         if(isFunction(cb)){
-            cb(selected,row,rowIndex,{context:this})
+            cb(selected,row,rowIndex,{...sArg,context:this})
         }
     }
     toggleSelectableColumnCheckbox(update){
@@ -603,17 +603,25 @@ export default class CommonDatagridComponent extends AppComponent {
     getSelectedRowsCount(){
         return isDecimal(this.selectedRowsCount) ? this.selectedRowsCount: 0;
     }
+
+    //si la ligne peut être sélectionnée
+    canSelectCheckedRow(){
+        if(!this.isSelectable()) return false;
+        if(this.isSelectableMultiple()) return true;
+        return this.selectedRowsCount <= 1 ? true : false;
+    }
     /**** fonction appelée lorsque l'on clique sur la checkbox permettant de sélectionner la ligne */
     handleRowToggle ({row,rowIndex,rowData,rowKey,index, selected,cb,callback},cb2){
-        if(!this.canSelectRow(row)) return ;
-        if(typeof rowKey !=='string' && typeof rowKey !=='number') return;
-        let selectableMultiple = defaultVal(this.props.selectableMultiple,true);
+        if(!this.canSelectRow(row)) return false;
+        if(typeof rowKey !=='string' && typeof rowKey !=='number') return false;
+        let selectableMultiple = this.isSelectableMultiple();
         rowIndex = defaultNumber(rowIndex,index);
         cb = defaultFunc(cb,callback,cb2)
         row = rowData = defaultObj(row,rowData);
-        let size = this.selectedRowsCount;
-        if(selected && !selectableMultiple && size >= 1){
-            return notify.warning("Vous ne pouvez sélectionner plus d'un élément")
+        const size = this.selectedRowsCount;
+        if(selected && !this.canSelectCheckedRow()){
+            notify.warning("Vous ne pouvez sélectionner plus d'un élément");
+            return false;
         }
         if(!selectableMultiple){
             this.setSelectedRows();
@@ -629,7 +637,8 @@ export default class CommonDatagridComponent extends AppComponent {
             this.selectedRowsCount +=1;
             let max = this.getMaxSelectedRows();
             if(max && size>= max){
-                return notify.warning("Vous avez atteint le nombre maximum d'éléments sélectionnable, qui est de "+max.formatNumber())
+                notify.warning("Vous avez atteint le nombre maximum d'éléments sélectionnable, qui est de "+max.formatNumber())
+                return false;
             }
             selectedRows[rowKey] = row;
         } else {
@@ -645,6 +654,7 @@ export default class CommonDatagridComponent extends AppComponent {
         } else {
             this.callSRowCallback({selected,rowData,row,rowIndex,rowKey,cb});
         }
+        return true;
     }
     canExportAskDisplayMainContent(){
         return false;
@@ -815,6 +825,7 @@ export default class CommonDatagridComponent extends AppComponent {
             allData : this.INITIAL_STATE.data,
             props : this.props,
             selectedRows : this.selectedRows,
+            selectedRowsCount : this.selectedRowsCount,
             context:this,
             isMobile : isMobileOrTabletMedia(),
             Auth,
@@ -3692,8 +3703,8 @@ export default class CommonDatagridComponent extends AppComponent {
             rowData,
             checked : this.isRowSelected(rowKey,rowIndex),
             rowsRefs : this.selectedRowsRefs,
-            onChange : ({checked})=>{
-                this.handleRowToggle({row:rowData,rowData,rowIndex,rowKey,selected:checked})
+            onPress : ({checked})=>{
+                return this.handleRowToggle({row:rowData,rowData,rowIndex,rowKey,selected:!checked})
             }
             }),style:{},extra:{style:{}}};
         } else if((columnField == this.getIndexColumnName())){

package/src/components/Icon/Checkbox.js

@@ -16,6 +16,7 @@ const Checkbox = React.forwardRef((props,ref)=>{
     const callOnChangeRef = React.useRef(true);
     const callOnChange = callOnChangeRef.current;
     callOnChangeRef.current = true;
+    
     React.useEffect(()=>{
         if(customChecked === checked || !isMounted()) return;
         setIsChecked(customChecked);
@@ -64,7 +65,7 @@ const Checkbox = React.forwardRef((props,ref)=>{
         color = {color}
         icon={checked?checkedIcon:uncheckedIcon}
         onPress = {(e)=>{
-            if(onPress && onPress({event:e,checked}) === false) return;
+            if(onPress && onPress({event:e,context,checked}) === false) return;
             setIsChecked(!checked)
         }}
     />