@fto-consult/expo-ui 5.11.25 → 5.12.1

package/package.json

@@ -1,122 +1,122 @@
-{
-  "name": "@fto-consult/expo-ui",
-  "version": "5.11.25",
-  "description": "Bibliothèque de composants UI Expo,react-native",
-  "main": "index.js",
-  "scripts": {
-    "publish1": "npm publish --access=public",
-    "unpublish": "npm -f unpublish @fto-consult/expo-ui",
-    "build-web": "",
-    "dev": "npx expo start -c --no-minify",
-    "start": "npx expo start --dev --no-minify",
-    "start-d": "npx expo start -c --no-dev --no-minify",
-    "start-p": "npm run start-d",
-    "expo-start-client": "npx expo start --dev --no-minify --dev-client",
-    "start-m": "npx expo start - c--dev--no -minify",
-    "android": "npx expo start --android -c",
-    "ios": "npx expo start --ios",
-    "web": "npx expo start --web",
-    "web-c": "npx expo start --web -c",
-    "eject": "expo eject",
-    "emulator": "npm run android-emulator",
-    "web-server": "npx serve web-build",
-    "build-android": "eas build --clear-cache -p android --profile preview",
-    "build-android-local": "eas build --platform android --local",
-    "build-android-dist": "eas build --clear-cache -p android",
-    "build-ios": "eas build --clear-cache -p ios --profile preview",
-    "build-ios-dist": "eas build --clear-cache -p ios",
-    "install-apk": "adb -s emulator-5554 install myapp.apk",
-    "android-emulator": "emulator -avd EMULATOR",
-    "flipper": "npx cross-env METRO_SERVER_PORT=19000 E:\\Studies\\react-native\\debugger\\Flipper-win\\Flipper.exe",
-    "test:build": "electron-webpack && electron-builder --dir -c.compression=store -c.mac.identity=null",
-    "compile-electron": "webpack --env platform=electron",
-    "compile-electron-p": "webpack --config ./electron/webpack.config.js --mode=production",
-    "electron": "electron ./electron",
-    "logcat": "adb -d logcat com.ftc.apps.salite1:E > errors.txt",
-    "logcat-export": "adb -d logcat com.ftc.apps.salite1 *:S > logcat.txt",
-    "electron-c": "npm run compile-electron && npm run electron",
-    "electron-p": "npm run compile-electron-p && npm run electron",
-    "update-app-version": "node ./update-app-version.js",
-    "find-licenses": "node ./find-licenses.js",
-    "fix-dependencies": "expo-cli doctor --fix-dependencies",
-    "delete-node-modules": "rimraf ./**/node_modules",
-    "modifier-url-remote-git": "git remote set-url origin 'https://borispipo@github.com/borispipo/smart-eneo.git'"
-  },
-  "bin": "./bin/index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/borispipo/expo-ui.git"
-  },
-  "keywords": [
-    "Expo",
-    "React-Native"
-  ],
-  "author": "Boris Fouomene",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/borispipo/expo-ui/issues"
-  },
-  "homepage": "https://github.com/borispipo/expo-ui#readme",
-  "dependencies": {
-    "@emotion/native": "^11.11.0",
-    "@expo/html-elements": "^0.5.1",
-    "@expo/vector-icons": "^13.0.0",
-    "@fto-consult/common": "^3.18.32",
-    "@gorhom/portal": "^1.0.14",
-    "@pchmn/expo-material3-theme": "^1.0.1",
-    "@react-native-async-storage/async-storage": "1.18.2",
-    "@react-native-community/datetimepicker": "7.2.0",
-    "@react-native-community/netinfo": "9.3.10",
-    "@react-native/assets-registry": "^0.72.0",
-    "@react-navigation/native": "^6.1.6",
-    "@react-navigation/native-stack": "^6.9.12",
-    "@shopify/flash-list": "^1.4.0",
-    "apexcharts": "^3.41.0",
-    "expo": "^48.0.19",
-    "expo-camera": "^13.2.1",
-    "expo-clipboard": "^4.1.2",
-    "expo-font": "^11.1.1",
-    "expo-image-picker": "~14.3.1",
-    "expo-linking": "~5.0.2",
-    "expo-sqlite": "~11.3.1",
-    "expo-status-bar": "~1.6.0",
-    "expo-system-ui": "~2.4.0",
-    "expo-web-browser": "~12.3.2",
-    "file-saver": "^2.0.5",
-    "fs-extra": "^11.1.1",
-    "google-libphonenumber": "^3.2.32",
-    "htmlparser2-without-node-native": "^3.9.2",
-    "process": "^0.11.10",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-content-loader": "^6.2.1",
-    "react-dom": "^18.2.0",
-    "react-native": "0.72.1",
-    "react-native-big-list": "^1.6.1",
-    "react-native-blob-util": "^0.18.3",
-    "react-native-gesture-handler": "~2.12.0",
-    "react-native-iphone-x-helper": "^1.3.1",
-    "react-native-mime-types": "^2.3.0",
-    "react-native-paper": "^5.9.1",
-    "react-native-paper-dates": "^0.18.12",
-    "react-native-reanimated": "~3.3.0",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-screens": "^3.22.1",
-    "react-native-svg": "13.9.0",
-    "react-native-web": "~0.19.6",
-    "react-native-webview": "13.2.2",
-    "react-navigation": "^4.4.4",
-    "react-virtuoso": "^4.3.11",
-    "sharp-cli": "^4.1.1",
-    "tippy.js": "^6.3.7",
-    "websql": "^2.0.3",
-    "xlsx": "^0.18.5"
-  },
-  "devDependencies": {
-    "@expo/metro-config": "^0.7.1",
-    "@expo/webpack-config": "^18.0.1",
-    "babel-plugin-inline-dotenv": "^1.7.0",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "babel-plugin-transform-inline-environment-variables": "^0.4.4"
-  }
-}
+{
+  "name": "@fto-consult/expo-ui",
+  "version": "5.12.1",
+  "description": "Bibliothèque de composants UI Expo,react-native",
+  "main": "index.js",
+  "scripts": {
+    "publish1": "npm publish --access=public",
+    "unpublish": "npm -f unpublish @fto-consult/expo-ui",
+    "build-web": "",
+    "dev": "npx expo start -c --no-minify",
+    "start": "npx expo start --dev --no-minify",
+    "start-d": "npx expo start -c --no-dev --no-minify",
+    "start-p": "npm run start-d",
+    "expo-start-client": "npx expo start --dev --no-minify --dev-client",
+    "start-m": "npx expo start - c--dev--no -minify",
+    "android": "npx expo start --android -c",
+    "ios": "npx expo start --ios",
+    "web": "npx expo start --web",
+    "web-c": "npx expo start --web -c",
+    "eject": "expo eject",
+    "emulator": "npm run android-emulator",
+    "web-server": "npx serve web-build",
+    "build-android": "eas build --clear-cache -p android --profile preview",
+    "build-android-local": "eas build --platform android --local",
+    "build-android-dist": "eas build --clear-cache -p android",
+    "build-ios": "eas build --clear-cache -p ios --profile preview",
+    "build-ios-dist": "eas build --clear-cache -p ios",
+    "install-apk": "adb -s emulator-5554 install myapp.apk",
+    "android-emulator": "emulator -avd EMULATOR",
+    "flipper": "npx cross-env METRO_SERVER_PORT=19000 E:\\Studies\\react-native\\debugger\\Flipper-win\\Flipper.exe",
+    "test:build": "electron-webpack && electron-builder --dir -c.compression=store -c.mac.identity=null",
+    "compile-electron": "webpack --env platform=electron",
+    "compile-electron-p": "webpack --config ./electron/webpack.config.js --mode=production",
+    "electron": "electron ./electron",
+    "logcat": "adb -d logcat com.ftc.apps.salite1:E > errors.txt",
+    "logcat-export": "adb -d logcat com.ftc.apps.salite1 *:S > logcat.txt",
+    "electron-c": "npm run compile-electron && npm run electron",
+    "electron-p": "npm run compile-electron-p && npm run electron",
+    "update-app-version": "node ./update-app-version.js",
+    "find-licenses": "node ./find-licenses.js",
+    "fix-dependencies": "expo-cli doctor --fix-dependencies",
+    "delete-node-modules": "rimraf ./**/node_modules",
+    "modifier-url-remote-git": "git remote set-url origin 'https://borispipo@github.com/borispipo/smart-eneo.git'"
+  },
+  "bin": "./bin/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/borispipo/expo-ui.git"
+  },
+  "keywords": [
+    "Expo",
+    "React-Native"
+  ],
+  "author": "Boris Fouomene",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/borispipo/expo-ui/issues"
+  },
+  "homepage": "https://github.com/borispipo/expo-ui#readme",
+  "dependencies": {
+    "@emotion/native": "^11.11.0",
+    "@expo/html-elements": "^0.5.1",
+    "@expo/vector-icons": "^13.0.0",
+    "@fto-consult/common": "^3.18.32",
+    "@gorhom/portal": "^1.0.14",
+    "@pchmn/expo-material3-theme": "^1.0.1",
+    "@react-native-async-storage/async-storage": "1.17.11",
+    "@react-native-community/datetimepicker": "6.7.3",
+    "@react-native-community/netinfo": "9.3.7",
+    "@react-native/assets-registry": "^0.72.0",
+    "@react-navigation/native": "^6.1.6",
+    "@react-navigation/native-stack": "^6.9.12",
+    "@shopify/flash-list": "1.4.0",
+    "apexcharts": "^3.41.0",
+    "expo": "^48.0.19",
+    "expo-camera": "~13.2.1",
+    "expo-clipboard": "~4.1.2",
+    "expo-font": "~11.1.1",
+    "expo-image-picker": "~14.1.1",
+    "expo-linking": "~4.0.1",
+    "expo-sqlite": "~11.1.1",
+    "expo-status-bar": "~1.4.4",
+    "expo-system-ui": "~2.2.1",
+    "expo-web-browser": "~12.1.1",
+    "file-saver": "^2.0.5",
+    "fs-extra": "^11.1.1",
+    "google-libphonenumber": "^3.2.32",
+    "htmlparser2-without-node-native": "^3.9.2",
+    "process": "^0.11.10",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-content-loader": "^6.2.1",
+    "react-dom": "^18.2.0",
+    "react-native": "0.71.8",
+    "react-native-big-list": "^1.6.1",
+    "react-native-blob-util": "^0.18.3",
+    "react-native-gesture-handler": "~2.9.0",
+    "react-native-iphone-x-helper": "^1.3.1",
+    "react-native-mime-types": "^2.3.0",
+    "react-native-paper": "^5.9.1",
+    "react-native-paper-dates": "^0.18.12",
+    "react-native-reanimated": "~2.14.4",
+    "react-native-safe-area-context": "4.5.0",
+    "react-native-screens": "~3.20.0",
+    "react-native-svg": "13.4.0",
+    "react-native-web": "~0.18.10",
+    "react-native-webview": "11.26.0",
+    "react-navigation": "^4.4.4",
+    "react-virtuoso": "^4.3.11",
+    "sharp-cli": "^4.1.1",
+    "tippy.js": "^6.3.7",
+    "websql": "^2.0.3",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@expo/metro-config": "^0.7.1",
+    "@expo/webpack-config": "^18.0.1",
+    "babel-plugin-inline-dotenv": "^1.7.0",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "babel-plugin-transform-inline-environment-variables": "^0.4.4"
+  }
+}

