@movalib/movalib-commons 1.1.44 → 1.1.45

package/devIndex.tsx

@@ -179,7 +179,9 @@ const App = () => {
                 throw new Error('Function not implemented.');
               } } />
               <br /> <br />
-              <IbanInput />
+              <IbanInput onIbanChange={function (iban: string): void {
+                throw new Error('Function not implemented.');
+              } } />
           </Box>
 
 

package/dist/devIndex.js

@@ -153,7 +153,9 @@ var App = function () {
                                             }
                                         }, size: 'small', handleChange: function (fieldName, newValue, save) {
                                             throw new Error('Function not implemented.');
-                                        } }), (0, jsx_runtime_1.jsx)("br", {}), " ", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(IbanInput_1.default, {})] }))] })), (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: function () { return setOpenAccountValidation(!openAccountValidation); } }, { children: "Validation de compte" })) })), openAccountValidation && (0, jsx_runtime_1.jsx)(AccountValidation_1.default, { movaAppType: Enums_1.MovaAppType.GARAGE, onSubmit: function (success, message) {
+                                        } }), (0, jsx_runtime_1.jsx)("br", {}), " ", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(IbanInput_1.default, { onIbanChange: function (iban) {
+                                            throw new Error('Function not implemented.');
+                                        } })] }))] })), (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: function () { return setOpenAccountValidation(!openAccountValidation); } }, { children: "Validation de compte" })) })), openAccountValidation && (0, jsx_runtime_1.jsx)(AccountValidation_1.default, { movaAppType: Enums_1.MovaAppType.GARAGE, onSubmit: function (success, message) {
                             throw new Error('Function not implemented.');
                         } })] })) })) }));
 };

package/dist/src/IbanInput.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const IbanInput: React.FC;
+interface IbanInputProps {
+    onIbanChange: (iban: string) => void;
+}
+declare const IbanInput: React.FC<IbanInputProps>;
 export default IbanInput;

package/dist/src/IbanInput.js

@@ -6,9 +6,10 @@ 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"));
-var IbanInput = function () {
-    var _a = (0, react_1.useState)(''), iban = _a[0], setIban = _a[1];
-    var _b = (0, react_1.useState)(null), error = _b[0], setError = _b[1];
+var IbanInput = function (_a) {
+    var onIbanChange = _a.onIbanChange;
+    var _b = (0, react_1.useState)(''), iban = _b[0], setIban = _b[1];
+    var _c = (0, react_1.useState)(null), error = _c[0], setError = _c[1];
     var formatIban = function (value) {
         // Supprime les espaces et convertit en majuscules avant d'ajouter des espaces tous les 4 caractères
         return value.replace(/\s/g, '').toUpperCase().replace(/(.{4})/g, '$1 ').trim();
@@ -25,6 +26,7 @@ var IbanInput = function () {
         // Validation de l'IBAN après le formatage
         if (validateIban(formattedIban) || formattedIban.length === 0) {
             setError(null); // Aucune erreur si l'IBAN est valide
+            onIbanChange(formattedIban.replace(/\s+/g, '')); // Utilisez le callback ici
         }
         else {
             setError("Format de l'IBAN invalide"); // Message d'erreur pour un IBAN invalide

package/package.json

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

package/src/IbanInput.tsx

@@ -1,7 +1,11 @@
 import React, { useState } from 'react';
 import TextField from '@mui/material/TextField';
 
-const IbanInput: React.FC = () => {
+interface IbanInputProps {
+    onIbanChange: (iban: string) => void; // Ajout d'une prop pour le callback
+  }
+
+const IbanInput: React.FC<IbanInputProps> = ({ onIbanChange }) => {
   const [iban, setIban] = useState('');
   const [error, setError] = useState<string | null>(null);
 
@@ -24,6 +28,7 @@ const IbanInput: React.FC = () => {
     // Validation de l'IBAN après le formatage
     if (validateIban(formattedIban) || formattedIban.length === 0) {
       setError(null); // Aucune erreur si l'IBAN est valide
+      onIbanChange(formattedIban.replace(/\s+/g, '')); // Utilisez le callback ici
     } else {
       setError("Format de l'IBAN invalide"); // Message d'erreur pour un IBAN invalide
     }