@fto-consult/expo-ui 8.18.7 → 8.19.0

package/bin/create-app/dependencies.js

@@ -22,6 +22,7 @@ module.exports = {
 	"expo-status-bar": "~1.11.1",
 	"expo-system-ui": "~2.9.3",
 	"expo-web-browser": "~12.8.2",
+	"react":"18.2.0",
 	"react-native": "0.73.2",
 	"@react-native-async-storage/async-storage": "1.21.0",
 	"react-native-safe-area-context": "4.8.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.18.7",
+  "version": "8.19.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",
@@ -81,7 +81,6 @@
     "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",

package/src/components/Dropdown/index.js

@@ -45,10 +45,10 @@ class DropdownComponent extends AppComponent {
                 value : this.prepareSortableFields(),override : false, writable : false,
             },
             ___hasErrorSymbol : {value:uniqid(`${this.props.name||''}error-symbol-prop`)},
-            hasNotValidSelectedValue : {value:()=>{
+            hasNoValidSelectedValue : {value:()=>{
                 return this.isLoading()? false :  !!this[this.___hasErrorSymbol];
             }},
-            toggleHasNotValidSelectedValue : {value:(bool)=>{
+            toggleHasNoValidSelectedValue : {value:(bool)=>{
                 if(typeof bool =='boolean'){
                     this[this.___hasErrorSymbol] = bool;
                 }
@@ -319,9 +319,9 @@ class DropdownComponent extends AppComponent {
             } else if(isNonNullString(selectedValues)) {
                 sDText = selectedValues
             }
-            this.toggleHasNotValidSelectedValue(!!sDText);
+            this.toggleHasNoValidSelectedValue(!!sDText);
         } else {
-            this.toggleHasNotValidSelectedValue(false);
+            this.toggleHasNoValidSelectedValue(false);
         }
         if(this.canHandleMultiple && counter > maxCount && sDText){
             sDText+= ", et "+((counter-maxCount).formatNumber()+" de plus")
@@ -900,7 +900,7 @@ class DropdownComponent extends AppComponent {
         if(renderTag){
             tagProps = defaultObj(tagProps);
         }
-        error = error || this.hasNotValidSelectedValue() || false;
+        error = error || this.hasNoValidSelectedValue() || false;
         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`;
         }

package/src/components/Form/Fields/SelectField.js

@@ -49,7 +49,7 @@ export default class FormSelectField extends Field{
         return !this.isFilter();
     }
     getValue () {
-        if(this._field && isFunction(this._field.getSelected)){
+        if(this._field && isFunction(this._field?.getSelected)){
             let selectedItems = this._field.getSelectedItems(true);
             if(Object.size(selectedItems,true)<=0) {
                 return this.props.multiple ? []  : undefined;
@@ -59,11 +59,21 @@ export default class FormSelectField extends Field{
         return super.getValue();
     }
     getSelectedItems (force){
-        if(this._field && isFunction(this._field.getSelected)){
+        if(this._field && isFunction(this._field?.getSelected)){
             return this._field.getSelectedItems(force);
         }
         return null;
     }
+    hasNoValidSelectedValue(){
+        if(this._field && isFunction(this._field?.hasNoValidSelectedValue)){
+            return this._field.hasNoValidSelectedValue();
+        }
+        return undefined;
+    }
+    isValid(...args){
+        if(this.hasNoValidSelectedValue() === true) return false;
+        return super.isValid(...args);
+    }
     getSelectedItem(index){
         let items = this.getSelectedItems(true);
         if(typeof index !== 'undefined' && isObjOrArray(items)){