@movalib/movalib-commons 1.0.41 → 1.0.43

package/dist/src/MovaVehicleTireField.js

@@ -7,6 +7,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
 var VehicleTire_1 = __importDefault(require("./models/VehicleTire"));
+var Tools_1 = require("./helpers/Tools");
 // Regex pour une taille de pneumatique Française
 var regex = /^\d{9}[A-Za-z]$/;
 var MovaVehicleTireField = function (_a) {
@@ -16,7 +17,8 @@ var MovaVehicleTireField = function (_a) {
     var _d = (0, react_1.useState)(false), error = _d[0], setError = _d[1];
     var _e = (0, react_1.useState)(0), lastLength = _e[0], setLastLength = _e[1]; // Ajout d'un état pour stocker la longueur précédente
     (0, react_1.useEffect)(function () {
-        //setTireInfo(formatVehicleTire(vehicleTire));
+        console.log(vehicleTire);
+        setTireInfo((0, Tools_1.formatVehicleTire)(vehicleTire));
     }, [vehicleTire]);
     (0, react_1.useEffect)(function () {
         // Cette expression régulière supprimera tous les caractères qui ne sont pas des chiffres ou des lettres alphabétiques, à l'exception de "R" et "r".

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

@@ -1,4 +1,7 @@
+import VehicleTire from "../models/VehicleTire";
 import { MovaFormField } from "./Types";
+export declare function formatVehicleTire(vehicleTire: VehicleTire): string;
+export declare function formatVehicleTireStr(input: string): string;
 /**
  * Valide un champ de formulaire en utilisant une fonction de validation personnalisée.
  *

package/dist/src/helpers/Tools.js

@@ -1,6 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateField = void 0;
+exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = void 0;
+function formatVehicleTire(vehicleTire) {
+    if (vehicleTire) {
+        var concatened = "".concat(vehicleTire.width).concat(vehicleTire.height).concat(vehicleTire.diameter).concat(vehicleTire.speedIndex);
+        return formatVehicleTireStr(concatened);
+    }
+    return '';
+}
+exports.formatVehicleTire = formatVehicleTire;
+function formatVehicleTireStr(input) {
+    var formatted = input.toUpperCase().replace(/[^0-9A-QS-Za-qs-z]/g, '').slice(0, 10);
+    if (formatted.length >= 3) {
+        formatted = "".concat(formatted.substring(0, 3), " / ").concat(formatted.substring(3));
+    }
+    var indexOfR = formatted.indexOf(" R");
+    if (formatted.length >= 8 && indexOfR === -1) {
+        formatted = "".concat(formatted.substring(0, 8), " R").concat(formatted.substring(8));
+        if (formatted.length >= 12 && indexOfR === -1)
+            formatted = "".concat(formatted.substring(0, 12), " ").concat(formatted.substring(12));
+    }
+    else if (indexOfR !== -1 && formatted.length > indexOfR + 2) {
+        formatted = "".concat(formatted.substring(0, indexOfR + 2), " ").concat(formatted.substring(indexOfR + 2));
+    }
+    console.log(formatted);
+    return formatted;
+}
+exports.formatVehicleTireStr = formatVehicleTireStr;
+;
 /**
  * Valide un champ de formulaire en utilisant une fonction de validation personnalisée.
  *

package/package.json

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

package/src/MovaVehicleTireField.tsx

@@ -1,6 +1,7 @@
 import { TextField } from '@mui/material';
 import { useState, type FC, useEffect } from 'react';
 import VehicleTire from './models/VehicleTire';
+import { formatVehicleTire } from './helpers/Tools';
 
 interface MovaVehicleTireFieldProps {
     vehicleTire: VehicleTire,
@@ -18,8 +19,9 @@ const MovaVehicleTireField: FC<MovaVehicleTireFieldProps> = ({ vehicleTire, onCh
     const [lastLength, setLastLength] = useState<number>(0); // Ajout d'un état pour stocker la longueur précédente
 
     useEffect(() => {
-            //setTireInfo(formatVehicleTire(vehicleTire));
-    }, [vehicleTire ]);
+            console.log(vehicleTire);
+            setTireInfo(formatVehicleTire(vehicleTire));
+    }, [vehicleTire]);
 
     useEffect(() => {
 
@@ -101,4 +103,4 @@ const MovaVehicleTireField: FC<MovaVehicleTireFieldProps> = ({ vehicleTire, onCh
     );
 }
 
-export default MovaVehicleTireField;
+export default MovaVehicleTireField;

package/src/helpers/Tools.ts

@@ -1,5 +1,38 @@
+import VehicleTire from "../models/VehicleTire";
 import { MovaFormField } from "./Types";
 
+export function formatVehicleTire(vehicleTire: VehicleTire){
+  if(vehicleTire){
+    let concatened = `${vehicleTire.width}${vehicleTire.height}${vehicleTire.diameter}${vehicleTire.speedIndex}`;
+    return formatVehicleTireStr(concatened);
+  }
+  return '';
+}
+
+export function formatVehicleTireStr(input: string){
+
+  let formatted = input.toUpperCase().replace(/[^0-9A-QS-Za-qs-z]/g, '').slice(0, 10);
+
+  if (formatted.length >= 3) {
+    formatted = `${formatted.substring(0, 3)} / ${formatted.substring(3)}`;
+  }
+
+  const indexOfR = formatted.indexOf(" R");
+
+  if (formatted.length >= 8 && indexOfR === -1) {
+    formatted = `${formatted.substring(0, 8)} R${formatted.substring(8)}`;
+
+  if (formatted.length >= 12 && indexOfR === -1)
+    formatted = `${formatted.substring(0, 12)} ${formatted.substring(12)}`;
+
+  } else if (indexOfR !== -1 && formatted.length > indexOfR + 2) {
+    formatted = `${formatted.substring(0, indexOfR + 2)} ${formatted.substring(indexOfR + 2)}`;
+  }
+
+  console.log(formatted);
+  return formatted;
+};
+
 /**
  * Valide un champ de formulaire en utilisant une fonction de validation personnalisée.
  *