@fto-consult/expo-ui 8.17.4 → 8.18.0

package/bin/create-app/dependencies.js

@@ -24,8 +24,6 @@ module.exports = {
 	"expo-web-browser": "~12.8.2",
 	"react-native": "0.73.2",
 	"@react-native-async-storage/async-storage": "1.21.0",
-	"react-native-big-list": "^1.6.1",
-	"react-native-blob-util": "^0.18.6",
 	"react-native-safe-area-context": "4.8.2",
 	"react-native-screens": "~3.29.0",
 	"react-native-svg": "14.1.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.17.4",
+  "version": "8.18.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",
@@ -47,8 +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-app": "expo @emotion/native@latest react-native-big-list@latest @pchmn/expo-material3-theme@latest @emotion/native@latest @react-navigation/stack react-native-blob-util @react-navigation/native@latest @react-navigation/native-stack@latest  && npx expo install --fix",
-    "update": "npm i @fto-consult/node-utils@latest apexcharts@latest file-saver@latest google-libphonenumber@latest  @fto-consult/common@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 websql@latest xlsx@latest react-native-get-random-values@latest && npm run update-apexchart && npm run find-licenses"
+    "update": "npm i @fto-consult/node-utils@latest react-native-web react-native-blob-util@latest react-native-big-list@latest apexcharts@latest file-saver@latest google-libphonenumber@latest  @fto-consult/common@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 websql@latest xlsx@latest react-native-get-random-values@latest && npm run update-apexchart && npm run find-licenses"
   },
   "bin": {
     "expo-ui": "./bin/index.js"
@@ -73,19 +72,19 @@
     "@fto-consult/common": "^4.18.3",
     "@fto-consult/node-utils": "^1.4.7",
     "apexcharts": "^3.45.2",
-    "commander": "^11.1.0",
     "crypto-browserify": "^3.12.0",
     "file-saver": "^2.0.5",
     "google-libphonenumber": "^3.2.34",
     "html2canvas": "^1.4.1",
     "htmlparser2-without-node-native": "^3.9.2",
-    "is-plain-obj": "^4.1.0",
     "js-base64": "^3.7.5",
     "jsbarcode": "^3.11.6",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-content-loader": "^6.2.1",
     "react-dom": "^18.2.0",
+    "react-native-big-list": "^1.6.1",
+    "react-native-blob-util": "^0.19.6",
     "react-native-get-random-values": "^1.10.0",
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-mime-types": "^2.4.0",

package/src/components/Dropdown/index.js

@@ -12,7 +12,7 @@ import theme,{Colors} from "$theme";
 import Dialog from "$ecomponents/Dialog";
 import {isMobileOrTabletMedia} from "$cplatform/dimensions";
 import {isIos} from "$cplatform";
-import {defaultVal,defaultStr,defaultObj,defaultBool,defaultFunc,debounce,isNonNullString,compare as NCompare} from "$cutils";
+import {defaultVal,defaultStr,defaultObj,defaultBool,defaultFunc,debounce,isNonNullString,compare as NCompare,uniqid} from "$cutils";
 import MenuComponent from "$ecomponents/Menu";
 import HelperText from "$ecomponents/HelperText";
 import TextField,{flatMode} from "$ecomponents/TextField";
@@ -44,6 +44,16 @@ class DropdownComponent extends AppComponent {
             fieldsToSort : {
                 value : this.prepareSortableFields(),override : false, writable : false,
             },
+            ___hasErrorSymbol : {value:uniqid(`${this.props.name||''}error-symbol-prop`)},
+            hasNotValidSelectedValue : {value:()=>{
+                return !!this[this.___hasErrorSymbol];
+            }},
+            toggleHasNotValidSelectedValue : {value:(bool)=>{
+                if(typeof bool =='boolean'){
+                    this[this.___hasErrorSymbol] = bool;
+                }
+                return this[this.___hasErrorSymbol];
+            }},
             getItemKey : {value : typeof getItemKey =='function' ? getItemKey: (item,index)=>React.key(item,index),override:false,writable:false},
             getValueKey : {
                 value : typeof getValueKey =='function'? getValueKey : (value,warn)=>{
@@ -292,6 +302,26 @@ class DropdownComponent extends AppComponent {
                 }
             }
         }
+        const hasNotValid = sDText?false:true;
+        this.toggleHasNotValidSelectedValue(hasNotValid);
+        if(hasNotValid && selectedValues){
+            if(Array.isArray(selectedValues)){
+                for(let i in selectedValues){
+                    const text = selectedValues[i];
+                    if(!isNonNullString(text)) continue;
+                    if(!this.canHandleMultiple){
+                        sDText = text;
+                    } else {
+                        counter++;
+                        if(counter <= maxCount){
+                            sDText+= (sDText?", ":"")+text;
+                        }
+                    }
+                }
+            } else if(isNonNullString(selectedValues)) {
+                return selectedValues
+            }
+        }
         if(this.canHandleMultiple && counter > maxCount && sDText){
             sDText+= ", et "+((counter-maxCount).formatNumber()+" de plus")
         }
@@ -869,7 +899,11 @@ class DropdownComponent extends AppComponent {
         if(renderTag){
             tagProps = defaultObj(tagProps);
         }
-        helperText = <HelperText disabled = {disabled} error={error}>{helperText}</HelperText>
+        error = error || this.hasNotValidSelectedValue()
+        if(error && selectedText && (!helperText || !React.isValidElement(helperText,true))){
+            helperText = `Ce champ admet des valeurs par défaut invalide où innexistant dans la liste des éléments à sélectionner`;
+        }
+        helperText = <HelperText disabled={disabled} error={error}>{helperText}</HelperText>
         let labelTextField = defaultVal(label,text);
         const isFlatMode = textInputProps.mode  === flatMode;
         const dropdownStyle = StyleSheet.flatten(dropdownProps?.style);