package/src/components/Chip/index.js

@@ -247,7 +247,7 @@ const styles = StyleSheet.create({
   text: {
     minHeight: 24,
     lineHeight: 24,
-    verticalAlign: 'center',
+    textAlignVertical: 'center',
     marginVertical: 4,
   },
   avatar: {

package/src/components/Drawer/DrawerLayout/index.js

@@ -5,7 +5,7 @@ import {
     Keyboard,
     PanResponder,
     StyleSheet,
-    Pressable,
+    TouchableWithoutFeedback,
     I18nManager,
 } from 'react-native';
 import PropTypes from "prop-types";
@@ -174,7 +174,7 @@ export default class DrawerLayout extends React.PureComponent {
                 style={{ flex: 1, backgroundColor: 'transparent',flexDirection:permanent?'row':'column'}}
                 {...this._panResponder.panHandlers}
             >
-                {!permanent && <Pressable
+                {!permanent && <TouchableWithoutFeedback
                     pointerEvents={pointerEvents}
                     testID = {testID+"_TouchableWithoutFeedBack"}
                     onPress={this._onOverlayClick}
@@ -185,7 +185,7 @@ export default class DrawerLayout extends React.PureComponent {
                         ref = {this._backdropRef}
                         style={[styles.overlay,{backgroundColor:theme.colors.backdrop}, animatedOverlayStyles]}
                     />
-                </Pressable>}
+                </TouchableWithoutFeedback>}
                 {posRight && content}
                 <Animated.View
                     testID={testID+"_NavigationViewContainer"}

package/src/components/Expandable/index.js

@@ -1,7 +1,7 @@
 import {Colors} from "$theme";
 import React from 'react';
 import View from "$ecomponents/View";
-import {StyleSheet,ScrollView,Pressable} from 'react-native';
+import {StyleSheet,ScrollView,TouchableWithoutFeedback} from 'react-native';
 //import ScrollView from "$ecomponents/ScrollView";
 import Label from "$ecomponents/Label";
 import Icon from "$ecomponents/Icon"
@@ -105,7 +105,7 @@ const ExpandableComponent = React.forwardRef(({
   />:null;
   return ( <View testID={testID+"_ExpandableContainer"} {...containerProps}>
         <Surface {...props} ref={ref} testID={testID}>
-          <Pressable
+          <TouchableWithoutFeedback
             delayPressIn={0}
             borderless = {false}  
             accessibilityTraits="button"
@@ -157,7 +157,7 @@ const ExpandableComponent = React.forwardRef(({
                 {!isIconPositionLeft ? expandIcon:null}
               </View>
             </View>
-          </Pressable>
+          </TouchableWithoutFeedback>
         {(autoMountChildren !== false || isExpanded) ? <View testID={testID+'_Content'} {...contentProps} 
           style={[{maxWidth:'100%'},styles.children,contentProps.style,!isExpanded && {opacity:0,height:0}]}
         >

package/src/components/Fab/GroupComponent.js

@@ -3,7 +3,7 @@ import {
   StyleSheet,
   Animated,
   SafeAreaView,
-  Pressable
+  TouchableWithoutFeedback
 } from 'react-native';
 import View from "$ecomponents/View";
 import {FAB,Text,Card,withTheme} from "react-native-paper";
@@ -116,7 +116,7 @@ const FABGroup = ({
   const itemComponentProps = isFormAction ? {Component : FabItem} : {};
   return (
     <View testID={testID+"_Container"} pointerEvents="box-none" style={[styles.container, style]}>
-      <Pressable testID={testID+"_TouchableOpacity"} onPress={close}>
+      <TouchableWithoutFeedback testID={testID+"_TouchableOpacity"} onPress={close}>
         <Animated.View
           testID={testID+"_AnimatedView"}
           pointerEvents={open ? 'auto' : 'none'}
@@ -128,7 +128,7 @@ const FABGroup = ({
             },
           ]}
         />
-      </Pressable>
+      </TouchableWithoutFeedback>
       <SafeAreaView testID={testID+"_SafeAreaView"} pointerEvents="box-none" style={styles.safeArea}>
         <View testID={testID+"_ItemsContainer"} style={[styles.itemsContainer]} pointerEvents={open ? 'box-none' : 'none'}>
           {actions.map((it, i) => {

package/src/components/Menu/index.js

@@ -1,7 +1,7 @@
 import Icon from "$ecomponents/Icon";
 import {defaultObj,isPlainObject,} from "$cutils";
 import React from "$react";
-import {Pressable,StyleSheet} from "react-native";
+import {TouchableWithoutFeedback,StyleSheet} from "react-native";
 import PropTypes from "prop-types";
 import { renderItems } from "./utils";
 
@@ -55,7 +55,7 @@ const MenuComponent = React.forwardRef((props,ref)=>{
     if(typeof anchor =='function'){
         anchor = anchor({onPress:openMenu});
     } else if(React.isValidElement(anchor)){
-        anchor = <Pressable {...anchorProps} onPress={onPress}>{anchor}</Pressable>
+        anchor = <TouchableWithoutFeedback {...anchorProps} onPress={onPress}>{anchor}</TouchableWithoutFeedback>
     } else if(React.isComponent(anchor)){
         const A = anchor;
         anchor = <A 

package/src/components/Modal/index.js

@@ -2,7 +2,7 @@ import React from "$react";
 import {
   StyleSheet,
   View,
-  Pressable,
+  TouchableWithoutFeedback,
 } from 'react-native';
 import BackHandler from "$ecomponents/BackHandler";
 import PropTypes from "prop-types";
@@ -115,7 +115,7 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         animationDuration = {animationDuration}
         animationPosition = {animationPosition}
       >
-          <Pressable
+          <TouchableWithoutFeedback
             accessibilityLabel={overlayAccessibilityLabel}
             role="button"
             disabled={!dismissable}
@@ -132,7 +132,7 @@ const ModalComponent = React.forwardRef((props,ref)=>{
                 backdropProps.style,
               ]}
             />
-          </Pressable>
+          </TouchableWithoutFeedback>
           <Surface testID="RN__ModalComponent__ContentContainer"
               elevation = {5}
               {...contentContainerProps}

package/src/components/TextField/index.js

@@ -348,7 +348,7 @@ const TextFieldComponent = React.forwardRef((componentProps,inputRef)=>{
                 backgroundColor : 'transparent',
                 color : !error && !isFocused && Colors.isValid(flattenStyle.color)?flattenStyle.color : inputColor,
                 fontSize,
-                verticalAlign: 'center',//multiline ? 'top' : 'center',
+                textAlignVertical: 'center',//multiline ? 'top' : 'center',
                 overflow : 'hidden',
             },
             isWeb && { outline: 'none'},