allaw-ui 5.3.3 → 5.3.5

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

@@ -63,12 +63,10 @@ var Input = forwardRef(function (_a, ref) {
         setValue(propValue || "");
     }, [propValue]);
     useEffect(function () {
-        console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] error prop received:"), propError || "");
         setError(propError || "");
     }, [propError, title]);
     var validateInput = useCallback(function () {
         var _a;
-        console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] validateInput called, propError:"), propError);
         var currentValue = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || value;
         var errorMessage = "";
         if (isRequired && currentValue.trim() === "") {
@@ -80,16 +78,14 @@ var Input = forwardRef(function (_a, ref) {
                 errorMessage = "Veuillez vérifier votre saisie";
             }
         }
-        console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] validateInput - errorMessage:"), errorMessage, "propError:", propError);
         // Si validation interne échoue, afficher l'erreur interne
         // Sinon, préserver l'erreur RHF du prop propError
         var finalError = errorMessage || propError || "";
         setError(finalError);
         setIsTouched(true);
         onError === null || onError === void 0 ? void 0 : onError(errorMessage);
-        console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] validateInput APR\u00C8S setError, error state will be:"), finalError);
         return !errorMessage;
-    }, [isRequired, value, validate, onError, propError, title]);
+    }, [isRequired, value, validate, onError, propError]);
     // Forcer la validation quand forceShowErrors devient true
     useEffect(function () {
         if (forceShowErrors) {
@@ -99,11 +95,9 @@ var Input = forwardRef(function (_a, ref) {
     useImperativeHandle(ref, function () { return ({
         validate: validateInput,
         setTouched: function (touched) {
-            console.log("[Input] setTouched(".concat(touched, ")"));
             setIsTouched(touched);
         },
         showError: function (message) {
-            console.log("[Input] showError(\"".concat(message, "\")"));
             setError(message);
             setIsTouched(true);
         },
@@ -121,17 +115,14 @@ var Input = forwardRef(function (_a, ref) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] blur event detected"));
                     // Marquer le champ comme touché
                     setIsTouched(true);
                     // Valider en interne d'abord
                     validateInput();
                     if (!onBlur) return [3 /*break*/, 2];
-                    console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] Calling onBlur callback"));
                     return [4 /*yield*/, onBlur()];
                 case 1:
                     _a.sent();
-                    console.log("[Input".concat(title ? " \"".concat(title, "\"") : "", "] onBlur callback completed, re-validating to display error"));
                     // RE-VALIDER après que onBlur ait mis à jour le prop error
                     // Cela force le re-render avec l'erreur RHF visible
                     validateInput();

package/dist/components/molecules/section/Section.css

@@ -1,12 +1,18 @@
 @import "../../../styles/colors.css";
 
 .section {
-  background: var(--primary-blanc, #FFF);
+  background: var(--primary-blanc, #fff);
   border-radius: 16px;
-  border: 1px solid var(--primary-gris-de-fond, #E6EDF5);
+  border: 1px solid var(--primary-gris-de-fond, #e6edf5);
   overflow: hidden;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-  font-family: var(--font-open-sans, "Open Sans", "Helvetica Neue", Arial, sans-serif);
+  font-family: var(
+    --font-open-sans,
+    "Open Sans",
+    "Helvetica Neue",
+    Arial,
+    sans-serif
+  );
 }
 
 .section-header {
@@ -14,7 +20,8 @@
   align-items: center;
   justify-content: space-between;
   padding: 24px;
-  border-bottom: 1px solid var(--primary-gris-de-fond, #E6EDF5);
+  gap: 8px;
+  border-bottom: 1px solid var(--primary-gris-de-fond, #e6edf5);
 }
 
 .section-header-left {
@@ -28,7 +35,11 @@
 .section-icon {
   width: 40px;
   height: 40px;
-  background: linear-gradient(135deg, rgba(37, 190, 235, 0.1) 0%, rgba(25, 133, 168, 0.15) 100%);
+  background: linear-gradient(
+    135deg,
+    rgba(37, 190, 235, 0.1) 0%,
+    rgba(25, 133, 168, 0.15) 100%
+  );
   border-radius: 10px;
   display: flex;
   align-items: center;
@@ -39,14 +50,14 @@
 
 .section-icon i {
   font-size: 18px;
-  color: var(--primary-blue, #25BEEB);
+  color: var(--primary-blue, #25beeb);
 }
 
 .section-icon svg,
 .section-icon img {
   width: 18px;
   height: 18px;
-  color: var(--primary-blue, #25BEEB);
+  color: var(--primary-blue, #25beeb);
 }
 
 .section-title-container {
@@ -57,10 +68,16 @@
 }
 
 .section-title {
-  font-family: var(--font-poppins, "Poppins", "Helvetica Neue", Arial, sans-serif);
+  font-family: var(
+    --font-poppins,
+    "Poppins",
+    "Helvetica Neue",
+    Arial,
+    sans-serif
+  );
   font-size: 19px;
   font-weight: 600;
-  color: var(--primary-mid-black, #171E25);
+  color: var(--primary-mid-black, #171e25);
   margin: 0;
   line-height: 1.3;
   white-space: nowrap;
@@ -76,7 +93,13 @@
 }
 
 .section-number {
-  font-family: var(--font-open-sans, "Open Sans", "Helvetica Neue", Arial, sans-serif);
+  font-family: var(
+    --font-open-sans,
+    "Open Sans",
+    "Helvetica Neue",
+    Arial,
+    sans-serif
+  );
   font-size: 14px;
   font-weight: 500;
   color: var(--primary-mid-grey, #728ea7);
@@ -100,11 +123,17 @@
   justify-content: center;
   gap: 8px;
   padding: 8px 12px;
-  background: var(--primary-blanc, #FFF);
-  border: 1px solid var(--primary-blue, #25BEEB);
+  background: var(--primary-blanc, #fff);
+  border: 1px solid var(--primary-blue, #25beeb);
   border-radius: 8px;
-  color: var(--primary-blue, #25BEEB);
-  font-family: var(--font-open-sans, "Open Sans", "Helvetica Neue", Arial, sans-serif);
+  color: var(--primary-blue, #25beeb);
+  font-family: var(
+    --font-open-sans,
+    "Open Sans",
+    "Helvetica Neue",
+    Arial,
+    sans-serif
+  );
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
@@ -116,7 +145,7 @@
 
 .section-action-button:hover:not(.section-action-disabled) {
   background: #f6fcfe;
-  border-color: var(--primary-blue, #25BEEB);
+  border-color: var(--primary-blue, #25beeb);
   box-shadow: 0 2px 6px rgba(37, 190, 235, 0.15);
 }
 
@@ -127,16 +156,16 @@
 }
 
 .section-action-primary {
-  background: var(--primary-blue, #25BEEB);
+  background: var(--primary-blue, #25beeb);
   color: white;
-  border: 1px solid var(--primary-blue, #25BEEB);
+  border: 1px solid var(--primary-blue, #25beeb);
   box-shadow: 0 2px 4px rgba(37, 190, 235, 0.2);
   height: 34px;
   flex: 1;
 }
 
-.section-action-secondary { 
-  border: 1px solid var(--primary-blue, #25BEEB);
+.section-action-secondary {
+  border: 1px solid var(--primary-blue, #25beeb);
   height: 34px;
   flex: 1;
 }

package/package.json

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