@fto-consult/expo-ui 8.33.1 → 8.35.0

package/bin/create-app/dependencies.js

@@ -7,9 +7,9 @@
 	"@react-native-community/netinfo": "11.1.0",
 	"@react-native/assets-registry": "^0.72.0",
 	"react-native-get-random-values": "~1.8.0",
-	"@react-navigation/native": "^6.1.12",
-	"@react-navigation/native-stack": "^6.9.20",
-	"@react-navigation/stack": "^6.3.23",
+	"@react-navigation/native": "^6.1.14",
+	"@react-navigation/native-stack": "^6.9.22",
+	"@react-navigation/stack": "^6.3.25",
 	"@shopify/flash-list": "1.6.3",
 	"expo": "^50.0.8",
 	"expo-camera": "~14.0.5",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.33.1",
+  "version": "8.35.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",
@@ -68,8 +68,8 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^4.33.0",
-    "@fto-consult/node-utils": "^1.6.6",
+    "@fto-consult/common": "^4.33.7",
+    "@fto-consult/node-utils": "^1.7.1",
     "apexcharts": "^3.46.0",
     "crypto-browserify": "^3.12.0",
     "file-saver": "^2.0.5",
@@ -85,7 +85,7 @@
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-mime-types": "^2.5.0",
     "react-native-paper": "^5.12.3",
-    "react-native-paper-dates": "^0.21.9",
+    "react-native-paper-dates": "^0.22.3",
     "react-native-web": "^0.19.10",
     "react-virtuoso": "^4.7.1",
     "readable-stream": "^4.5.2",

package/src/components/Dialog/Dialog.js

