@fto-consult/expo-ui 6.26.7 → 6.26.8

package/package.json

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

package/src/components/Datagrid/Accordion/Row.js

@@ -75,7 +75,7 @@ const DatagridAccordionRow = React.forwardRef((props,ref)=>{
     const wrapStyle = React.useMemo(()=>{
         return getRowStyle({row:item,index,selected,numColumns,isAccordion:true,rowIndex:index});
     },[selected,numColumns]);
-    const viewWrapperStyle = [];
+    const viewWrapperStyle = [selectable !== false && theme.styles.cursorPointer];
     if(selected) {
         const handleAvatarRowToggle = (event)=>{
             React.stopEventPropagation(event);
@@ -122,6 +122,7 @@ const DatagridAccordionRow = React.forwardRef((props,ref)=>{
                     rowProps.style,
                     numColumns > 1 && styles.multiColumns,
                     selected && styles.selected,
+                    selectable !== false && theme.styles.cursorPointer,
                     //style,
                 ]}
                 ref = {React.useMergeRefs(ref,innerRef)}
@@ -230,6 +231,7 @@ const styles = StyleSheet.create({
         alignItems : 'center',
         justifyContent : 'center',
         paddingVertical : 10,
+        width : "100%",
     },
     right : {
         marginHorizontal : 0,

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

@@ -401,7 +401,7 @@ const DatagridFactory = (Factory)=>{
             const hasFootersFields = this.hasFootersFields();
             const datagridHeader = <View testID={testID+"_HeaderContainer"} pointerEvents={pointerEvents} style={[styles.datagridHeader]}>
                 <ScrollView testID={testID+"_HeaderScrollView"} horizontal  contentContainerStyle={StyleSheet.flatten([styles.contentContainerStyle,styles.minW100])}>
-                    <View testID={testID+"_HeaderContentCntainer"} style={[styles.table,styles.pullRight]}>
+                    <View testID={testID+"_HeaderContentContainer"} style={[styles.table,styles.pullRight]}>
                         {/*this.renderDataSourceSelector()*/}
                         <View testID={testID+"_HeaderQueryLimit"} style={[styles.paginationItem]}>
                             {this.renderQueryLimit(this.getStateDataSize().formatNumber())}
@@ -552,6 +552,7 @@ const DatagridFactory = (Factory)=>{
                         items = {this.state.data}
                         isLoading = {isLoading}
                         ref = {this.listRef}
+                        style = {styles.list}
                         backToTopRef = {backToTopRef?(e)=>{
                             return this.backToTopRef.current;
                         }:false}
@@ -605,13 +606,15 @@ const styles = StyleSheet.create({
         alignItems : 'center',
         maxHeight : 60
     },
+    list : {
+        paddingHorizontal : 5,
+    },
     container : {
         position : 'relative',
         flexDirection :'column',
         justifyContent : 'flex-start',
         width : '100%',
         flex : 1,
-        paddingHorizontal : isNativeMobile()? 5:1,
     },
     accordionHeader : {
         paddingTop : 0,

package/src/components/Form/Form.js

@@ -7,6 +7,7 @@ import KeyboardAvoidingView from "$ecomponents/KeyboardAvoidingView";
 import { StyleSheet } from "react-native";
 import APP from "$capp/instance";
 import PropTypes from "prop-types";
+import View from "$ecomponents/View";
 
 /**** règles d'utilisation : 
     1. les forms doivent toujours avoir un nom : chaine de caractère unique pour l'application et non null
@@ -105,9 +106,9 @@ export default class FormComponent extends React.AppComponent {
             ...rest
         } = this.props;
         testID = defaultStr(testID,"RN_FormComponent");
-        return <KeyboardAvoidingView  {...rest} testID={testID+"_FormKeyboardAvoidingView"} style={[styles.container,rest.style]}>
+        return <View  {...rest} testID={testID+"_FormKeyboardAvoidingView"} style={[styles.container,rest.style]}>
             {this.props.children}
-        </KeyboardAvoidingView>
+        </View>
     }
 }
 const isField  = (Component)=>{