@movalib/movalib-commons 1.1.45 → 1.1.46

package/dist/src/IbanInput.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
+import { SxProps, Theme } from '@mui/material';
 interface IbanInputProps {
     onIbanChange: (iban: string) => void;
+    size?: 'small' | 'medium';
+    sx?: SxProps<Theme>;
 }
 declare const IbanInput: React.FC<IbanInputProps>;
 export default IbanInput;

package/dist/src/IbanInput.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,9 +18,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
 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 onIbanChange = _a.onIbanChange, _b = _a.size, size = _b === void 0 ? 'medium' : _b, sx = _a.sx;
+    var _c = (0, react_1.useState)(''), iban = _c[0], setIban = _c[1];
+    var _d = (0, react_1.useState)(null), error = _d[0], setError = _d[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();
@@ -32,9 +43,9 @@ var IbanInput = function (_a) {
             setError("Format de l'IBAN invalide"); // Message d'erreur pour un IBAN invalide
         }
     };
-    return ((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "IBAN", variant: "outlined", value: iban, onChange: handleChange, placeholder: "FRXX XXXX XXXX XXXX XXXX XXXX XX", error: !!error, helperText: error, inputProps: {
+    return ((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "IBAN", variant: "outlined", value: iban, onChange: handleChange, placeholder: "FRXX XXXX XXXX XXXX XXXX XXXX XX", error: !!error, helperText: error, size: size, inputProps: {
             maxLength: 39,
             style: { textTransform: 'uppercase' }
-        }, fullWidth: true }));
+        }, fullWidth: true, sx: __assign({}, sx) }));
 };
 exports.default = IbanInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.1.45",
+  "version": "1.1.46",
   "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,11 +1,14 @@
 import React, { useState } from 'react';
 import TextField from '@mui/material/TextField';
+import { SxProps, Theme } from '@mui/material';
 
 interface IbanInputProps {
     onIbanChange: (iban: string) => void; // Ajout d'une prop pour le callback
+    size?: 'small' | 'medium';
+    sx?: SxProps<Theme>;
   }
 
-const IbanInput: React.FC<IbanInputProps> = ({ onIbanChange }) => {
+const IbanInput: React.FC<IbanInputProps> = ({ onIbanChange, size = 'medium', sx }) => {
   const [iban, setIban] = useState('');
   const [error, setError] = useState<string | null>(null);
 
@@ -43,10 +46,12 @@ const IbanInput: React.FC<IbanInputProps> = ({ onIbanChange }) => {
       placeholder="FRXX XXXX XXXX XXXX XXXX XXXX XX"
       error={!!error}
       helperText={error}
+      size={size}
       inputProps={{ 
         maxLength: 39, // 34 caractères + espaces pour les blocs de 4 caractères
         style: { textTransform: 'uppercase' } }}
       fullWidth
+      sx={{ ...sx }} 
     />
   );
 };