allaw-ui 5.2.6 → 5.2.8

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

@@ -27,6 +27,18 @@ export interface InputProps {
 }
 export interface InputRef {
     validate: () => boolean;
+    /**
+     * Force l'état isTouched du composant.
+     * Utile pour synchroniser avec des systèmes de validation externes (ex: React Hook Form).
+     * @param isTouched - true pour marquer le champ comme touché, false sinon
+     */
+    setTouched: (isTouched: boolean) => void;
+    /**
+     * Force l'affichage d'une erreur spécifique et marque le champ comme touché.
+     * Utile pour afficher des erreurs de validation externe (ex: React Hook Form).
+     * @param message - Le message d'erreur à afficher. Passer une chaîne vide pour effacer l'erreur.
+     */
+    showError: (message: string) => void;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
 export default Input;

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

@@ -52,9 +52,18 @@ var Input = forwardRef(function (_a, ref) {
         // );
         onError === null || onError === void 0 ? void 0 : onError(errorMessage);
         return !errorMessage;
-    }, [isRequired, value, validate, onError, title]);
+    }, [isRequired, value, validate, onError]);
     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);
+        },
     }); });
     var handleChange = function (e) {
         var newValue = e.target.value;

package/dist/components/molecules/fileUploader/FileUploader.js

@@ -264,17 +264,10 @@ var FileUploader = function (_a) {
      */
     var cropImageToBlob = function (imageUrl, cropMetadata, outputWidth, outputHeight) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            console.log("🔪 [FileUploader] cropImageToBlob appelé");
-            console.log("  - imageUrl:", imageUrl);
-            console.log("  - cropMetadata:", cropMetadata);
-            console.log("  - outputWidth:", outputWidth, "outputHeight:", outputHeight);
-            console.log("  - cropArea dimensions:", cropMetadata.cropWidth || "default", "x", cropMetadata.cropHeight || "default");
             return [2 /*return*/, new Promise(function (resolve, reject) {
                     var img = new window.Image();
                     img.crossOrigin = "anonymous";
                     img.onload = function () {
-                        console.log("✅ [FileUploader] Image chargée dans cropImageToBlob");
-                        console.log("  - img.width:", img.width, "img.height:", img.height);
                         try {
                             // Créer un canvas aux dimensions de sortie
                             var canvas = document.createElement("canvas");
@@ -376,10 +369,8 @@ var FileUploader = function (_a) {
                                 ctx.putImageData(imageData, 0, 0);
                             }
                             // Convertir en Blob PNG
-                            console.log("🖼️ [FileUploader] Conversion canvas vers Blob...");
                             canvas.toBlob(function (blob) {
                                 if (blob) {
-                                    console.log("✅ [FileUploader] Blob créé avec succès, taille:", blob.size);
                                     resolve(blob);
                                 }
                                 else {
@@ -393,13 +384,10 @@ var FileUploader = function (_a) {
                             reject(error);
                         }
                     };
-                    img.onerror = function (error) {
+                    img.onerror = function () {
                         console.error("❌ [FileUploader] Erreur de chargement de l'image");
-                        console.error("  - imageUrl:", imageUrl);
-                        console.error("  - error:", error);
                         reject(new Error("Échec du chargement de l'image"));
                     };
-                    console.log("📤 [FileUploader] Définition de img.src:", imageUrl);
                     img.src = imageUrl;
                 })];
         });
@@ -409,17 +397,9 @@ var FileUploader = function (_a) {
     };
     var handleCropConfirm = function (cropMetadata) { return __awaiter(void 0, void 0, void 0, function () {
         var dimensions, fileToUse, imageToCropUrl, croppedBlob, croppedFile, croppedContent, croppedUrl, error_2;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
-                    console.log("✂️ [FileUploader] handleCropConfirm appelé");
-                    console.log("  - cropMetadata:", cropMetadata);
-                    console.log("  - clientSideCrop:", clientSideCrop);
-                    console.log("  - selectedFile:", selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.name, "size:", selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.size);
-                    console.log("  - originalFileRef.current:", (_a = originalFileRef.current) === null || _a === void 0 ? void 0 : _a.name, "size:", (_b = originalFileRef.current) === null || _b === void 0 ? void 0 : _b.size);
-                    console.log("  - originalImageUrlRef.current:", originalImageUrlRef.current);
-                    console.log("  - previewUrl:", previewUrl);
                     setShowCropper(false);
                     setCropMetadata(cropMetadata);
                     if (autoManageProgress) {
@@ -427,36 +407,26 @@ var FileUploader = function (_a) {
                     }
                     if (!(selectedFile && fileContent)) return [3 /*break*/, 10];
                     if (!clientSideCrop) return [3 /*break*/, 9];
-                    _c.label = 1;
+                    _a.label = 1;
                 case 1:
-                    _c.trys.push([1, 7, , 8]);
+                    _a.trys.push([1, 7, , 8]);
                     dimensions = cropOutputDimensions[cropMetadata.shape] ||
                         cropOutputDimensions.square || { width: 200, height: 200 };
-                    console.log("📐 [FileUploader] Dimensions de sortie:", dimensions);
                     fileToUse = originalFileRef.current || selectedFile;
-                    console.log("📁 [FileUploader] Fichier à utiliser pour le crop:", fileToUse.name, "size:", fileToUse.size, "type:", fileToUse.type);
                     imageToCropUrl = URL.createObjectURL(fileToUse);
-                    console.log("🔗 [FileUploader] URL blob créée pour le crop:", imageToCropUrl);
-                    _c.label = 2;
+                    _a.label = 2;
                 case 2:
-                    _c.trys.push([2, , 5, 6]);
-                    // Cropper l'image côté client
-                    console.log("🔄 [FileUploader] Appel de cropImageToBlob...");
+                    _a.trys.push([2, , 5, 6]);
                     return [4 /*yield*/, cropImageToBlob(imageToCropUrl, cropMetadata, dimensions.width, dimensions.height)];
                 case 3:
-                    croppedBlob = _c.sent();
-                    console.log("✅ [FileUploader] cropImageToBlob terminé, blob size:", croppedBlob.size);
+                    croppedBlob = _a.sent();
                     croppedFile = new File([croppedBlob], fileToUse.name.replace(/\.[^/.]+$/, ".png"), // Remplacer l'extension par .png
                     { type: "image/png" });
-                    console.log("📄 [FileUploader] File croppé créé:", croppedFile.name, "size:", croppedFile.size);
                     return [4 /*yield*/, croppedFile.arrayBuffer()];
                 case 4:
-                    croppedContent = _c.sent();
-                    console.log("📦 [FileUploader] Contenu du fichier croppé lu, size:", croppedContent.byteLength);
+                    croppedContent = _a.sent();
                     croppedUrl = URL.createObjectURL(croppedBlob);
-                    console.log("🖼️ [FileUploader] URL blob créée pour la preview:", croppedUrl);
                     if (previewUrl && !initialPreviewUrl) {
-                        console.log("🗑️ [FileUploader] Révoquement de l'ancienne previewUrl:", previewUrl);
                         URL.revokeObjectURL(previewUrl);
                     }
                     setPreviewUrl(croppedUrl);
@@ -467,28 +437,24 @@ var FileUploader = function (_a) {
                     // Plus besoin d'appliquer les transformations CSS
                     setCropMetadata(null);
                     // Appeler onFileRead avec le fichier croppé (pas de cropMetadata car déjà croppé)
-                    console.log("📞 [FileUploader] Appel de onFileRead avec le fichier croppé");
                     onFileRead === null || onFileRead === void 0 ? void 0 : onFileRead(croppedFile, croppedContent);
                     return [3 /*break*/, 6];
                 case 5:
                     // Toujours nettoyer l'URL blob temporaire créée pour le crop
-                    console.log("🗑️ [FileUploader] Révoquement de l'URL blob temporaire:", imageToCropUrl);
                     URL.revokeObjectURL(imageToCropUrl);
                     return [7 /*endfinally*/];
                 case 6: return [3 /*break*/, 8];
                 case 7:
-                    error_2 = _c.sent();
+                    error_2 = _a.sent();
                     console.error("❌ [FileUploader] Erreur lors du crop de l'image:", error_2);
-                    console.error("  - error details:", error_2);
                     // En cas d'erreur, fallback sur l'image originale avec métadonnées
-                    console.log("🔄 [FileUploader] Fallback sur l'image originale");
                     onFileRead === null || onFileRead === void 0 ? void 0 : onFileRead(selectedFile, fileContent, cropMetadata);
                     return [3 /*break*/, 8];
                 case 8: return [3 /*break*/, 10];
                 case 9:
                     // Passer l'image originale avec les métadonnées au serveur
                     onFileRead === null || onFileRead === void 0 ? void 0 : onFileRead(selectedFile, fileContent, cropMetadata);
-                    _c.label = 10;
+                    _a.label = 10;
                 case 10: return [2 /*return*/];
             }
         });

package/package.json

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