@movalib/movalib-commons 1.0.24 → 1.0.25

package/dist/src/MovaLogin.js

@@ -112,7 +112,7 @@ var MovaLogin = function (_a) {
         // Validator pour l'email
         newForm.email = (0, Tools_1.validateField)(form.email, Validator_1.validateEmail, 'Adresse email invalide');
         // Validator pour le mot de passe
-        newForm.password = (0, Tools_1.validateField)(form.password, function (value) { return value.length >= 10 && /[a-z]/.test(value) && /[A-Z]/.test(value); }, 'Votre mot de passe doit faire au moins 8 caractères de long');
+        newForm.password = (0, Tools_1.validateField)(form.password, function (value) { return value.length >= 10 && /[a-z]/.test(value) && /[A-Z]/.test(value); }, 'Mot de passe invalide');
         setForm(newForm);
         return newForm.email.isValid && newForm.password.isValid;
     };

package/dist/src/MovaSignUp.js

@@ -67,8 +67,7 @@ var Tools_1 = require("./helpers/Tools");
 var styles = {
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center',
-    height: '100vh', // Ajustez la hauteur en fonction de vos besoins
+    alignItems: 'center'
 };
 var initialUserFormState = {
     firstname: { value: '', isValid: true },

package/dist/src/VehiclePlateField.js

@@ -6,13 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
+// Regex pour une plaque d'immatriculation française
+var regex = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/;
 var VehiclePlateField = function (_a) {
     var onValidVehiclePlate = _a.onValidVehiclePlate;
     var _b = (0, react_1.useState)(''), value = _b[0], setValue = _b[1];
     var _c = (0, react_1.useState)(false), error = _c[0], setError = _c[1];
     var _d = (0, react_1.useState)(0), lastLength = _d[0], setLastLength = _d[1]; // Ajout d'un état pour stocker la longueur précédente
     (0, react_1.useEffect)(function () {
-        if (!error && value !== '') {
+        if (!error && value !== '' && value.match(regex)) {
             onValidVehiclePlate(value);
         }
     }, [error, value, onValidVehiclePlate]);
@@ -29,7 +31,6 @@ var VehiclePlateField = function (_a) {
         if (cleanInput.length > 4 && !(cleanInput.length == 5 && isDeleting)) {
             inputValue = "".concat(cleanInput.slice(0, 2), "-").concat(cleanInput.slice(2, 5), "-").concat(cleanInput.slice(5, 7));
         }
-        var regex = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/; // Regex pour une plaque d'immatriculation française
         setValue(inputValue);
         setError(!regex.test(inputValue));
         setLastLength(inputValue.length); // Mettre à jour la longueur précédente

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/MovaLogin.tsx

@@ -84,7 +84,7 @@ const MovaLogin: FunctionComponent<MovaLoginProps> = ({ loading, movaAppType, on
         // Validator pour le mot de passe
         newForm.password = validateField(form.password, 
             value => value.length >= 10 && /[a-z]/.test(value) && /[A-Z]/.test(value), 
-            'Votre mot de passe doit faire au moins 8 caractères de long');
+            'Mot de passe invalide');
 
         setForm(newForm);
 

package/src/MovaSignUp.tsx

@@ -16,8 +16,7 @@ import { validateField } from "./helpers/Tools";
 const styles: CSSProperties = {
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center',
-    height: '100vh', // Ajustez la hauteur en fonction de vos besoins
+    alignItems: 'center'
 };
 
 const initialUserFormState = {

package/src/VehiclePlateField.tsx

@@ -5,6 +5,9 @@ interface VehiclePlateFieldProps {
     onValidVehiclePlate: (vehiclePlate: string) => void;
   }
 
+// Regex pour une plaque d'immatriculation française
+const regex = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/; 
+
 const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidVehiclePlate }) => {
 
   const [value, setValue] = useState<string>('');
@@ -12,7 +15,7 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
   const [lastLength, setLastLength] = useState<number>(0); // Ajout d'un état pour stocker la longueur précédente
 
   useEffect(() => {
-    if (!error && value !== '') {
+    if (!error && value !== '' && value.match(regex)) {
         onValidVehiclePlate(value);
     }
   }, [error, value, onValidVehiclePlate]);
@@ -36,8 +39,6 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
       inputValue = `${cleanInput.slice(0, 2)}-${cleanInput.slice(2, 5)}-${cleanInput.slice(5, 7)}`;
     }
 
-    const regex = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/; // Regex pour une plaque d'immatriculation française
-
     setValue(inputValue);
     setError(!regex.test(inputValue));
     setLastLength(inputValue.length); // Mettre à jour la longueur précédente