@fto-consult/expo-ui 5.11.23 → 5.11.25

package/babel.config.alias.js

@@ -111,10 +111,13 @@ module.exports = (opts)=>{
     }
     ///on génère les librairies open sources utilisées par l'application
     const root = path.resolve(r.$src,"..");
+    const nModulePath = fs.existsSync(path.resolve(root,"node_modules")) && path.resolve(root,"node_modules") || fs.existsSync(path.resolve(r.$src,"node_modules")) && path.resolve(r.$src,"node_modules") || path.resolve(base,"node_modules");
+    const nodeModulesPath = fs.existsSync(nModulePath) ? nModulePath : path.resolve(process.cwd(),"node_modules");
     const outputPath = path.resolve(HelpScreen,"openLibraries.js");
+    r.$nodeModulesPath = r.$enodeModulesPath= nodeModulesPath;
     require("./find-licenses")({
         paths : [root,r["$expo-ui-root-path"]],
-        nodeModulesPath : path.resolve(root,"node_modules"),
+        nodeModulesPath : nodeModulesPath,
         outputPath
     });
     const $assets = r.$assets;

package/babel.config.js

@@ -1,35 +1,65 @@
 module.exports = function(api,opts) {
-    opts = typeof opts =='object' && opts ? opts : {};
-    api = api && typeof api =='object'? api : {};
-    ///les chemin vers la variable d'environnement, le chemin du fichier .env,@see : https://github.com/brysgo/babel-plugin-inline-dotenv
-    //console.log(environmentPath," is envvv ",opts);
-    const path = require("path");
-    const fs = require("fs");
-    const dir = path.resolve(__dirname);
-    typeof api.cache =='function' && api.cache(true);
-    const inlineDovOptions = { unsafe: true};
-    const options = {base:dir,...opts,platform:"expo"};
-    const environmentPath = require("./copy-env-file")();
-    if(fs.existsSync(environmentPath)){
-      inlineDovOptions.path ='./.env';
-    }
-    /*** par défaut, les variables d'environnements sont stockés dans le fichier .env situé à la racine du projet, référencée par la prop base  */
-    const alias =  require("./babel.config.alias")(options);
-    return {
-      presets: [
-        ['babel-preset-expo'],
-        ["@babel/preset-react", {"runtime": "automatic"}],
-      ],
-      plugins : [
-        ["inline-dotenv",inlineDovOptions],
-        ["module-resolver", {"alias": alias}],
-        ['@babel/plugin-proposal-export-namespace-from'],
-        ['transform-inline-environment-variables',{
-          "include": [
-            "NODE_ENV"
-          ]
-        }],
-        ['react-native-reanimated/plugin'],
-      ],
-    };
-  };
+  opts = typeof opts =='object' && opts ? opts : {};
+  api = api && typeof api =='object'? api : {};
+  ///les chemin vers la variable d'environnement, le chemin du fichier .env,@see : https://github.com/brysgo/babel-plugin-inline-dotenv
+  //console.log(environmentPath," is envvv ",opts);
+  const path = require("path");
+  const fs = require("fs");
+  const dir = path.resolve(__dirname);
+  typeof api.cache =='function' && api.cache(true);
+  const inlineDovOptions = { unsafe: true};
+  const options = {base:dir,...opts,platform:"expo"};
+  const environmentPath = require("./copy-env-file")();
+  if(fs.existsSync(environmentPath)){
+    inlineDovOptions.path ='./.env';
+  }
+  /*** par défaut, les variables d'environnements sont stockés dans le fichier .env situé à la racine du projet, référencée par la prop base  */
+  const alias =  require("./babel.config.alias")(options);
+  const $ecomponents = alias.$ecomponents|| null;
+  const eAppex  = $ecomponents && path.resolve($ecomponents,"Chart","appexChart");
+  if(eAppex && fs.existsSync(eAppex)){
+      const appexPathHtml = path.resolve(eAppex,"index.html");
+      const $eelectron = alias.$eelectron || null;
+      const expoRoot = alias["$expo-ui-root-path"] || null;
+      const expoRootModulesP = expoRoot && fs.existsSync(path.resolve(expoRoot,"node_modules")) && path.resolve(expoRoot,"node_modules") || null;
+      const aDistPath = path.join("apexcharts","dist","apexcharts.min.js");
+      const nodeModulesPath = expoRootModulesP && fs.existsSync(path.resolve(expoRootModulesP,aDistPath)) ? expoRootModulesP :   alias.$enodeModulesPath;
+      if(nodeModulesPath && fs.existsSync(nodeModulesPath) && $eelectron && fs.existsSync($eelectron)){
+        const writeFilePath = path.resolve($eelectron,"utils","writeFile.js");
+        const appexDistPath = path.resolve(nodeModulesPath,"apexcharts","dist","apexcharts.min.js");
+        if(fs.existsSync(writeFilePath) && fs.existsSync(appexDistPath)){
+           const jsContent = fs.readFileSync(appexDistPath, 'utf8')
+           const writeFile = require(`${writeFilePath}`);
+           //overite appex chart html file
+           writeFile(appexPathHtml,`
+             <html>
+             <head>
+               <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+               <script>${jsContent}</script>
+               </head>
+               <body>
+               </body>
+             </html>
+           `);
+        }
+      }
+  }
+  
+  return {
+    presets: [
+      ['babel-preset-expo'],
+      ["@babel/preset-react", {"runtime": "automatic"}],
+    ],
+    plugins : [
+      ["inline-dotenv",inlineDovOptions],
+      ["module-resolver", {"alias": alias}],
+      ['@babel/plugin-proposal-export-namespace-from'],
+      ['transform-inline-environment-variables',{
+        "include": [
+          "NODE_ENV"
+        ]
+      }],
+      ['react-native-reanimated/plugin'],
+    ],
+  };
+};

