muba-input-text 3.0.0 → 3.0.4

package/InputText.js

@@ -32,6 +32,7 @@ export default class InputText extends React.Component {
 			fieldError: false,
 			requiredError: false,
 			onlyNumbersError: false,
+			minValueError: false,
 			maxValueError: false,
 			emailBadFormat: false,
 			customizedError: false,
@@ -61,6 +62,7 @@ export default class InputText extends React.Component {
 			fieldError: false,
 			requiredError: false,
 			onlyNumbersError: false,
+			minValueError: false,
 			maxValueError: false,
 			emailBadFormat: false
 		});
@@ -98,20 +100,29 @@ export default class InputText extends React.Component {
 	}
 
 	isValidEmail() {
+		const EMAIL_ALLOWED_LENGTH = 50;
 		if (this.props.value != null) {
 			if (!this.props.value.length) {
 				// It's empty
 				this.showError();
 				return false;
 			} else {
-				const pattern = new RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])", 'i');
-				const success = !!pattern.test(this.props.value);
-
-				if (!success) {
+				if (this.props.value.length > EMAIL_ALLOWED_LENGTH || this.props.value.split('@').length !== 2) {
 					// It's invalid
 					this.showError();
 					this.setState({ emailBadFormat: true });
 					return false;
+				} else {
+					const pattern = new RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])", 'i');
+					const patternSpaces = new RegExp(/\s/);
+					const success = !!pattern.test(this.props.value) && !patternSpaces.test(this.props.value);
+
+					if (!success) {
+						// It's invalid
+						this.showError();
+						this.setState({ emailBadFormat: true });
+						return false;
+					}
 				}
 			}
 		}
@@ -124,10 +135,14 @@ export default class InputText extends React.Component {
 			this.showError();
 			this.setState({ onlyNumbersError: true });
 			return false;
-		} else if (this.props.maxValue && this.props.value > this.props.maxValue) {
+		} else if (this.props.maxValue && parseInt(this.props.value) > this.props.maxValue) {
 			this.showError();
 			this.setState({ maxValueError: true });
 			return false;
+		} else if (this.props.minValue && parseInt(this.props.value) < this.props.minValue) {
+			this.showError();
+			this.setState({ minValueError: true });
+			return false;
 		}
 		return true;
 	}
@@ -144,6 +159,7 @@ export default class InputText extends React.Component {
 			fieldError: false,
 			requiredError: false,
 			onlyNumbersError: false,
+			minValueError: false,
 			maxValueError: false,
 			emailBadFormat: false,
 			customizedError: false,
@@ -190,6 +206,7 @@ export default class InputText extends React.Component {
 							{this.state.requiredError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('requiredField')}</OutputText> : null}
 							{this.state.onlyNumbersError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('onlyNumbers')}</OutputText> : null}
 							{this.state.maxValueError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('maxValueError', { maxValue: this.props.maxValue })}</OutputText> : null}
+							{this.state.minValueError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('minValueError', { minValue: this.props.minValue })}</OutputText> : null}
 							{this.state.emailBadFormat && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('emailBadFormat')}</OutputText> : null}
 							{this.state.maxCharacters && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {strings('maxCharacters', { maxCharacters: this.props.maxCharacters })}</OutputText> : null}
 							{this.state.customizedError && (this.props.showErrorText == null || this.props.showErrorText) ? <OutputText style={[inputTextStyles.subNote, inputTextStyles.redText]}> {this.state.customizedErrorMessage}</OutputText> : null}

package/locales/ar.json

@@ -1,6 +1,7 @@
 {
 	"requiredField": "الحقول المطلوبة",
 	"onlyNumbers": "استخدم الأرقام فقط",
+	"minValueError": "الحد الأدنى للقيمة المسموح بها هو {{minValue}}",
 	"maxValueError": "الحد الأقصى للقيمة المسموح بها هو {{maxValue}}",
 	"emailBadFormat": "رجاء قم بإدخال بريد إكتروني صحيح",
 	"maxCharacters": "الحد الأقصى للحروف {{maxCharacters}}"

package/locales/en.json

@@ -1,6 +1,7 @@
 {
 	"requiredField": "Required field",
 	"onlyNumbers": "Use numbers only",
+	"minValueError": "The minimum value allowed is {{minValue}}",
 	"maxValueError": "The maximum value allowed is {{maxValue}}",
 	"emailBadFormat": "Please enter a valid email address",
 	"maxCharacters": "{{maxCharacters}} characters max."

package/locales/es.json

@@ -1,6 +1,7 @@
 {
 	"requiredField": "Campo obligatorio",
 	"onlyNumbers": "Utiliza sólo números",
+	"minValueError": "El valor mínimo permitido es {{minValue}}",
 	"maxValueError": "El valor máximo permitido es {{maxValue}}",
 	"emailBadFormat": "Por favor, introduce una dirección de correo electrónico válida",
 	"maxCharacters": "{{maxCharacters}} caracteres máx."

package/locales/fr.json

@@ -1,6 +1,7 @@
 {
 	"requiredField": "Champs requis",
 	"onlyNumbers": "Utiliser des chiffres seulement",
+	"minValueError": "La valeur minimale autorisée est {{minValue}}",
 	"maxValueError": "La valeur maximale autorisée est {{maxValue}}",
 	"emailBadFormat": "S'il vous plaît, mettez une adresse email valide",
 	"maxCharacters": "{{maxCharacters}} caractères max."

package/locales/it.json

@@ -1,6 +1,7 @@
 {
 	"requiredField": "Campo obbligatorio",
 	"onlyNumbers": "Usa solo numeri",
+	"minValueError": "Il valore minimo permesso è {{minValue}}",
 	"maxValueError": "Il valore massimo permesso è {{maxValue}}",
 	"emailBadFormat": "Inserisci un indirizzo e-mail valido",
 	"maxCharacters": "{{maxCharacters}} caratteri massimi"

package/locales/nl.json

@@ -1,6 +1,7 @@
 {
 	"requiredField": "Verplicht veld",
 	"onlyNumbers": "Gebruik alleen cijfers",
+	"minValueError": "De minimale toegestane waarde is {minValue}}",
 	"maxValueError": "De maximale toegestane waarde is {maxValue}}",
 	"emailBadFormat": "Voer een geldig e-mailadres in",
 	"maxCharacters": "Maximaal {{maxCharacters} tekens"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muba-input-text",
-  "version": "3.0.0",
+  "version": "3.0.4",
   "description": "Input text",
   "main": "InputText.js",
   "scripts": {
@@ -21,4 +21,4 @@
     "muba-i18n": "3",
     "muba-output-text": "3"
   }
-}
+}