@movalib/movalib-commons 1.1.17 → 1.1.19

package/dist/index.d.ts

@@ -37,7 +37,7 @@ export type { APIRequest, APIResponse } from './src/helpers/ApiHelper';
 export type { DaySchedule, DayInterval } from './src/ScheduleFields';
 export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, MovaVehicleForm, AddressFieldName } from './src/helpers/Types';
 export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
-export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel } from './src/helpers/Tools';
+export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter } from './src/helpers/Tools';
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
-export { formatDateByCountryCode, getLongFormattedDateTime, capitalizeFirstLetter } from './src/helpers/DateUtils';
+export { formatDateByCountryCode, getLongFormattedDateTime } from './src/helpers/DateUtils';
 export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType } from './src/helpers/Enums';

package/dist/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MovaAppType = exports.RoleType = exports.capitalizeFirstLetter = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.getApplicationShortLabel = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.Operation = exports.Prestation = exports.Product = exports.Supplier = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.UserService = exports.GarageService = exports.AuthenticationService = void 0;
+exports.MovaAppType = exports.RoleType = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.capitalizeFirstLetter = exports.getApplicationShortLabel = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.Operation = exports.Prestation = exports.Product = exports.Supplier = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.UserService = exports.GarageService = exports.AuthenticationService = void 0;
 exports.VehiclePlateType = exports.SlotAlgorithm = exports.OrderState = exports.OrderPreference = exports.ProductType = exports.PartsApplicationType = exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = void 0;
 // Export des services
 var AuthenticationService_1 = require("./src/services/AuthenticationService");