package/package.json

@@ -1,123 +1,122 @@
-{
-  "name": "@fto-consult/expo-ui",
-  "version": "5.11.23",
-  "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.2.0",
-    "@expo/vector-icons": "^13.0.0",
-    "@fto-consult/common": "^3.18.31",
-    "@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.40.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.3",
-    "react-native-big-list": "^1.6.1",
-    "react-native-blob-util": "^0.17.0",
-    "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.0",
-    "react-native-paper-dates": "^0.18.12",
-    "react-native-reanimated": "~2.14.4",
-    "react-native-safe-area-context": "^4.5.3",
-    "react-native-screens": "^3.20.0",
-    "react-native-svg": "13.4.0",
-    "react-native-web": "~0.18.7",
-    "react-native-webview": "^11.26.0",
-    "react-virtuoso": "^4.3.11",
-    "sharp-cli": "^2.1.0",
-    "tippy.js": "^6.3.7",
-    "websql": "^2.0.3",
-    "xlsx": "^0.18.5"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/preset-react": "^7.18.6",
-    "@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.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"
+  }
+}

package/readMe.md

@@ -1,7 +1,7 @@
 ## Installation des dépendences, packages de dévéloppement
 
 ```javascript
-npm i --D @babel/plugin-proposal-export-namespace-from  @babel/preset-react babel-plugin-inline-dotenv babel-plugin-module-resolver babel-plugin-transform-inline-environment-variables @expo/metro-config @expo/webpack-config
+npm i --D @babel/preset-react babel-plugin-inline-dotenv babel-plugin-module-resolver babel-plugin-transform-inline-environment-variables @expo/metro-config @expo/webpack-config
 ```
 
 ## **#ELECTRON**

package/src/auth/avatarProps/index.js

