@fto-consult/expo-ui 2.26.10 → 2.26.12

package/package.json

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

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

@@ -28,7 +28,7 @@ import { evalSingleValue,Footer,getFooterColumnValue,isValidAggregator,extendAgg
 import i18n from "$i18n";
 import { makePhoneCall,canMakePhoneCall as canMakeCall} from "$makePhoneCall";
 import copyToClipboard from "$capp/clipboard";
-import { Pressable } from "react-native";
+import { Pressable,PanResponder } from "react-native";
 import TableLink from "$TableLink";
 import appConfig from "$capp/config";
 import stableHash from "stable-hash";
@@ -234,6 +234,12 @@ export default class CommonDatagridComponent extends AppComponent {
             aggregatorFunctions : {value : extendAggreagatorFunctions(this.props.aggregatorFunctions)},
             ///les types d'affichage
             displayTypes : {value : hasFoundDisplayTypes ? disTypes : Object.clone(displayTypes)},
+            /***@see : https://reactnative.dev/docs/panresponder */
+            panResponder : {value : PanResponder.create({
+                onStartShouldSetPanResponder: (evt, gestureState) => false,
+                onPanResponderMove: (evt, gestureState) =>false,
+                onStartShouldSetPanResponderCapture: (evt, gestureState) =>false,
+            }),},
             sectionListColumnsSize : {value : {current:0}}, //la taille du nombre d'éléments de section dans les colonnes
         }) 
         const sessionAggregator = defaultStr(this.getSessionData("aggregatorFunction")).trim();

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

@@ -200,7 +200,7 @@ const DatagridFactory = (Factory)=>{
                     maxHeight = diff;
                 }
             }
-            const rPagination = showPagination ? <View style={[styles.paginationContainer]}>
+            const rPagination = showPagination ? <View {...this.panResponder.panHandlers} style={[styles.paginationContainer]}>
                 <ScrollView horizontal showsHorizontalScrollIndicator={!isLoading} style={styles.paginationContainerStyle} contentContainerStyle={styles.minW100}>
                     <View style={[styles.paginationContent]}>
                         <View testID={testID+"_HeaderQueryLimit"}>
@@ -319,7 +319,7 @@ const DatagridFactory = (Factory)=>{
                     </View>
                 </ScrollView>
             </View> : null;
-            return <View style={[styles.container,{maxHeight}]} pointerEvents={pointerEvents}>
+            return <View {...this.panResponder.panHandlers} style={[styles.container,{maxHeight}]} pointerEvents={pointerEvents}>
                 <View ref={this.layoutRef}>
                     {this.props.showActions !== false ? <DatagridActions 
                         pointerEvents = {pointerEvents}

package/src/components/FieldSet/index.js

@@ -0,0 +1,64 @@
+// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+
+import React from "$react";
+import View from "$components/View";
+import Label from "$components/Label";
+import PropTypes from 'prop-types';
+import { StyleSheet } from "react-native";
+import {defaultStr,defaultObj} from "$utils";
+import theme from "$theme";
+
+const FieldSet = React.forwardRef(({testID,style,children,labelProps,containerProps,label,borderColor,...props},ref)=>{
+    testID = defaultStr(testID,"RN_FieldSetComponent");
+    containerProps = defaultObj(containerProps);
+    labelProps = defaultObj(labelProps);
+    borderColor = theme.Colors.isValid(borderColor)?borderColor : theme.colors.divider;
+    return (
+        <View ref ={ref} testID={testID+"_Container"} {...containerProps} style={[styles.container, { borderColor},containerProps.style]}>
+            <Label testID={testID+"_Label"} {...labelProps} style={[styles.label,labelProps.style]}>
+                {React.isValidElement(label,true) && label || null}
+            </Label>
+            <View {...props} testID={testID} style={[styles.content,style]}>
+                {React.isValidElement(children) && children || null}
+            </View>
+        </View>
+    );
+});
+
+FieldSet.propTypes = {
+    label: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number,
+        PropTypes.node,
+        PropTypes.element,
+    ]),
+    children: PropTypes.element,
+    labelProps : PropTypes.object,
+    containerProps : PropTypes.object,
+    style : theme.StyleProps,
+}
+
+
+const styles = StyleSheet.create({
+    container: {
+        borderWidth: 1.1,
+        borderRadius: 5,
+        position : 'relative',
+    },
+    content : { 
+        flex: 1, 
+        paddingVertical: 10 
+    },
+    label: {
+        height: 0,
+        position: 'absolute',
+        top: -10,
+        left: 10,
+    },
+});
+
+FieldSet.displayName  = "FieldSetComponent";
+
+export default FieldSet;

package/src/components/Form/KeyboardAvoidingView.js

@@ -1,8 +1,8 @@
-import {isIos} from "$cplatform";
+import {isIos,isAndroid,isNativeMobile,isTouchDevice} from "$cplatform";
 import {KeyboardAvoidingView,StyleSheet} from 'react-native';
 
 export default function KeyboardAvoidingViewComponent({ children,...rest }){
-    return isIos() ? (
+    return isNativeMobile() || isTouchDevice() ? (
       <KeyboardAvoidingView
         style={styles.wrapper}
         behavior="padding"

package/src/components/Table/index.js

@@ -224,7 +224,7 @@ const TableComponent = React.forwardRef(({containerProps,renderListContent,child
             }
         }
     }
-    return <View testID= {testID+"_Container"} {...containerProps} style={[styles.container,{alignItems:'stretch'},containerProps.style]}>
+    return <View testID= {testID+"_Container"} pointerEvents='box-none' {...containerProps} style={[styles.container,{alignItems:'stretch'},containerProps.style]}>
             <RNView style={[cStyle]} testID={testID+"_Headers_ScrollViewContainer"}>
                 <ScrollView
                     testID={testID+"_HeaderScrollView"}