@fto-consult/expo-ui 8.5.0 → 8.6.1

package/babel.config.alias.js

@@ -17,9 +17,6 @@ module.exports = (opts)=>{
     const cpath = fs.existsSync(euCommon)? path.resolve(euCommon,"babel.config.alias") : "@fto-consult/common/babel.config.alias";
     const r = require(`${cpath}`)(opts);
     const expo = path.resolve(expoUI,"src");
-    r.$edocs = path.resolve(expoUI,"docs");//l'alias de la documentation
-    r["$edocs-components"] = path.resolve(r.$edocs,"components");
-    r["$edocs-screens"] = path.resolve(r.$edocs,"screens");
     r["$ecomponents"] = r["$expo-components"] = path.resolve(expo,"components");
     r["$econfirm"] = path.resolve(r["$expo-components"],"Dialog","confirm");
     r["$confirm"] = r["$confirm"] || r["$econfirm"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.5.0",
+  "version": "8.6.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",

package/src/components/Image/index.js

@@ -174,8 +174,8 @@ export default function ImageComponent(props){
                 setEditorProps({...editorProps,visible:true,...props})
             })
         },
-        pickImage : (opts)=>{
-            opts = getCropProps(opts);
+        pickImage : ()=>{
+            const opts = getCropProps(defaultObj(pickImageProps));
             opts.base64 = true;
             return pickImage(opts).then((image)=>handlePickedImage(image,opts));
         },
@@ -229,7 +229,9 @@ export default function ImageComponent(props){
             label : 'Enregistrer une photo',
             icon : 'camera',
             onPress : (a)=>{
-                takePhoto().then(handlePickedImage);
+                const opts = getCropProps(defaultObj(pickImageProps));
+                opts.base64 = true;
+                takePhoto(opts).then(handlePickedImage);
             }
         })
     }

package/src/layouts/ProfilAvatar/index.js