@@ -182,6 +182,17 @@ const DialogComponent = React.forwardRef((props,ref)=>{
             {content}
         </ScrollView>
     }
+    const getRRProps = (containerProps)=>{
+        if(!isPreloader){
+            const {mediaQueryUpdateStyle} = containerProps;
+            containerProps.mediaQueryUpdateStyle = (...rest)=>{
+                const r = typeof mediaQueryUpdateStyle =="function"? mediaQueryUpdateStyle(...rest) : undefined;
+                const {width,height} = rest[0];
+                return isFullScreenDialog()? [r,{width,height}] : r;
+            }
+        }
+        return containerProps;
+    }
     return <ModalComponent
                 onDismiss={(e)=>{
                     return handleBack(e,false);
@@ -200,7 +211,7 @@ const DialogComponent = React.forwardRef((props,ref)=>{
                     <Surface 
                         testID = {testID+"_Overlay"}
                         ref={overlayRef}
-                        {...overlayProps} 
+                        {...getRRProps(overlayProps)} 
                         style={[styles.overlay,isAlert && styles.overlayAlert,{backgroundColor},overlayProps.style,fullScreenStyle]}
                     >   
                      {(!isAlert && (actions || title || subtitle)) ? <AppBarDialog
@@ -369,10 +380,8 @@ const styles = StyleSheet.create({
         justifyContent: 'flex-start',
         flexGrow : 0,
         marginVertical : 0,
+        //maxWidth : "100%",
         ...Platform.select({
-          /*android: {
-            elevation: 2,
-          },*/
           default: {
             shadowColor: 'rgba(0, 0, 0, .3)',
             shadowOffset: { width: 0, height: 1 },

package/src/components/Dialog/DialogContent.js

@@ -1,10 +1,8 @@
-import KeyboardAvoidingView from "../KeyboardAvoidingView";
 import React  from "$react";
 import {usePageDimensions} from "$cdimensions/utils";
 
 const DialogContentComponent = ({isPreloader,title,children,isFullScreen,...props})=>{
     usePageDimensions();
     return React.useMemo(()=>children,[children]);
-    //return content;
 }
 export default DialogContentComponent;

package/src/components/Modal/index.js

@@ -1,15 +1,16 @@
 import React from "$react";
 import {
   StyleSheet,
-  View,
   TouchableWithoutFeedback,
 } from 'react-native';
+import View from "$ecomponents/View";
 import BackHandler from "$ecomponents/BackHandler";
 import PropTypes from "prop-types";
 import theme,{StyleProp} from "$theme";
 import Animation from "$ecomponents/Animation";
-import { Surface } from "react-native-paper";
+//import { Surface } from "react-native-paper";
 import { Platform } from "react-native";
+import Surface from "$ecomponents/Surface";
 import { Portal } from "react-native-paper";
 import {defaultStr} from "$cutils";
 import {
@@ -41,8 +42,10 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         onDismiss,
         isPreloader,
         children,
+        testID,
         ...rest
     } = props;
+    testID = 'RN__ModalComponent__'+defaultStr(testID);
     if(animate !== false && isMobileNative() && defaultStr(animationType).toLowerCase().trim() !=='slide'){
        animate = false;
     }
@@ -107,9 +110,29 @@ const ModalComponent = React.forwardRef((props,ref)=>{
     },[animate]);
     const wrapperProps = animate ? {enteringCallback:callback,exitingCallback:callback} : {};
     return !visible?null: <Portal>
+      <TouchableWithoutFeedback
+        aria-label={overlayAccessibilityLabel}
+        //role="button"
+        disabled={!dismissable}
+        onPress={dismissable ? hideModal : undefined}
+        importantForAccessibility="no"
+        testID={testID+"__backdrop_Container"}
+      >
+        <View
+          testID={testID+"__backdrop"}
+          {...backdropProps}
+          mediaQueryUpdateStyle = {({width,height})=>{
+            return {width,height};
+          }}
+          style={[
+            styles.backdrop,
+            {backgroundColor:theme.colors.backdrop},
+            backdropProps.style,
+          ]}
+        />
+      </TouchableWithoutFeedback>
       <Anim
         ref={ref}
-        testID={'RN__ModalComponent'}
         {...rest}
         accessibilityViewIsModal
         role="polite"
@@ -118,31 +141,15 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         animationType = {animationType}
         animationDuration = {animationDuration}
         animationPosition = {animationPosition}
+        testID={testID}
       >
-          <TouchableWithoutFeedback
-            aria-label={overlayAccessibilityLabel}
-            //role="button"
-            disabled={!dismissable}
-            onPress={dismissable ? hideModal : undefined}
-            importantForAccessibility="no"
-            testID="RN__ModalComponent__backdrop_Container"
-          >
-            <View
-              testID="RN__ModalComponent__backdrop"
-              {...backdropProps}
-              style={[
-                styles.backdrop,
-                {backgroundColor:theme.colors.backdrop},
-                backdropProps.style,
-              ]}
-            />
-          </TouchableWithoutFeedback>
-          <Surface testID="RN__ModalComponent__ContentContainer"
+          <Surface 
               elevation = {5}
               {...contentContainerProps}
               {...wrapperProps}
               ref = {contentContainerRef}
-              style={[styles.contentContainer,{ marginTop: TOP_INSET, marginBottom: BOTTOM_INSET,backgroundColor:'transparent' },contentContainerProps.style]}
+              testID={testID+"__ModalContentContainer"}
+              style={[styles.contentContainer,styles.surface,contentContainerProps.style]}
           >
             {children}  
           </Surface>
@@ -154,6 +161,14 @@ const ModalComponent = React.forwardRef((props,ref)=>{
 const styles = StyleSheet.create({
   modal : {
     ...StyleSheet.absoluteFillObject,
+    height : "100%",
+    width : "100%",
+  },
+  surface : { 
+    marginTop: TOP_INSET, 
+    marginBottom: BOTTOM_INSET,
+    backgroundColor:'transparent',
+    height : "100%"
   },
   backdrop: {
     flex: 1,

package/src/screens/Help/openLibraries.js

@@ -1,6 +1,6 @@
 module.exports = {
 	"@fto-consult/expo-ui": {
-		"version": "8.32.0",
+		"version": "8.26.0",
 		"url": "https://github.com/borispipo/expo-ui#readme",
 		"license": "ISC"
 	},
@@ -39,6 +39,16 @@ module.exports = {
 		"url": "https://github.com/pchmn/expo-material3-theme#readme",
 		"license": "MIT"
 	},
+	"@react-native-async-storage/async-storage": {
+		"version": "1.21.0",
+		"url": "https://github.com/react-native-async-storage/async-storage#readme",
+		"license": "MIT"
+	},
+	"@react-native-community/datetimepicker": {
+		"version": "7.6.1",
+		"url": "https://github.com/react-native-community/datetimepicker#readme",
+		"license": "MIT"
+	},
 	"@react-native-community/netinfo": {
 		"version": "11.1.0",
 		"url": "https://github.com/react-native-netinfo/react-native-netinfo#readme",
@@ -50,17 +60,17 @@ module.exports = {
 		"license": "MIT"
 	},
 	"@react-navigation/native": {
-		"version": "6.1.12",
+		"version": "6.1.14",
 		"url": "https://reactnavigation.org",
 		"license": "MIT"
 	},
 	"@react-navigation/native-stack": {
-		"version": "6.9.20",
+		"version": "6.9.22",
 		"url": "https://github.com/software-mansion/react-native-screens#readme",
 		"license": "MIT"
 	},
 	"@react-navigation/stack": {
-		"version": "6.3.23",
+		"version": "6.3.25",
 		"url": "https://reactnavigation.org/docs/stack-navigator/",
 		"license": "MIT"
 	},
@@ -174,11 +184,6 @@ module.exports = {
 		"url": "https://github.com/react-native-community/react-native-svg",
 		"license": "MIT"
 	},
-	"react-native-view-shot": {
-		"version": "3.8.0",
-		"url": "https://github.com/gre/react-native-view-shot",
-		"license": "MIT"
-	},
 	"react-native-webview": {
 		"version": "13.6.4",
 		"url": "https://github.com/react-native-webview/react-native-webview#readme",