@@ -89,6 +89,7 @@ Object.defineProperty(exports, "formatVehicleTire", { enumerable: true, get: fun
 Object.defineProperty(exports, "formatFrenchVehiclePlate", { enumerable: true, get: function () { return Tools_1.formatFrenchVehiclePlate; } });
 Object.defineProperty(exports, "isEmpty", { enumerable: true, get: function () { return Tools_1.isEmpty; } });
 Object.defineProperty(exports, "getApplicationShortLabel", { enumerable: true, get: function () { return Tools_1.getApplicationShortLabel; } });
+Object.defineProperty(exports, "capitalizeFirstLetter", { enumerable: true, get: function () { return Tools_1.capitalizeFirstLetter; } });
 var Validator_1 = require("./src/helpers/Validator");
 Object.defineProperty(exports, "validatePhoneNumber", { enumerable: true, get: function () { return Validator_1.validatePhoneNumber; } });
 Object.defineProperty(exports, "validateText", { enumerable: true, get: function () { return Validator_1.validateText; } });
@@ -96,7 +97,6 @@ Object.defineProperty(exports, "validateEmail", { enumerable: true, get: functio
 var DateUtils_1 = require("./src/helpers/DateUtils");
 Object.defineProperty(exports, "formatDateByCountryCode", { enumerable: true, get: function () { return DateUtils_1.formatDateByCountryCode; } });
 Object.defineProperty(exports, "getLongFormattedDateTime", { enumerable: true, get: function () { return DateUtils_1.getLongFormattedDateTime; } });
-Object.defineProperty(exports, "capitalizeFirstLetter", { enumerable: true, get: function () { return DateUtils_1.capitalizeFirstLetter; } });
 // Export des enums
 var Enums_1 = require("./src/helpers/Enums");
 Object.defineProperty(exports, "RoleType", { enumerable: true, get: function () { return Enums_1.RoleType; } });

package/dist/src/MovaSignUp.js

@@ -99,7 +99,6 @@ var MovaLogin = function (_a) {
     var _e = (0, react_1.useState)(false), showPassword = _e[0], setShowPassword = _e[1];
     var handleDateChange = function (name, date) {
         var _a;
-        console.log(date);
         if (name && date) {
             var fieldName = name;
             var fieldValue = date;
@@ -112,6 +111,14 @@ var MovaLogin = function (_a) {
         if (e) {
             var fieldName = e.target.name;
             var fieldValue = e.target.value;
+            // Capitalisation automatique du prénom
+            if (fieldName == "firstname") {
+                fieldValue = (0, Tools_1.capitalizeFirstLetter)(fieldValue);
+            }
+            // Uppercase automatique pour le nom
+            if (fieldName == "lastname") {
+                fieldValue = fieldValue.toUpperCase();
+            }
             var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
             setUserForm(__assign(__assign({}, userForm), newField));
         }

package/dist/src/helpers/DateUtils.d.ts

@@ -5,4 +5,3 @@ export declare const countryTimeZones: {
 export declare const toUTCToLocaleDate: (date: "" | Date | null, countryCode: string) => Date;
 export declare const formatDateByCountryCode: (date: Date | undefined, countryCode: string, formatType: DateFormatTypes) => string;
 export declare function getLongFormattedDateTime(date: Date | undefined, timeZone: string, locale: Locale): string;
-export declare function capitalizeFirstLetter(str: string): string;

package/dist/src/helpers/DateUtils.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.capitalizeFirstLetter = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.toUTCToLocaleDate = exports.countryTimeZones = void 0;
+exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.toUTCToLocaleDate = exports.countryTimeZones = void 0;
 var date_fns_tz_1 = require("date-fns-tz");
 var locale_1 = require("date-fns/locale");
 var Enums_1 = require("./Enums");
+var Tools_1 = require("./Tools");
 // Tableau de correspondance entre les codes de pays et les fuseaux horaires
 exports.countryTimeZones = {
     'FR': 'Europe/Paris',
@@ -42,8 +43,8 @@ var formatDateByCountryCode = function (date, countryCode, formatType) {
 exports.formatDateByCountryCode = formatDateByCountryCode;
 function getLongFormattedDateTime(date, timeZone, locale) {
     if (date) {
-        var day = capitalizeFirstLetter((0, date_fns_tz_1.format)(date, 'eeee', { timeZone: timeZone, locale: locale }));
-        var month = capitalizeFirstLetter((0, date_fns_tz_1.format)(date, 'MMMM', { timeZone: timeZone, locale: locale }));
+        var day = (0, Tools_1.capitalizeFirstLetter)((0, date_fns_tz_1.format)(date, 'eeee', { timeZone: timeZone, locale: locale }));
+        var month = (0, Tools_1.capitalizeFirstLetter)((0, date_fns_tz_1.format)(date, 'MMMM', { timeZone: timeZone, locale: locale }));
         var hours = (0, date_fns_tz_1.format)(date, 'HH', { timeZone: timeZone, locale: locale });
         var minutes = (0, date_fns_tz_1.format)(date, 'mm', { timeZone: timeZone, locale: locale });
         var dayOfMonth = (0, date_fns_tz_1.format)(date, 'dd', { timeZone: timeZone, locale: locale });
@@ -52,12 +53,3 @@ function getLongFormattedDateTime(date, timeZone, locale) {
     return '';
 }
 exports.getLongFormattedDateTime = getLongFormattedDateTime;
-function capitalizeFirstLetter(str) {
-    if (str.length === 0) {
-        return str;
-    }
-    var firstChar = str.charAt(0).toUpperCase();
-    var restOfString = str.slice(1);
-    return firstChar + restOfString;
-}
-exports.capitalizeFirstLetter = capitalizeFirstLetter;

package/dist/src/helpers/Tools.d.ts

@@ -2,6 +2,7 @@ import VehicleTire from "../models/VehicleTire";
 import { MovaFormField } from "./Types";
 import { CSSProperties } from "react";
 import { PartsApplicationType } from "./Enums";
+export declare const capitalizeFirstLetter: (str: string) => string;
 export declare const getApplicationShortLabel: (application: PartsApplicationType | undefined) => "" | "AV" | "AR" | "AV + AR" | "G" | "D" | "G + D";
 export declare const flexEnd: CSSProperties;
 export declare const flexCenter: CSSProperties;

package/dist/src/helpers/Tools.js

@@ -1,7 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = exports.formatFrenchVehiclePlate = exports.isEmpty = exports.flexCenter = exports.flexEnd = exports.getApplicationShortLabel = void 0;
+exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = exports.formatFrenchVehiclePlate = exports.isEmpty = exports.flexCenter = exports.flexEnd = exports.getApplicationShortLabel = exports.capitalizeFirstLetter = void 0;
 var Enums_1 = require("./Enums");
+var capitalizeFirstLetter = function (str) {
+    if (str.length === 0) {
+        return str;
+    }
+    var firstChar = str.charAt(0).toUpperCase();
+    var restOfString = str.slice(1);
+    return firstChar + restOfString;
+};
+exports.capitalizeFirstLetter = capitalizeFirstLetter;
 var getApplicationShortLabel = function (application) {
     if (application) {
         switch (application) {
@@ -32,14 +41,33 @@ var isEmpty = function (data) {
 exports.isEmpty = isEmpty;
 var formatFrenchVehiclePlate = function (input) {
     if (input) {
+        // On commence par détecter s'il s'agit d'un ancien ou nouveau format
+        var plateFormat = null;
+        if (/^[A-Za-z]/.test(input)) {
+            // Commence par une lettre => nouveau format
+            plateFormat = Enums_1.VehiclePlateFormat.FRENCH_NEW;
+        }
+        else if (/^\d/.test(input)) {
+            // Commence par un chiffre => ancien format
+            plateFormat = Enums_1.VehiclePlateFormat.FRENCH_OLD;
+        }
         // Supprimer tous les caractères non alphanumériques
         var cleanedInput = input.replace(/[^A-Z0-9]/gi, '').toUpperCase();
-        // Ajouter des tirets aux positions appropriées
-        if (cleanedInput.length >= 2) {
-            cleanedInput = "".concat(cleanedInput.slice(0, 2), "-").concat(cleanedInput.slice(2));
-        }
-        if (cleanedInput.length >= 6) {
-            cleanedInput = "".concat(cleanedInput.slice(0, 6), "-").concat(cleanedInput.slice(6, 8));
+        switch (plateFormat) {
+            case Enums_1.VehiclePlateFormat.FRENCH_NEW: {
+                // Ajouter des tirets aux positions appropriées
+                if (cleanedInput.length >= 2) {
+                    cleanedInput = "".concat(cleanedInput.slice(0, 2), "-").concat(cleanedInput.slice(2));
+                }
+                if (cleanedInput.length >= 6) {
+                    cleanedInput = "".concat(cleanedInput.slice(0, 6), "-").concat(cleanedInput.slice(6, 8));
+                }
+                break;
+            }
+            case Enums_1.VehiclePlateFormat.FRENCH_OLD: {
+                // Rien de particulier, pas de tiret sur les anciennes plaques
+                break;
+            }
         }
         return cleanedInput;
     }

package/index.ts

@@ -49,9 +49,10 @@ export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval,
 
 // Export des méthodes utilitaires
 export { readCookie, deleteCookie } from './src/helpers/CookieUtils'; 
-export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel } from './src/helpers/Tools'; 
+export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel,
+    capitalizeFirstLetter } from './src/helpers/Tools'; 
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
-export { formatDateByCountryCode, getLongFormattedDateTime, capitalizeFirstLetter } from './src/helpers/DateUtils';
+export { formatDateByCountryCode, getLongFormattedDateTime } from './src/helpers/DateUtils';
 
 // Export des enums
 export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType,

package/package.json

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

package/src/MovaSignUp.tsx

@@ -14,7 +14,7 @@ import { MovaFormField, MovaUserSignUpForm } from "./helpers/Types";
 import { MovaAppType } from "./helpers/Enums";
 import { validateEmail } from "./helpers/Validator";
 import GenderSelector from "./GenderSelector";
-import { validateField } from "./helpers/Tools";
+import { capitalizeFirstLetter, validateField } from "./helpers/Tools";
 import { useHistory } from "react-router-dom";
 import InputAdornment from '@mui/material/InputAdornment';
 import Visibility from '@mui/icons-material/Visibility';
@@ -68,7 +68,7 @@ const MovaLogin: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType, o
     const [showPassword, setShowPassword] = useState(false);
 
     const handleDateChange = (name: string, date: Date | null) => {
-        console.log(date)
+ 
         if(name && date){
             const fieldName: string = name;
             const fieldValue: Date = date;
@@ -81,9 +81,20 @@ const MovaLogin: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType, o
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | null): void => {
         if(e){
             const fieldName: string = e.target.name;
-            const fieldValue: string = e.target.value;
+            let fieldValue: string = e.target.value;
+
+            // Capitalisation automatique du prénom
+            if (fieldName == "firstname"){
+                fieldValue = capitalizeFirstLetter(fieldValue);
+            }
+        
+            // Uppercase automatique pour le nom
+            if (fieldName == "lastname"){
+                fieldValue = fieldValue.toUpperCase();
+            }
+
             const newField: MovaFormField = { [fieldName]: { value: fieldValue, isValid: true } };
-    
+            
             setUserForm({ ...userForm, ...newField});
         }
     }

package/src/helpers/DateUtils.ts

@@ -1,6 +1,7 @@
 import { format, utcToZonedTime } from 'date-fns-tz';
 import { fr } from 'date-fns/locale';
 import { DateFormatTypes } from './Enums';
+import { capitalizeFirstLetter } from './Tools';
 
 // Tableau de correspondance entre les codes de pays et les fuseaux horaires
 export const countryTimeZones: { [key: string]: string } = {
@@ -62,15 +63,4 @@ export function getLongFormattedDateTime(date: Date | undefined, timeZone: strin
       return `${day} ${dayOfMonth} ${month} à ${hours}:${minutes}`;
     }
     return '';
-}
-
-export function capitalizeFirstLetter(str: string): string {
-    if (str.length === 0) {
-        return str;
-    }
-
-    const firstChar = str.charAt(0).toUpperCase();
-    const restOfString = str.slice(1);
-
-    return firstChar + restOfString;
-}
+}

package/src/helpers/Tools.ts

@@ -2,7 +2,18 @@ import Cookies from "js-cookie";
 import VehicleTire from "../models/VehicleTire";
 import { MovaFormField } from "./Types";
 import { CSSProperties } from "react";
-import { PartsApplicationType } from "./Enums";
+import { PartsApplicationType, VehiclePlateFormat } from "./Enums";
+
+export const capitalizeFirstLetter = (str: string): string => {
+  if (str.length === 0) {
+    return str;
+  }
+
+  const firstChar = str.charAt(0).toUpperCase();
+  const restOfString = str.slice(1);
+
+  return firstChar + restOfString;
+}
 
 export const getApplicationShortLabel = (application:PartsApplicationType | undefined) => {
   if(application){
@@ -36,15 +47,37 @@ export const isEmpty = (data: Object): boolean => {
 
 export const formatFrenchVehiclePlate = (input: string | undefined): string => {
   if(input){
+
+    // On commence par détecter s'il s'agit d'un ancien ou nouveau format
+    let plateFormat: VehiclePlateFormat | null = null;
+
+    if (/^[A-Za-z]/.test(input)) {
+      // Commence par une lettre => nouveau format
+      plateFormat = VehiclePlateFormat.FRENCH_NEW;
+    } else if (/^\d/.test(input)) {
+      // Commence par un chiffre => ancien format
+      plateFormat = VehiclePlateFormat.FRENCH_OLD;
+    }
+
     // Supprimer tous les caractères non alphanumériques
     let cleanedInput = input.replace(/[^A-Z0-9]/gi, '').toUpperCase();
 
-    // Ajouter des tirets aux positions appropriées
-    if (cleanedInput.length >= 2) {
-      cleanedInput = `${cleanedInput.slice(0, 2)}-${cleanedInput.slice(2)}`;
-    }
-    if (cleanedInput.length >= 6) {
-      cleanedInput = `${cleanedInput.slice(0, 6)}-${cleanedInput.slice(6, 8)}`;
+    switch(plateFormat){
+      case VehiclePlateFormat.FRENCH_NEW : {
+        // Ajouter des tirets aux positions appropriées
+        if (cleanedInput.length >= 2) {
+          cleanedInput = `${cleanedInput.slice(0, 2)}-${cleanedInput.slice(2)}`;
+        }
+        if (cleanedInput.length >= 6) {
+          cleanedInput = `${cleanedInput.slice(0, 6)}-${cleanedInput.slice(6, 8)}`;
+        }
+        break;
+      }
+
+      case VehiclePlateFormat.FRENCH_OLD : {
+        // Rien de particulier, pas de tiret sur les anciennes plaques
+        break;
+      }
     }
 
     return cleanedInput;