@fto-consult/expo-ui 2.26.2 → 2.26.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "2.26.2",
+  "version": "2.26.4",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -61,7 +61,7 @@
     "@emotion/native": "^11.10.0",
     "@expo/html-elements": "^0.2.0",
     "@expo/vector-icons": "^13.0.0",
-    "@fto-consult/common": "^1.24.13",
+    "@fto-consult/common": "^1.24.15",
     "@gorhom/portal": "^1.0.14",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/datetimepicker": "6.5.2",

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;

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> 
                 )