@fto-consult/expo-ui 7.24.3 → 8.0.1

package/App.js

@@ -1,11 +1,12 @@
 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/drawerItems").default,
+            drawerItems:require("./docs/navigation/drawerItems").default,
+            drawerSections : require("./docs/navigation/drawerSections")?.default,
         }}
         init ={({appConfig})=>{
             disableAuth();
@@ -13,4 +14,6 @@ export default function MainExpoApp(props){
         }}
         {...props}
     />
-}
+}
+
+registerRootComponent(MainExpoApp);

package/app.json

@@ -2,6 +2,7 @@
   "expo": {
     "name": "expo-ui",
     "slug": "fto-consult-expo-ui",
+    "scheme": "fto-consult-expo-ui",
     "version": "1.0.0",
     "orientation": "portrait",
     "web": {

package/bin/create-app.js

@@ -1,4 +1,4 @@
-const {exec,thowError,copy,writeFile,createDirSync,getDependencyVersion} = require("./utils");
+const {exec,thowError,copy,writeFile,createDirSync,FILE:{sanitizeFileName},JSONFileManager} = require("./utils");
 const fs = require("fs"), path = require("path");
 const getAppDir = x=>path.resolve(__dirname,"create-app");
 module.exports = function(appName,{projectRoot:root}){
@@ -21,8 +21,6 @@ module.exports = function(appName,{projectRoot:root}){
       ...defaultDevDependencies,
       ...(devDependencies && typeof devDependencies ==='object'? devDependencies : {}),
     };
-    const reactNativeVersion = getDependencyVersion(packageObj,"react-native");
-    const expoVersion = getDependencyVersion(packageObj,"expo");
     const euModule = "@fto-consult/expo-ui";
     let hasUpdateDeps = false;
     console.log("creating application name "+name);
@@ -42,17 +40,13 @@ module.exports = function(appName,{projectRoot:root}){
             "build-ios" : "eas build --platform ios",
           },
           "dependencies" : {
-            [euModule] : "latest",
-            //"expo" : expoVersion,
-            //"react-native" : reactNativeVersion,
+            [euModule] : "latest"
           },
           devDependencies : devDeps
         }
      } else {
       mainPackage.devDependencies = typeof mainPackage.devDependencies =='object' && mainPackage.devDependencies || {};
       mainPackage.dependencies = typeof mainPackage.dependencies ==="object" && mainPackage.dependencies || {};
-      mainPackage.dependencies["react-native"] = reactNativeVersion;
-      mainPackage.dependencies["expo"] = expoVersion;
       mainPackage.main = mainPackage.main || "node_modules/expo/AppEntry.js";
       for(let i in devDeps){
         if(!(i in mainPackage.devDependencies)){
@@ -109,12 +103,14 @@ const createAPPJSONFile = (projectRoot,{name,version})=>{
         writeFile(gP,gitignore);
       } catch{};
     }
+    appSheme = name? sanitizeFileName(name).replace(/ /g, '') : null;
     const appJSONPath = path.join(projectRoot,"app.json");
         if(!fs.existsSync(appJSONPath)){
             writeFile(appJSONPath,`
 {
     "expo": {
       "name": "${name}",
+      ${appSheme ? `"scheme": "${appSheme}"`:""}
       "slug": "${name.toLowerCase().replace(/\s\s+/g, '-')}",
       "version":"${version}",
       "orientation": "portrait",
@@ -148,9 +144,16 @@ const createAPPJSONFile = (projectRoot,{name,version})=>{
   }
             `)
         } else {
-            const appJSON = require(`${appJSONPath}`);
-            appJSON.version = version;
-            writeFile(appJSONPath,JSON.stringify(appJSON,null, 2));
+            const appJSONManager = JSONFileManager(appJSONPath);
+            if(appSheme && !appJSONManager.hasKey("expo.scheme")){
+               appJSONManager.set({
+                "expo": {
+                  "scheme":appSheme 
+                },
+              });
+            }
+            appJSONManager.set({version})
+            appJSONManager.save();
         }
     return fs.existsSync(appJSONPath);
 }

package/copy-env-file.js

@@ -10,7 +10,7 @@ module.exports = (projectRoot,forceCreate)=>{
     const pWithEnv = path.resolve(projectRoot,`.env.${env}`);
     const environmentPath = fs.existsSync(pWithEnv) ? pWithEnv : path.resolve(projectRoot,".env"); 
     const localEnv = path.resolve(__dirname,".env");
-    if(environmentPath && fs.existsSync(environmentPath)){
+    if(environmentPath && fs.existsSync(environmentPath) && environmentPath !== localEnv){
         // File ".env" will be created or overwritten by default.
         try {
           copy(environmentPath, localEnv,{overwrite:true});

package/docs/navigation/drawerItems/index.js

@@ -0,0 +1,16 @@
+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

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

package/docs/screens/Datagrid/{Datagrid.js → index.js}

@@ -8,5 +8,5 @@ export default function DatagridScreen(props){
     </Screen>
 };
 
-DatagridScreen.screenName = "Datagrid";
+DatagridScreen.screenName = "datagrid/test";
 DatagridScreen.authRequired = false;

package/docs/screens/index.js

@@ -4,4 +4,5 @@ import Introduction from "./Introduction"
 export default [
     Home,
     Introduction,
+    require("./Datagrid").default,
 ]

package/package.json

@@ -1,139 +1,141 @@
-{
-  "name": "@fto-consult/expo-ui",
-  "version": "7.24.3",
-  "description": "Bibliothèque de composants UI Expo,react-native",
-  "scripts": {
-    "clear-npx-cache": "npx clear-npx-cache",
-    "publish1": "npm publish --access=public",
-    "unpublish": "npm -f unpublish @fto-consult/expo-ui",
-    "build-web": "",
-    "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",
-    "expo-fix": "npx expo install --fix",
-    "update-apexchart": "node ./bin/update-appex-chart.js",
-    "update-pdfmake": "node ./bin/update-pdfmake.js",
-    "test-bin": "node ./bin/index.js",
-    "update-appexchart": "npm run update-apexchart",
-    "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/node-utils@latest pdfmake@latest expo @emotion/native@latest react-native-big-list@latest apexcharts@latest file-saver@latest fs-extra@latest google-libphonenumber@latest @pchmn/expo-material3-theme@latest @emotion/native@latest @fto-consult/common@latest @react-navigation/stack react-native-blob-util  react-native-iphone-x-helper@latest react-native-mime-types@latest react-native-paper@5 react-native-paper-dates@latest @react-navigation/native@latest @react-navigation/native-stack@latest react-virtuoso@latest tippy.js@latest websql@latest xlsx@latest react-native-web@latest react-dom@latest && npx expo install --fix && npm run update-apexchart && npm run update-pdfmake && npm run find-licenses"
-  },
-  "bin": {
-    "expo-ui": "./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",
-    "@emotion/react": "^11.11.1",
-    "@expo/html-elements": "^0.5.1",
-    "@expo/vector-icons": "^13.0.0",
-    "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^4.7.25",
-    "@fto-consult/node-utils": "^1.4.7",
-    "@pchmn/expo-material3-theme": "^1.3.2",
-    "@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.9",
-    "@react-navigation/native-stack": "^6.9.17",
-    "@react-navigation/stack": "^6.3.20",
-    "@shopify/flash-list": "1.4.3",
-    "apexcharts": "^3.45.1",
-    "commander": "^11.1.0",
-    "expo": "^49.0.21",
-    "expo-camera": "~13.4.4",
-    "expo-clipboard": "~4.3.1",
-    "expo-font": "~11.4.0",
-    "expo-image-picker": "~14.3.2",
-    "expo-linking": "~5.0.2",
-    "expo-sharing": "~11.5.0",
-    "expo-sqlite": "~11.3.3",
-    "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.2.0",
-    "google-libphonenumber": "^3.2.34",
-    "htmlparser2-without-node-native": "^3.9.2",
-    "is-plain-obj": "^4.1.0",
-    "js-base64": "^3.7.5",
-    "pdfmake": "^0.2.9",
-    "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.6",
-    "react-native-big-list": "^1.6.1",
-    "react-native-blob-util": "^0.18.6",
-    "react-native-get-random-values": "~1.9.0",
-    "react-native-iphone-x-helper": "^1.3.1",
-    "react-native-mime-types": "^2.4.0",
-    "react-native-paper": "^5.12.1",
-    "react-native-paper-dates": "^0.21.7",
-    "react-native-reanimated": "~3.3.0",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-screens": "~3.22.0",
-    "react-native-svg": "13.9.0",
-    "react-native-web": "^0.19.10",
-    "react-native-webview": "13.2.2",
-    "react-virtuoso": "^4.6.2",
-    "sanitize-filename": "^1.6.3",
-    "sharp-cli": "^2.1.0",
-    "tippy.js": "^6.3.7",
-    "uninstall": "^0.0.0",
-    "websql": "^2.0.3",
-    "xlsx": "^0.18.5"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@expo/metro-config": "^0.10.7",
-    "@expo/webpack-config": "^19.0.0",
-    "babel-plugin-inline-dotenv": "^1.7.0",
-    "babel-plugin-module-resolver": "^5.0.0"
-  }
-}
+{
+  "name": "@fto-consult/expo-ui",
+  "version": "8.0.1",
+  "description": "Bibliothèque de composants UI Expo,react-native",
+  "scripts": {
+    "clear-npx-cache": "npx clear-npx-cache",
+    "publish1": "npm publish --access=public",
+    "unpublish": "npm -f unpublish @fto-consult/expo-ui",
+    "build-web": "",
+    "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",
+    "expo-fix": "npx expo install --fix",
+    "update-apexchart": "node ./bin/update-appex-chart.js",
+    "test-bin": "node ./bin/index.js",
+    "update-appexchart": "npm run update-apexchart",
+    "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/node-utils@latest expo @emotion/native@latest react-native-big-list@latest apexcharts@latest file-saver@latest fs-extra@latest google-libphonenumber@latest @pchmn/expo-material3-theme@latest @emotion/native@latest @fto-consult/common@latest @react-navigation/stack react-native-blob-util  react-native-iphone-x-helper@latest react-native-mime-types@latest react-native-paper@5 react-native-paper-dates@latest @react-navigation/native@latest @react-navigation/native-stack@latest react-virtuoso@latest tippy.js@latest websql@latest xlsx@latest react-native-web@latest react-dom@latest && npx expo install --fix && npm run update-apexchart && npm run find-licenses"
+  },
+  "bin": {
+    "expo-ui": "./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",
+    "@emotion/react": "^11.11.1",
+    "@expo/html-elements": "^0.5.1",
+    "@expo/vector-icons": "^14.0.0",
+    "@faker-js/faker": "^8.0.2",
+    "@fto-consult/common": "^4.8.33",
+    "@fto-consult/node-utils": "^1.4.7",
+    "@pchmn/expo-material3-theme": "^1.3.2",
+    "@react-native-async-storage/async-storage": "1.21.0",
+    "@react-native-community/datetimepicker": "7.6.1",
+    "@react-native-community/netinfo": "11.1.0",
+    "@react-native/assets-registry": "^0.72.0",
+    "@react-navigation/native": "^6.1.9",
+    "@react-navigation/native-stack": "^6.9.17",
+    "@react-navigation/stack": "^6.3.20",
+    "@shopify/flash-list": "1.6.3",
+    "apexcharts": "^3.45.1",
+    "commander": "^11.1.0",
+    "crypto-browserify": "^3.12.0",
+    "expo": "^50.0.2",
+    "expo-camera": "~14.0.1",
+    "expo-clipboard": "~5.0.1",
+    "expo-font": "~11.10.2",
+    "expo-image-picker": "~14.7.1",
+    "expo-linking": "~6.2.2",
+    "expo-sharing": "~11.10.0",
+    "expo-sqlite": "~13.2.1",
+    "expo-status-bar": "~1.11.1",
+    "expo-system-ui": "~2.9.3",
+    "expo-web-browser": "~12.8.1",
+    "file-saver": "^2.0.5",
+    "fs-extra": "^11.2.0",
+    "google-libphonenumber": "^3.2.34",
+    "htmlparser2-without-node-native": "^3.9.2",
+    "is-plain-obj": "^4.1.0",
+    "js-base64": "^3.7.5",
+    "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.73.2",
+    "react-native-big-list": "^1.6.1",
+    "react-native-blob-util": "^0.18.6",
+    "react-native-gesture-handler": "~2.14.0",
+    "react-native-get-random-values": "~1.8.0",
+    "react-native-iphone-x-helper": "^1.3.1",
+    "react-native-mime-types": "^2.4.0",
+    "react-native-paper": "^5.12.1",
+    "react-native-paper-dates": "^0.21.7",
+    "react-native-reanimated": "~3.6.0",
+    "react-native-safe-area-context": "4.8.2",
+    "react-native-screens": "~3.29.0",
+    "react-native-svg": "14.1.0",
+    "react-native-web": "^0.19.10",
+    "react-native-webview": "13.6.4",
+    "react-virtuoso": "^4.6.2",
+    "readable-stream": "^4.5.2",
+    "sanitize-filename": "^1.6.3",
+    "sharp-cli": "^2.1.0",
+    "stream-browserify": "^3.0.0",
+    "tippy.js": "^6.3.7",
+    "uninstall": "^0.0.0",
+    "websql": "^2.0.3",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+    "@expo/metro-config": "~0.17.1",
+    "@expo/webpack-config": "^19.0.1",
+    "babel-plugin-inline-dotenv": "^1.7.0",
+    "babel-plugin-module-resolver": "^5.0.0"
+  }
+}

package/src/App.js

@@ -14,7 +14,7 @@ import App from "./AppEntry";
  */
 
 export default function ExpoUIAppEntryProvider({children,init,...rest}){
-    return  <Provider {...rest}>
+    return <Provider {...rest}>
         <App init={init} children={children}/>
     </Provider>
 }

package/src/AppEntry/index.js

@@ -41,6 +41,7 @@ import Logo from "$ecomponents/Logo";
 import AppEntryRootView from "./RootView";
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import {isNeutralino} from "$cplatform";
+import "react-native-gesture-handler";
 
 let MAX_BACK_COUNT = 1;
 let countBack = 0;

package/src/components/AppBar/BackAction.js

@@ -0,0 +1,46 @@
+import Icon from "$ecomponents/Icon";
+import { forwardRef } from 'react';
+import PropTypes from "prop-types";
+import {isIos} from "$cplatform";
+
+const AppbarBackAction = forwardRef(
+  ({ accessibilityLabel = 'Back', ...rest }, ref) => {
+    console.log("will render ",rest);
+    return (
+        <Icon
+          accessibilityLabel={accessibilityLabel}
+          icon={isIos()?"chevron-left":"arrow-left"}
+          {...rest}
+          isLeading
+          ref={ref}
+        />
+      );
+  }
+);
+
+AppbarBackAction.displayName = 'AppBar.BackAction';
+
+export default AppbarBackAction;
+
+AppbarBackAction.propTypes = {
+    /**
+   *  Custom color for back icon.
+   */
+  color: PropTypes.string,
+  /**
+   * Optional icon size.
+   */
+  size : PropTypes.number,
+  /**
+   * Whether the button is disabled. A disabled button is greyed out and `onPress` is not called on touch.
+   */
+  disabled : PropTypes.bool,
+  /**
+   * Accessibility label for the button. This is read by the screen reader when the user taps the button.
+   */
+  accessibilityLabel : PropTypes.string,
+  /**
+   * Function to execute on press.
+   */
+  onPress : PropTypes.func,
+}

package/src/components/AppBar/Content.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {
   Platform,
   StyleSheet,
-  TouchableWithoutFeedback,
+  Pressable,
   View,
 } from 'react-native';
 import Label from "$ecomponents/Label";
@@ -83,7 +83,7 @@ const AppbarContent = ({
 
   if (onPress) {
     return (
-      <TouchableWithoutFeedback
+      <Pressable
         testID={testID+"_Container"}
         {...containerProps}
         role={touchableRole}
@@ -93,7 +93,7 @@ const AppbarContent = ({
         disabled={disabled}
       >
         {content}
-      </TouchableWithoutFeedback>
+      </Pressable>
     );
   }
   return content;

package/src/components/AppBar/index.js

@@ -3,7 +3,8 @@ import { Appbar} from 'react-native-paper';
 import {defaultObj,defaultVal,defaultStr} from "$cutils";
 import APP from "$capp/instance"
 import {isSplitedActions,renderSplitedActions,splitActions,TITLE_FONT_SIZE,getThemeColors} from "./utils";
-import theme,{Colors,flattenStyle} from "$theme";
+import {Colors} from "$theme";
+import BackAction from "./BackAction";
 import {StyleSheet} from "react-native";
 import {goBack as navGoBack,useNavigation,useRoute,useScreenOptions } from "$cnavigation";
 import PropTypes from "prop-types";
@@ -71,7 +72,7 @@ const AppBarComponent = React.forwardRef((props,ref)=> {
     backActionProps = Object.assign({},backActionProps);
     backActionProps.testID = defaultStr(backActionProps.testID)+"_AppBarBackAction";
     
-    let BackActionComponent  = backAction === false ? null : React.isComponent(backAction)? backAction : back ? Appbar.BackAction : Icon ;
+    let BackActionComponent  = backAction === false ? null : React.isComponent(backAction)? backAction : back ? BackAction : Icon ;
     backActionProps.color = backActionProps.color && Colors.isValid(backActionProps.color)? backActionProps.color : anchorStyle.color;
     
     let {onPress} = backActionProps;
@@ -188,4 +189,8 @@ AppBarComponent.propTypes = {
   backActionProps : PropTypes.oneOfType([
     PropTypes.object,
   ]),
-}
+}
+
+export {BackAction};
+
+AppBarComponent.BackAction = BackAction;

package/src/components/Datagrid/Accordion/index.js

@@ -151,6 +151,7 @@ const DatagridFactory = (Factory)=>{
                         color = {color}
                         image = {src?true :false}
                         suffix = {avatarSuffix}
+                        {...avatarProps}
                     >{avatarContent}</Avatar>
                 } 
             }

package/src/components/Datagrid/Common/Common.js

@@ -207,7 +207,7 @@ export default class CommonDatagridComponent extends AppComponent {
         let hasFoundDisplayTypes = false;
         const pArgs = {context:this,data,props:this.props}
         const perm = checkPerm(renderChartIsAllowed,pArgs)
-        const ePDFIsAllowed = checkPerm(exportToPDFIsAllowed,pArgs);
+        const ePDFIsAllowed = !isMobileNative() && checkPerm(exportToPDFIsAllowed,pArgs);
         const eExcelISAllowed = checkPerm(exportToExcelIsAllowed,pArgs);
         const renderSectionListIsAllowedP = checkPerm(renderSectionListIsAllowed,pArgs);
         if(typeof customCheckPerms =='function'){

package/src/components/Datagrid/Test/index.js

@@ -8,7 +8,7 @@ import { faker } from '@faker-js/faker';
 import DateLib from "$clib/date";
 export default function TestDatagridComponent({count,...props}){
     const data = React.useMemo(()=>{
-        count = typeof count =='number' && count > 5 ? count : 100;
+        count = typeof count =='number' && count > 5 ? count : 10000;
         return faker.helpers.multiple(createRandomUser, {
             count,
         });

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

@@ -123,7 +123,7 @@ DrawerItemsComponent.propTypes = {
 const getDefaultProps = function(item){
   if(!isObj(item)) return null;
   item.label = defaultVal(item.label,item.text,item["aria-label"]);
-  item["aria-label"] = defaultVal(item["aria-label"],item.tooltip,item.label);
+  item["aria-label"] = defaultStr(item["aria-label"],item.tooltip,item.label);
   item.title = defaultVal(item.title,item.label);
   return item;
 }