@trackunit/react-form-components 0.0.257 → 0.0.260

package/index.cjs.js

@@ -46,6 +46,7 @@ var ReactAsyncSelect__default = /*#__PURE__*/_interopDefaultLegacy(ReactAsyncSel
 var defaultTranslations = {
 	"phoneField.error.INVALID_COUNTRY": "The country code is not valid",
 	"phoneField.error.INVALID_LENGTH": "The phone number is not valid",
+	"phoneField.error.INVALID_NUMBER": "The phone number is not valid",
 	"phoneField.error.NOT_A_NUMBER": "The phone number can contain numbers only",
 	"phoneField.error.REQUIRED": "The phone number is required",
 	"phoneField.error.REQUIRED_COUNTRY": "The country code is required",
@@ -1511,6 +1512,9 @@ const PhoneInput = React.forwardRef((_a, ref) => {
  */
 const validatePhoneNumber = ({ phone, countryCode, national, }) => {
     const phoneNumber = phone ? phone : countryCode || national ? `${countryCode}${national}` : undefined;
+    if (phoneNumber && parsePhoneNumberFromString.isValidPhoneNumber(phoneNumber)) {
+        return undefined;
+    }
     if (!phoneNumber) {
         return "REQUIRED";
     }
@@ -1530,10 +1534,7 @@ const validatePhoneNumber = ({ phone, countryCode, national, }) => {
     if (!number) {
         return "NOT_A_NUMBER";
     }
-    if (!parsePhoneNumberFromString.isValidPhoneNumber(number.number, number.country)) {
-        return parsePhoneNumberFromString.validatePhoneNumberLength(number.number, number.country);
-    }
-    return undefined;
+    return "INVALID_NUMBER";
 };
 /**
  * Checks if the country code is valid and required
@@ -1574,9 +1575,7 @@ const PhoneField = React.forwardRef((_a, ref) => {
         setLocalError(Boolean(phoneValidationResult) ? t(`phoneField.error.${phoneValidationResult}`) : undefined);
     };
     const onChangeValueHandler = (phoneNumberValue) => {
-        if (!isValid) {
-            validate(phoneNumberValue);
-        }
+        validate(phoneNumberValue);
         onChangeValue && onChangeValue(Object.assign(Object.assign({}, phoneNumberValue), { isValid }));
     };
     const handleOnFieldBlur = (phoneNumberValue) => {

package/index.esm.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import React__default, { useMemo, forwardRef, useState, cloneElement, useEffect, useRef } from 'react';
 import { v4 } from 'uuid';
 import { format } from 'date-fns';
-import parsePhoneNumberFromString, { getCountries, getCountryCallingCode, parsePhoneNumberFromString as parsePhoneNumberFromString$1, isValidPhoneNumber, validatePhoneNumberLength } from 'libphonenumber-js';
+import parsePhoneNumberFromString, { getCountries, getCountryCallingCode, isValidPhoneNumber, parsePhoneNumberFromString as parsePhoneNumberFromString$1 } from 'libphonenumber-js';
 import ReactSelect, { components } from 'react-select';
 export { default as ValueType } from 'react-select';
 import ReactAsyncCreatableSelect from 'react-select/async-creatable';
@@ -16,6 +16,7 @@ import ReactAsyncSelect from 'react-select/async';
 var defaultTranslations = {
 	"phoneField.error.INVALID_COUNTRY": "The country code is not valid",
 	"phoneField.error.INVALID_LENGTH": "The phone number is not valid",
+	"phoneField.error.INVALID_NUMBER": "The phone number is not valid",
 	"phoneField.error.NOT_A_NUMBER": "The phone number can contain numbers only",
 	"phoneField.error.REQUIRED": "The phone number is required",
 	"phoneField.error.REQUIRED_COUNTRY": "The country code is required",
@@ -1481,6 +1482,9 @@ const PhoneInput = forwardRef((_a, ref) => {
  */
 const validatePhoneNumber = ({ phone, countryCode, national, }) => {
     const phoneNumber = phone ? phone : countryCode || national ? `${countryCode}${national}` : undefined;
+    if (phoneNumber && isValidPhoneNumber(phoneNumber)) {
+        return undefined;
+    }
     if (!phoneNumber) {
         return "REQUIRED";
     }
@@ -1500,10 +1504,7 @@ const validatePhoneNumber = ({ phone, countryCode, national, }) => {
     if (!number) {
         return "NOT_A_NUMBER";
     }
-    if (!isValidPhoneNumber(number.number, number.country)) {
-        return validatePhoneNumberLength(number.number, number.country);
-    }
-    return undefined;
+    return "INVALID_NUMBER";
 };
 /**
  * Checks if the country code is valid and required
@@ -1544,9 +1545,7 @@ const PhoneField = forwardRef((_a, ref) => {
         setLocalError(Boolean(phoneValidationResult) ? t(`phoneField.error.${phoneValidationResult}`) : undefined);
     };
     const onChangeValueHandler = (phoneNumberValue) => {
-        if (!isValid) {
-            validate(phoneNumberValue);
-        }
+        validate(phoneNumberValue);
         onChangeValue && onChangeValue(Object.assign(Object.assign({}, phoneNumberValue), { isValid }));
     };
     const handleOnFieldBlur = (phoneNumberValue) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.257",
+  "version": "0.0.260",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/PhoneInput/PhoneInputValidationUtils.d.ts

@@ -1,5 +1,5 @@
 import { ValidatePhoneNumberLengthResult } from "libphonenumber-js";
-export type PhoneInputValidationError = "REQUIRED" | "REQUIRED_COUNTRY" | ValidatePhoneNumberLengthResult | undefined;
+export type PhoneInputValidationError = "REQUIRED" | "REQUIRED_COUNTRY" | "INVALID_NUMBER" | ValidatePhoneNumberLengthResult | undefined;
 export interface PhoneNumberValueForValidation {
     phone?: string | undefined | null;
     national?: string | undefined | null;

package/src/translation.d.ts

@@ -15,8 +15,8 @@ export declare const translations: TranslationResource<TranslationKeys>;
 /**
  *  Local useTranslation for this specific library
  */
-export declare const useTranslation: () => [TransForLibs<"phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined">, import("i18next").i18n, boolean] & {
-    t: TransForLibs<"phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined">;
+export declare const useTranslation: () => [TransForLibs<"phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.INVALID_NUMBER" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined">, import("i18next").i18n, boolean] & {
+    t: TransForLibs<"phoneField.error.INVALID_COUNTRY" | "phoneField.error.INVALID_LENGTH" | "phoneField.error.INVALID_NUMBER" | "phoneField.error.NOT_A_NUMBER" | "phoneField.error.REQUIRED" | "phoneField.error.REQUIRED_COUNTRY" | "phoneField.error.TOO_LONG" | "phoneField.error.TOO_SHORT" | "phoneField.error.undefined">;
     i18n: import("i18next").i18n;
     ready: boolean;
 };

package/translation.cjs5.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var translation = {
-	"phoneField.error.INVALID_COUNTRY": "The country code is not valid",
-	"phoneField.error.INVALID_LENGTH": "The phone number is not valid",
-	"phoneField.error.NOT_A_NUMBER": "The phone number can contain numbers only",
-	"phoneField.error.REQUIRED": "The phone number is required",
-	"phoneField.error.REQUIRED_COUNTRY": "The country code is required",
-	"phoneField.error.TOO_LONG": "The phone number is too long",
-	"phoneField.error.TOO_SHORT": "The phone number is too short",
+	"phoneField.error.INVALID_COUNTRY": "L'indicatif du pays n'est pas valide",
+	"phoneField.error.INVALID_LENGTH": "Le numéro de téléphone n’est pas valide",
+	"phoneField.error.NOT_A_NUMBER": "Le numéro de téléphone peut contenir uniquement des chiffres",
+	"phoneField.error.REQUIRED": "Le numéro de téléphone est requis",
+	"phoneField.error.REQUIRED_COUNTRY": "L'indicatif du pays est requis",
+	"phoneField.error.TOO_LONG": "Le numéro de téléphone est trop long",
+	"phoneField.error.TOO_SHORT": "Le numéro de téléphone est trop court",
 	"phoneField.error.undefined": ""
 };
 

package/translation.cjs7.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var translation = {
-	"phoneField.error.INVALID_COUNTRY": "The country code is not valid",
-	"phoneField.error.INVALID_LENGTH": "The phone number is not valid",
-	"phoneField.error.NOT_A_NUMBER": "The phone number can contain numbers only",
-	"phoneField.error.REQUIRED": "The phone number is required",
-	"phoneField.error.REQUIRED_COUNTRY": "The country code is required",
-	"phoneField.error.TOO_LONG": "The phone number is too long",
-	"phoneField.error.TOO_SHORT": "The phone number is too short",
+	"phoneField.error.INVALID_COUNTRY": "Az országkód érvénytelen",
+	"phoneField.error.INVALID_LENGTH": "A telefonszám érvénytelen",
+	"phoneField.error.NOT_A_NUMBER": "A telefonszám csak számokat tartalmazhat",
+	"phoneField.error.REQUIRED": "A telefonszám megadása kötelező",
+	"phoneField.error.REQUIRED_COUNTRY": "Az országkód megadása kötelező",
+	"phoneField.error.TOO_LONG": "A telefonszám túl hosszú",
+	"phoneField.error.TOO_SHORT": "A telefonszám túl rövid",
 	"phoneField.error.undefined": ""
 };
 

package/translation.esm5.js

@@ -1,11 +1,11 @@
 var translation = {
-	"phoneField.error.INVALID_COUNTRY": "The country code is not valid",
-	"phoneField.error.INVALID_LENGTH": "The phone number is not valid",
-	"phoneField.error.NOT_A_NUMBER": "The phone number can contain numbers only",
-	"phoneField.error.REQUIRED": "The phone number is required",
-	"phoneField.error.REQUIRED_COUNTRY": "The country code is required",
-	"phoneField.error.TOO_LONG": "The phone number is too long",
-	"phoneField.error.TOO_SHORT": "The phone number is too short",
+	"phoneField.error.INVALID_COUNTRY": "L'indicatif du pays n'est pas valide",
+	"phoneField.error.INVALID_LENGTH": "Le numéro de téléphone n’est pas valide",
+	"phoneField.error.NOT_A_NUMBER": "Le numéro de téléphone peut contenir uniquement des chiffres",
+	"phoneField.error.REQUIRED": "Le numéro de téléphone est requis",
+	"phoneField.error.REQUIRED_COUNTRY": "L'indicatif du pays est requis",
+	"phoneField.error.TOO_LONG": "Le numéro de téléphone est trop long",
+	"phoneField.error.TOO_SHORT": "Le numéro de téléphone est trop court",
 	"phoneField.error.undefined": ""
 };
 

package/translation.esm7.js

@@ -1,11 +1,11 @@
 var translation = {
-	"phoneField.error.INVALID_COUNTRY": "The country code is not valid",
-	"phoneField.error.INVALID_LENGTH": "The phone number is not valid",
-	"phoneField.error.NOT_A_NUMBER": "The phone number can contain numbers only",
-	"phoneField.error.REQUIRED": "The phone number is required",
-	"phoneField.error.REQUIRED_COUNTRY": "The country code is required",
-	"phoneField.error.TOO_LONG": "The phone number is too long",
-	"phoneField.error.TOO_SHORT": "The phone number is too short",
+	"phoneField.error.INVALID_COUNTRY": "Az országkód érvénytelen",
+	"phoneField.error.INVALID_LENGTH": "A telefonszám érvénytelen",
+	"phoneField.error.NOT_A_NUMBER": "A telefonszám csak számokat tartalmazhat",
+	"phoneField.error.REQUIRED": "A telefonszám megadása kötelező",
+	"phoneField.error.REQUIRED_COUNTRY": "Az országkód megadása kötelező",
+	"phoneField.error.TOO_LONG": "A telefonszám túl hosszú",
+	"phoneField.error.TOO_SHORT": "A telefonszám túl rövid",
 	"phoneField.error.undefined": ""
 };