@@ -5,7 +5,7 @@ import {isNativeMobile} from "$platform";
 import defaultSrc from "./defaultAvatar";
 export default {
     accordion:false,
-    editable : !isNativeMobile(),
+    readOnly : isNativeMobile(),
     text : 'Avatar',
     type : 'image',
     defaultSrc,

package/src/components/AppBar/Content.js

@@ -1,5 +1,5 @@
 import React from '$react';
-import {Platform,StyleSheet,TouchableWithoutFeedback,View} from 'react-native';
+import {Platform,StyleSheet,Pressable,View} from 'react-native';
 import Label from "$ecomponents/Label";
 import theme,{Colors,StyleProp} from "$theme";
 import PropTypes from "prop-types";
@@ -30,7 +30,7 @@ const AppbarContent = React.forwardRef(({
   const subtitleColor = Colors.setAlpha(titleTextColor,0.7);
 
   return (
-    <TouchableWithoutFeedback testID={testID+"_Container"} {...defaultObj(containerProps)} onPress={onPress} disabled={!onPress}>
+    <Pressable testID={testID+"_Container"} {...defaultObj(containerProps)} onPress={onPress} disabled={!onPress}>
       <View
         pointerEvents="box-none"
         style={[styles.container, style]}
@@ -54,7 +54,7 @@ const AppbarContent = React.forwardRef(({
           numberOfLines={1}
           accessible
           // @ts-ignore Type '"heading"' is not assignable to type ...
-          accessibilityRole={Platform.OS === 'web' ? 'heading' : 'header'}
+          role={Platform.OS === 'web' ? 'heading' : 'header'}
         >
           {title}
         </Label>
@@ -69,7 +69,7 @@ const AppbarContent = React.forwardRef(({
           </Label>
         ) : null}
       </View>
-    </TouchableWithoutFeedback>
+    </Pressable>
   );
 });
 

package/src/components/AppBar/index.js

@@ -7,7 +7,7 @@ import theme,{Colors,flattenStyle} from "$theme";
 import {StyleSheet} from "react-native";
 import {goBack as navGoBack,useNavigation,useRoute,useScreenOptions } from "$cnavigation";
 import PropTypes from "prop-types";
-import { Dimensions,View,TouchableWithoutFeedback} from "react-native";
+import { Dimensions,View,Pressable} from "react-native";
 import Content from "./Content";
 import Icon from "$ecomponents/Icon";
 import {Elevations} from "$ecomponents/Surface";
@@ -81,9 +81,9 @@ const AppBarComponent = React.forwardRef((props,ref)=> {
     }
     backAction =  React.isValidElement(backAction)? backAction : null;
     if(!backAction && BackActionComponent){
-      backAction = <BackActionComponent back={options.back} ref={backActionRef} {...backActionProps} onPress={onBackActionPress} />
+      backAction = <BackActionComponent containerColor="transparent" testID="RN_AppBarBackAction" back={options.back} ref={backActionRef} {...backActionProps} onPress={onBackActionPress} />
     } else if(backAction){
-        backAction = <TouchableWithoutFeedback
+        backAction = <Pressable
           {...backActionProps}
           ref = {backActionRef}
           onPress={onBackActionPress}
@@ -114,23 +114,30 @@ const AppBarComponent = React.forwardRef((props,ref)=> {
     titleProps = defaultObj(titleProps);
     React.setRef(ref,context);
     testID = defaultStr(testID,"RN_AppBarComponent")
+    const renderedActions = renderSplitedActions(splitedActions,{
+      ...defaultObj(menuProps,appBarProps.menuProps),
+      anchorProps : {
+       style : anchorStyle,
+       color : anchorStyle.color,
+      }
+   });
+   const renderedRight = React.isValidElement(rightContent) && rightContent || right;
+   const hasRight = React.isValidElement(renderedActions) || React.isValidElement(renderedRight);
     return (
       <Appbar.Header elevation={elevation} {...appBarProps}  testID={testID} style={[styles.header,{backgroundColor},elevStyle,appBarProps.style]} onLayout={onPageResize}>
-        {backAction}
-        <Content {...defaultObj(appBarProps.contentProps)} 
-            title={title}
-            titleProps = {{...titleProps,style:[styles.title,{color:primaryText},titleProps.style]}}
-            subtitle = {defaultVal(subtitle,params.subtitle,options.subtitle)}
-            subtitleProps = {subtitleProps}
-        />
-        {renderSplitedActions(splitedActions,{
-           ...defaultObj(menuProps,appBarProps.menuProps),
-           anchorProps : {
-            style : anchorStyle,
-            color : anchorStyle.color,
-           }
-        })}
-        {React.isValidElement(rightContent) && rightContent || right}
+        <View style={styles.title2Back} testID={testID+"_AppBarBack2Titlte"}>
+          {backAction}
+          <Content {...defaultObj(appBarProps.contentProps)} 
+              title={title}
+              titleProps = {{...titleProps,style:[styles.title,{color:primaryText},titleProps.style]}}
+              subtitle = {defaultVal(subtitle,params.subtitle,options.subtitle)}
+              subtitleProps = {subtitleProps}
+          />
+        </View>
+        {hasRight ? <View testID={testID+"_Actions"} style={styles.actions2right}>
+          {renderedActions}
+          {renderedRight}
+        </View> : null}
       </Appbar.Header>
     );
 });
@@ -144,9 +151,23 @@ const styles = StyleSheet.create({
     fontSize : TITLE_FONT_SIZE,
     fontWeight : 'bold'
   },
+  title2Back : {
+    flexDirection : "row",
+    justifyContent : "start",
+    alignItems : "center",
+  },
+  actions2right : {
+    flexDirection : "row",
+    justifyContent : "start",
+    alignItems : "center",
+  },
   header : {
     paddingHorizontal : 5,
     paddingRight : 10,
+    justifyContent : "space-between",
+    alignItems : "center",
+    flexDirection : "row",
+    w : "100%"
   },
 })
 

package/src/components/BackHandler/index.android.js

@@ -0,0 +1,3 @@
+import { BackHandler } from "react-native";
+
+export default BackHandler;

package/src/components/BackHandler/index.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+function emptyFunction() {}
+
+const BackHandler = {
+  exitApp: emptyFunction,
+  addEventListener() {
+    return {
+      remove: emptyFunction
+    };
+  },
+  removeEventListener: emptyFunction
+};
+
+export default BackHandler;

package/src/components/BottomSheet/Sheet.js

@@ -17,9 +17,8 @@ import View from "$ecomponents/View";
 import {Easing} from "react-native";
 import Portal from "$ecomponents/Portal";
 import { ScrollView } from "react-native";
-
+import BackHandler from "$ecomponents/BackHandler";
 import {
-  BackHandler,
   TouchableOpacity,
   Animated,
   PanResponder,

package/src/components/Button/index.js

@@ -50,7 +50,7 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
     accessible,
     backgroundColor,
     borderColor,
-    accessibilityRole,
+    role,
     contentContainerProps,
     loadingProps,
     rounded,
@@ -243,7 +243,7 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
                     // @ts-expect-error We keep old a11y props for backwards compat with old RN versions
                     accessibilityTraits={disabled ? ['button', 'disabled'] : 'button'}
                     accessibilityComponentType="button"
-                    accessibilityRole={disabled?accessibilityRole || "button":undefined}
+                    role={disabled?role || "button":undefined}
                     accessibilityState={{ disabled }}
                     accessible={accessible}
                     disabled={disabled}
@@ -254,7 +254,7 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
                   >
                     <View testID={testID+"_Content"} {...contentProps} style={[styles.content, contentStyle,noPadding && theme.styles.noPadding,noMargin && theme.styles.noMargin]}>
                       {React.isValidElement(left)? left : typeof left =='function' ?left(leftRProps):null}
-                      {icon && isLoading !== true ? (
+                      {icon && isLoading !== true && false ? (
                         <View style={[iconStyle,{color:textColor},iconProps.style]} testID={testID+"_IconContainer"}>
                           {React.isValidElement(icon)?icon : <Icon
                             testID={testID+"_Icon"}

package/src/components/Checkbox/index.js

@@ -37,7 +37,6 @@ const CheckboxComponent = React.forwardRef((props,ref)=>{
         labelStyle,
         helperText,
         position,
-        editable,
         disabled,
         readOnly,
         primaryOnCheck,
@@ -48,7 +47,7 @@ const CheckboxComponent = React.forwardRef((props,ref)=>{
         ...p
     } = props;
     disabled = defaultBool(disabled,false);
-    const isEditable = !disabled && readOnly !== true && editable !== false ? true : false;
+    const isEditable = !disabled && readOnly !== true ? true : false;
     const pointerEvents = isEditable ? "auto" : "none";
     p = defaultObj(p);
     checkedValue = defaultVal(checkedValue,1);
@@ -124,7 +123,7 @@ const CheckboxComponent = React.forwardRef((props,ref)=>{
             {...p}
             testID = {testID}
             disabled = {disabled}
-            editable = {isEditable}
+            readOnly = {!isEditable}
             pointerEvents = {pointerEvents}
             style = {[styles.checkbox,style]}
             position = {position}