@@ -113,6 +113,7 @@ const UserProfileAvatarComponent = React.forwardRef(({drawerRef,chevronIconProps
                 if(!withLabel){
                     return <View testID={"RNProfilAvatar_AvatarContainer"} style={[theme.styles.row,theme.styles.alignItemsCenter]}>
                         <Image
+                            pickImageProps = {{quality:0.4}}
                             {...props} 
                             {...aProps}
                             size={size}

package/src/media/index.js

@@ -65,7 +65,7 @@ export const pickImageOrVideo = (options)=>{
     return checkPermission().then(()=>{
         return new Promise((resolve,reject)=>{
             ImagePicker.launchImageLibraryAsync(getFilePickerOptions(options)).then((result)=>{
-                if(!result.cancelled) {
+                if(!result.cancelled && !result.canceled) {
                     resolve(prepareImageResult(result));
                 } else {
                     notify.warning("Opération annulée par l'utilisateur");
@@ -116,7 +116,7 @@ export const takePhoto = (options)=>{
         return checkPermission(ImagePicker.requestCameraPermissionsAsync).then((perm)=>{
             options = {base64:true,...Object.assign({},options)}
             return ImagePicker.launchCameraAsync({...getFilePickerOptions(options)}).then((result)=>{
-                if(!result.cancelled) {
+                if(!result.cancelled && !result.canceled) {
                     resolve(prepareImageResult(result));
                 } else {
                     notify.warning("Opération annulée par l'utilisateur");

package/src/media/utils.js

@@ -9,7 +9,7 @@ export const getFilePickerOptions = (options)=>{
         base64 : false, //Whether to also include the image data in Base64 format.
         exif : false, //Whether to also include the EXIF data for the image. On iOS the EXIF data does not include GPS tags in the camera case.
         mediaTypes : ImagePicker.MediaTypeOptions.All, //@see : https://docs.expo.dev/versions/latest/sdk/imagepicker/#mediatypeoptions
-        quality : 1, //Specify the quality of compression, from 0 to 1. 0 means compress for small size, 1 means compress for maximum quality.
+        quality : 0.5, //Specify the quality of compression, from 0 to 1. 0 means compress for small size, 1 means compress for maximum quality.
     },options);
 }
 /*** retourne les ooptions pour la capture d'une photo

package/App.js

@@ -1,19 +0,0 @@
-import AppEntry from "./src";
-import {disableAuth} from "$cauth";
-import { registerRootComponent } from 'expo';
-export default function MainExpoApp(props){
-    return <AppEntry
-        navigation={{
-            screens : require("./docs/screens").default,
-            drawerItems:require("./docs/navigation/drawerItems").default,
-            drawerSections : require("./docs/navigation/drawerSections")?.default,
-        }}
-        init ={({appConfig})=>{
-            disableAuth();
-            return Promise.resolve("test ted")
-        }}
-        {...props}
-    />
-}
-
-registerRootComponent(MainExpoApp);

package/docs/components/DocVersion/index.js

@@ -1,21 +0,0 @@
-import {H6} from "$ecomponents/Typography";
-import appConfig from "$capp/config";
-import Label from "$ecomponents/Label";
-import Chip from "$ecomponents/Chip";
-import View from "$ecomponents/View";
-import { StyleSheet } from "react-native";
-import theme from "$theme";
-
-export default function DocVersionComponent(props){
-    return <Label fontSize={12} primary style = {[styles.label,props.style]} children={`Version ${appConfig.version}`} textBold 
-    {...props}/>
-}
-
-const styles = StyleSheet.create({
-    label : {
-        borderRadius : 5,
-        padding : 2,
-        flexGrow : 0,
-        flex : 0,
-    }
-})

package/docs/navigation/drawerItems/index.js

@@ -1,16 +0,0 @@
-import Introdoction from "../../screens/Introduction";
-import Datagrid from "../../screens/Datagrid";
-export default [
-    {
-        text : "Introduction",
-        icon : "alpha-i-box",
-        drawerSection : "introduction",
-        routeName : Introdoction.screenName,
-    },
-    {
-        text : "Datagrid",
-        icon : "table",
-        drawerSection : "components",
-        routeName : Datagrid.screenName,
-    }
-]

package/docs/navigation/drawerSections.js

@@ -1,14 +0,0 @@
-export default {
-    main : {
-        code : "main",
-        label : "Vue générale"
-    },
-    introduction : {
-        label :"Introduction",
-        code : "introduction",
-    },
-    components : {
-        label : "Composants",
-        code : "components",
-    }
-}

package/docs/screens/Datagrid/index.js

@@ -1,12 +0,0 @@
-import Screen from "$eScreen";
-import Test from "$ecomponents/Datagrid/Test";
-import React  from "$react";
-
-export default function DatagridScreen(props){
-    return <Screen{...props} contentContainerStyle={[{flex:1}]}>
-        <Test/>
-    </Screen>
-};
-
-DatagridScreen.screenName = "datagrid/test";
-DatagridScreen.authRequired = false;

package/docs/screens/Home/index.js

@@ -1,32 +0,0 @@
-import Screen from "$escreen";
-import View from "$ecomponents/View";
-import Label from "$ecomponents/Label";
-import appConfig from "$capp/config";
-import theme from "$theme";
-import Link from "$ecomponents/Link";
-import {StyleSheet} from "react-native";
-import {H1,H2,H3,H4,H5,Paragraph} from "$ecomponents/Typography";
-export default function ExpoUIHomeScreen (props){
-    return  <Screen {...props}>
-        <View style={theme.styles.p1}>
-            <View testID="DocTestID" style={[theme.styles.alignItemsCenter]}>
-                <H3 textBold primary style={theme.styles.h3}>Développez rapidement des applications mobile, web et desktop.</H3>
-            </View>
-            <View style={[theme.styles.row,theme.styles.flexWrap,theme.styles.rowGap05]}>
-                <H5 primary textBold>{`${appConfig.name?.toLowerCase()}, version ${appConfig.version},  `}</H5>
-                <Paragraph>Un framework Prêt à l'emploi multiplateforme (Mobile, web et desktop) construit sur la base du framework</Paragraph>
-                <Link routeName={"https://docs.expo.dev/"}>
-                    <H4 textBold>Expo</H4>
-                </Link>
-            </View>
-        </View>
-    </Screen>
-}
-
-ExpoUIHomeScreen.screenName = "Home";
-
-ExpoUIHomeScreen.authRequired = true;
-
-const styles = StyleSheet.create({
-    
-})

package/docs/screens/Introduction/index.js

@@ -1,13 +0,0 @@
-import Screen from "$escreen";
-import DocVersion from "$edocs/components/DocVersion";
-import View from "$ecomponents/View";
-
-export default function DocIntrodoctionScreen(props){
-    return <Screen {...props}>
-        <View>
-            <DocVersion/>
-        </View>    
-    </Screen>
-}
-
-DocIntrodoctionScreen.screenName = "introduction";

package/docs/screens/index.js

@@ -1,8 +0,0 @@
-import Home from "./Home";
-import Introduction from "./Introduction"
-
-export default [
-    Home,
-    Introduction,
-    require("./Datagrid").default,
-]

package/index.js

@@ -1 +0,0 @@
-export {default} from "./App";