allaw-ui 2.5.1 → 2.5.3

package/dist/components/atoms/inputs/Input.js

@@ -65,7 +65,11 @@ var Input = forwardRef(function (_a, ref) {
                 React.createElement("i", { className: endIcon })));
         }
         if (style === "password") {
-            return (React.createElement("button", { className: "Input-button", onClick: function () { return setIsPasswordVisible(!isPasswordVisible); } }, isPasswordVisible ? "CACHER" : "AFFICHER"));
+            return (React.createElement("button", { type: "button", className: "Input-button", onClick: function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setIsPasswordVisible(function (prev) { return !prev; });
+                } }, isPasswordVisible ? "CACHER" : "AFFICHER"));
         }
         return null;
     };
@@ -77,7 +81,10 @@ var Input = forwardRef(function (_a, ref) {
                 "*"))),
         React.createElement("div", { className: "Input-container" },
             React.createElement("div", { className: "Input-input ".concat(style === "password" ? "Input-password-input" : "") },
-                React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder", value: value, onChange: function (e) { handleChange(e); rowChange && rowChange(e); }, onBlur: handleBlur })),
+                React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder", value: value, onChange: function (e) {
+                        handleChange(e);
+                        rowChange && rowChange(e);
+                    }, onBlur: handleBlur })),
             renderEndIcon(),
             error && isTouched && (React.createElement("div", { className: "error-message" },
                 React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));

package/dist/components/atoms/inputs/VerificationCodeInput.d.ts

@@ -8,6 +8,7 @@ export interface VerificationCodeInputProps {
     onComplete?: (value: string) => void;
     testError?: boolean;
     autoFocus?: boolean;
+    isDisabled?: boolean;
 }
 declare const VerificationCodeInput: React.FC<VerificationCodeInputProps>;
 export default VerificationCodeInput;

package/dist/components/atoms/inputs/VerificationCodeInput.js

@@ -11,9 +11,9 @@ import React, { useState, useEffect, useRef } from "react";
 import styles from "./VerificationCodeInput.module.css";
 import TinyInfo from "../typography/TinyInfo";
 var VerificationCodeInput = function (_a) {
-    var numInputs = _a.numInputs, _b = _a.allowedChars, allowedChars = _b === void 0 ? "numeric" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, onChange = _a.onChange, onError = _a.onError, onComplete = _a.onComplete, _d = _a.testError, testError = _d === void 0 ? false : _d, _e = _a.autoFocus, autoFocus = _e === void 0 ? false : _e;
-    var _f = useState(Array(numInputs).fill("")), values = _f[0], setValues = _f[1];
-    var _g = useState(""), error = _g[0], setError = _g[1];
+    var numInputs = _a.numInputs, _b = _a.allowedChars, allowedChars = _b === void 0 ? "numeric" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, onChange = _a.onChange, onError = _a.onError, onComplete = _a.onComplete, _d = _a.testError, testError = _d === void 0 ? false : _d, _e = _a.autoFocus, autoFocus = _e === void 0 ? false : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
+    var _g = useState(Array(numInputs).fill("")), values = _g[0], setValues = _g[1];
+    var _h = useState(""), error = _h[0], setError = _h[1];
     var inputRefs = useRef(Array(numInputs).fill(null));
     useEffect(function () {
         setValues(Array(numInputs).fill(""));
@@ -134,7 +134,7 @@ var VerificationCodeInput = function (_a) {
                     ? "[a-zA-Z]*"
                     : "[a-zA-Z0-9]*", ref: function (input) { return (inputRefs.current[index] = input); }, autoFocus: index === 0 && autoFocus, tabIndex: index === 0 ? 0 : undefined, "data-lpignore": "true" // Empêche Dashlane d'intervenir
             , "data-form-type": "other" // Indique que ce n'est pas un champ de mot de passe
-         })); });
+            , disabled: isDisabled })); });
     };
     return (React.createElement("div", { className: styles.container },
         React.createElement("div", { className: styles.inputsContainer }, renderInputs()),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",