@fto-consult/expo-ui 8.43.1 → 8.45.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.15",
-	"@react-navigation/native-stack": "^6.9.24",
-	"@react-navigation/stack": "^6.3.27",
+	"@react-navigation/native": "^6.1.16",
+	"@react-navigation/native-stack": "^6.9.25",
+	"@react-navigation/stack": "^6.3.28",
 	"@shopify/flash-list": "1.6.3",
 	"expo": "^50.0.11",
 	"expo-camera": "~14.0.6",

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.43.1",
+  "version": "8.45.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
+  "react-native-paper-doc" : "https://github.com/callstack/react-native-paper/tree/main/docs/docs/guides",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",
     "publish1": "npm publish --access=public",
@@ -46,7 +47,7 @@
     "delete-node-modules": "rimraf ./**/node_modules",
     "dev": "npx expo start --no-dev --minify -c",
     "modifier-url-remote-git": "git remote set-url origin 'https://borispipo@github.com/borispipo/smart-eneo.git'",
-    "update": "npm i @fto-consult/common@latest @fto-consult/node-utils@latest react-native-web react-native-big-list@latest apexcharts@latest file-saver@latest google-libphonenumber@latest  react-native-iphone-x-helper@latest react-native-mime-types@latest react-native-paper@5 react-native-paper-dates@latest react-virtuoso@latest tippy.js@latest xlsx@latest && npm run update-apexchart && npm run find-licenses"
+    "update": "npm i @fto-consult/common@latest @fto-consult/node-utils@latest react-native-web react-native-big-list@latest apexcharts@latest file-saver@latest google-libphonenumber@latest  react-native-iphone-x-helper@latest react-native-mime-types@latest react-native-paper@latest react-native-paper-dates@latest react-virtuoso@latest tippy.js@latest xlsx@latest && npm run update-apexchart && npm run find-licenses"
   },
   "bin": {
     "expo-ui": "./bin/index.js"
@@ -68,7 +69,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^4.35.9",
+    "@fto-consult/common": "^4.36.0",
     "@fto-consult/node-utils": "^1.7.1",
     "apexcharts": "^3.47.0",
     "crypto-browserify": "^3.12.0",

package/src/components/Date/DatePickerModal/index.js

@@ -2,9 +2,16 @@ import  "../utils";
 import {DatePickerModal} from 'react-native-paper-dates'
 import {PaperProvider} from 'react-native-paper';
 import theme from "$theme";
+import FontIcon from "$ecomponents/Icon/Font";
 
 export default function DatePickerModalComponent(props){
-    return <PaperProvider theme={theme}>
+    return <PaperProvider theme={theme}
+        settings={{
+            icon: (props) => {
+              return <FontIcon {...props}/>
+            },
+        }}
+    >
         <DatePickerModal {...props}/>
     </PaperProvider>
 }

package/src/components/Dialog/AppBarDialog.js

@@ -1,11 +1,12 @@
 import AppBar from "$ecomponents/AppBar";
 import React from "$react";
-import APP from "$capp/instance";
 import { renderActions } from "./utils";
 import {isIos,isAndroid,isWeb} from "$cplatform";
+import {useWindowDimensions} from "$cdimensions/utils";
 
 const AppBarDialogComponent = React.forwardRef((props,ref)=>{
     const {actions,responsive,isFullScreen,fullScreen,actionsProps,...rest} = props;
+    useWindowDimensions();
     if(responsive && !isFullScreen() || (typeof fullScreen =='boolean' && !fullScreen)){
         return null;
     }

package/src/components/Dialog/Dialog.js

@@ -171,8 +171,20 @@ const DialogComponent = React.forwardRef((props,ref)=>{
         paddingRight : borderRadius,
         paddingVertical : borderRadius?10:0,
     };
+    const getRRProps = (containerProps,setDimensions)=>{
+        if(!isPreloader){
+            const {mediaQueryUpdateStyle} = containerProps;
+            containerProps.mediaQueryUpdateStyle = (...rest)=>{
+                const r = typeof mediaQueryUpdateStyle =="function"? mediaQueryUpdateStyle(...rest) : undefined;
+                const {width,height} = rest[0];
+                const rW = setDimensions !==  false ? {width,height} : {};
+                return isFullScreenDialog()? [r,{...rW,maxWidth:"100%",maxHeight:"100%"}] : [r,setDimensions !== false && {maxHeight:getMaxHeight(),maxWidth:getMaxWidth()}];
+            }
+        }
+        return containerProps;
+    }
     const alertContentStyle = isAlert ? {paddingHorizontal:15} : null;
-    content = <View ref={contentRef} testID = {testID+"_Content11"} {...contentProps} style={[fullScreen? {flex:1}:{maxWidth,maxHeight:maxHeight-Math.min(SCREEN_INDENT*2+50,100)},isPreloader && {paddingHorizontal:10},{backgroundColor},alertContentStyle,contentProps.style]}>
+    content = <View ref={contentRef} testID = {testID+"_Content11"} {...getRRProps(contentProps,false)} style={[fullScreen? {flex:1}:{maxWidth,maxHeight:maxHeight-Math.min(SCREEN_INDENT*2+50,100)},isPreloader && {paddingHorizontal:10},{backgroundColor},alertContentStyle,contentProps.style]}>
         {content}
     </View>
     if(withScrollView){
@@ -182,17 +194,6 @@ 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);

package/src/components/Dialog/DialogActions.js

@@ -7,10 +7,10 @@ import {renderActions} from "./utils";
 import View from "$ecomponents/View";
 import { StyleSheet } from "react-native";
 import DialogActions from "./RNPDialogActions";
-import {usePageDimensions} from "$cdimensions/utils";
+import {usePageDimensions,useWindowDimensions} from "$cdimensions/utils";
 
 const DialogActionsComponent = React.forwardRef(({actions,isAlert,onAlertRequestClose,testID,containerProps,actionMutator,actionProps,cancelButton,responsive,isFullScreen,fullScreen,actionsProps,menuProps,...rest},ref)=>{
-    usePageDimensions();
+    useWindowDimensions();
     if(responsive && isFullScreen() || fullScreen){
         return null;
     }

package/src/components/Dialog/DialogFooter.js

@@ -2,10 +2,10 @@ import React from "$react";
 import {defaultObj} from "$cutils";;
 import View from "$ecomponents/View";
 import { StyleSheet } from "react-native";
-import {usePageDimensions} from "$cdimensions/utils";
+import {useWindowDimensions} from "$cdimensions/utils";
 
 const DialogFullPageFooter = React.forwardRef(({responsive,containerProps,children,isFullScreen,fullScreen,...rest},ref)=>{
-    usePageDimensions();
+    useWindowDimensions();
     if(responsive && !isFullScreen() || (typeof fullScreen =='boolean' && !fullScreen) || !React.isValidElement(children)){
         return null;
     }

package/src/components/Dialog/DialogTitle.js

@@ -5,10 +5,10 @@ import {isNonNullString,defaultObj} from "$cutils";
 import View from "$ecomponents/View";
 import theme from "$theme";
 import { StyleSheet } from "react-native";
-import {usePageDimensions} from "$cdimensions/utils";
+import {useWindowDimensions} from "$cdimensions/utils";
 
 const DialogTitleComponent = React.forwardRef(({responsive,containerProps,title,titleProps,isFullScreen,fullScreen,...rest},ref)=>{
-    usePageDimensions();
+    useWindowDimensions();
     if(responsive && isFullScreen() || fullScreen || !React.isValidElement(title,true)){
         return null;
     }

package/src/context/Provider.js

@@ -100,7 +100,6 @@ const Provider = ({children,getTableData,handleHelpScreen,navigation,swrConfig,a
       },
     }
     Auth.setRef(auth);
-    console.log("has set ref auth ",auth);
     extendFormFields(customFormFields);
     structsData = isObj(structsData)? structsData : null;
     appConfig.tablesData = tablesData;
@@ -189,7 +188,7 @@ const Provider = ({children,getTableData,handleHelpScreen,navigation,swrConfig,a
         if(!isObj(theme)) return;
         const isDark = theme.dark || theme.isDark || isDynamicThemeSupported && isColorShemeDark ;
         const elevation = defaultObj(theme.elevation,isDark ? pTheme.dark?.elevation : pTheme.light?.elevation)
-        const newTheme = isDark ? { ...MD3DarkTheme,fonts:configureFonts(), colors: pTheme.dark } : { ...MD3LightTheme,fonts:configureFonts(), colors: pTheme.light };
+        const newTheme = isDark ? { ...MD3DarkTheme,fonts:configureFonts({isV3:true}), colors: pTheme.dark } : { ...MD3LightTheme,fonts:configureFonts({isV3:true}), colors: pTheme.light };
         if(isElectron() && typeof window.ELECTRON =='object' && typeof ELECTRON.setThemeToDark =="function" && typeof ELECTRON.setThemeToLight =="function"){
            if(isDark){
               ELECTRON.setThemeToDark();
@@ -222,6 +221,7 @@ const Provider = ({children,getTableData,handleHelpScreen,navigation,swrConfig,a
         const _theme = (isObj(r) ? r : theme);
         const customCSS = _theme.customCSS;
         extendObj(Theme,{
+          version : 3,
           elevations : elevation,
           elevation,
           colorScheme,

package/src/screens/Auth/PermLines.js

@@ -120,6 +120,9 @@ const PermTextType = PropTypes.shape({
     defaultAction : PropTypes.bool,//si les actions par défaut seront associés à la permission en cours
 });
 
+const permsType = PropTypes.oneOfType([
+    PropTypes.func,PropTypes.object,
+]);
 PermLines.propTypes = {
     data : PropTypes.object,
     gridProps : PropTypes.object,//les props du composant Grid, wrapper au contentu expandable
@@ -129,10 +132,10 @@ PermLines.propTypes = {
         PropTypes.shape({
             table : PropTypes.string,
             tableName : PropTypes.string,
-            perms : PropTypes.object,
+            perms : permsType,
         })
     ).isRequired,
-    perms : PropTypes.object,//la liste des permissions qui peuvent associer au compte d'un utilisaters
+    perms : permsType,//la liste des permissions qui peuvent associer au compte d'un utilisaters
     /*** si les élements de permissions seront modifiable où non */
     disabled : PropTypes.bool,
     title : PropTypes.oneOfType([

package/src/screens/Help/openLibraries.js

@@ -1,6 +1,6 @@
 module.exports = {
 	"@fto-consult/expo-ui": {
-		"version": "8.41.0",
+		"version": "8.44.0",
 		"url": "https://github.com/borispipo/expo-ui#readme",
 		"license": "ISC"
 	},
@@ -50,17 +50,17 @@ module.exports = {
 		"license": "MIT"
 	},
 	"@react-navigation/native": {
-		"version": "6.1.15",
+		"version": "6.1.16",
 		"url": "https://reactnavigation.org",
 		"license": "MIT"
 	},
 	"@react-navigation/native-stack": {
-		"version": "6.9.24",
+		"version": "6.9.25",
 		"url": "https://github.com/software-mansion/react-native-screens#readme",
 		"license": "MIT"
 	},
 	"@react-navigation/stack": {
-		"version": "6.3.27",
+		"version": "6.3.28",
 		"url": "https://reactnavigation.org/docs/stack-navigator/",
 		"license": "MIT"
 	},
@@ -139,28 +139,27 @@ module.exports = {
 		"url": "https://docs.expo.dev/versions/latest/sdk/webbrowser/",
 		"license": "MIT"
 	},
+	"react": {
+		"version": "18.2.0",
+		"url": "https://reactjs.org/",
+		"license": "MIT"
+	},
 	"react-native": {
 		"version": "0.73.4",
 		"url": "https://reactnative.dev/",
 		"license": "MIT"
 	},
-	"react-native-big-list": {
-		"version": "1.6.1",
-		"url": "https://marcocesarato.github.io/react-native-big-list-docs/",
-		"license": "GPL-3.0-or-later"
-	},
-	"react-native-blob-util": {
-		"version": "0.18.6",
-		"url": "https://github.com/RonRadtke/react-native-blob-util",
-		"license": "MIT"
-	},
 	"react-native-gesture-handler": {
 		"version": "2.14.1",
 		"url": "https://github.com/software-mansion/react-native-gesture-handler#readme",
 		"license": "MIT"
 	},
+	"react-native-get-random-values": {
+		"version": "1.8.0",
+		"license": "MIT"
+	},
 	"react-native-reanimated": {
-		"version": "3.6.2",
+		"version": "3.6.3",
 		"url": "https://github.com/software-mansion/react-native-reanimated#readme",
 		"license": "MIT"
 	},