@fto-consult/expo-ui 2.26.3 → 2.26.5

package/package.json

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

package/src/components/Dropdown/index.js

@@ -1102,7 +1102,7 @@ class DropdownComponent extends AppComponent {
                             let {content} = node;
                             const style = _isSelected ? {color:selectedColor,fontWeight:'bold'} : null;
                             if(typeof (content) ==="string"){
-                                content = <Label {...itemProps} style={[itemProps.style,styles.item,style]}>{content}</Label>
+                                content = <Label splitText {...itemProps} style={[itemProps.style,styles.item,style]}>{content}</Label>
                             }
                             const testID = "RN_DropdownItem_"+key;
                             const select = !_isSelected;

package/src/components/SimpleSelect/index.js

@@ -397,7 +397,7 @@ const  SimpleSelect = React.forwardRef((props,ref)=>{
                         const _isSelected = isSelected(value,index);
                         const style = _isSelected ? {color:selectedColor,fontWeight:'bold'} : null;
                         if(typeof (content) ==="string"){
-                            content = <Label testID={tID} {...itemProps} style={[itemProps.style,style]}>{content}</Label>
+                            content = <Label splitText testID={tID} {...itemProps} style={[itemProps.style,style]}>{content}</Label>
                         }
                         return (
                             <React.Fragment key={index}>

package/src/components/Swiper/index.js

@@ -115,6 +115,12 @@ class SwiperComponent extends React.Component {
     return {
       onPanResponderTerminationRequest: () => false,
       onMoveShouldSetResponderCapture: () => true,
+      /***
+       * Disable panResponder on chidld of vie
+       * @see : https://stackoverflow.com/questions/45810262/how-to-disable-panresponder-on-child-component-react-native 
+       * 
+      */
+      onStartShouldSetPanResponderCapture: (evt, gestureState) => this.props.stopChildrenEventPropagation !== false ? true : false,
       onMoveShouldSetPanResponderCapture: (e, gestureState) => {
         const { gesturesEnabled, vertical, minDistanceToCapture } = this.props;
 
@@ -382,7 +388,12 @@ SwiperComponent.propTypes = {
   springConfig: PropTypes.object,
   minDistanceToCapture: PropTypes.number, // inside ScrollView
   minDistanceForAction: PropTypes.number,
-
+  /***
+   * 
+    if a parent View wants to prevent the child from becoming responder on a touch start, it should have a onStartShouldSetResponderCapture handler which returns true.
+   * @see : https://stackoverflow.com/questions/45810262/how-to-disable-panresponder-on-child-component-react-native
+   */
+  stopChildrenEventPropagation : PropTypes.bool,
   onAnimationStart: PropTypes.func,
   onAnimationEnd: PropTypes.func,
   onIndexChanged: PropTypes.func,

package/src/layouts/Screen/TableData.js

@@ -382,6 +382,8 @@ export default class TableDataScreenComponent extends FormDataScreen{
         let {tabProps,firstTabProps,tabsProps,withScrollView} = restProps;
         let testID = this.testIDProp;
         tabsProps = defaultObj(tabsProps);
+        tabsProps.tabContentProps = defaultObj(tabsProps.tabContentProps);
+        tabsProps.tabContentProps.stopChildrenEventPropagation = typeof tabsProps.tabContentProps.stopChildrenEventPropagation =="function" ? tabsProps.tabContentProps.stopChildrenEventPropagation : false;
         tabsProps.tabItemsProps = defaultObj(tabsProps.tabItemsProps);
         if(typeof withScrollView =='boolean' && typeof tabsProps.withScrollView !=='boolean'){
             tabsProps.withScrollView = withScrollView;
@@ -890,7 +892,7 @@ const styles = StyleSheet.create({
     },
     screenContent : {
         padding : 0,
-        paddingBottom : 50,
+        paddingBottom : 10,
     },
     screenContentWithHeader : {
         marginTop : 0,

package/src/layouts/Screen/utils.js

@@ -44,7 +44,7 @@ export const renderTabsContent = ({tabs,context,data,sessionName,isMobile,props,
             }
             if(React.isValidElement(children)){
                 tabsArr.push(
-                    <Tab.Item testID={testID+"_Item_"+key} label={label} {...tabP} key={key}>
+                    <Tab.Item testID={testID+"_Item_"+key} label={label} {...tabP} style={[{paddingBottom:50},tabP.style]} key={key}>
                         {children}
                     </Tab.Item> 
                 )