allaw-ui 5.1.4 → 5.1.5

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

@@ -56,15 +56,29 @@ var FileUploader = function (_a) {
     var progressIntervalRef = useRef(null);
     var fileInputRef = useRef(null);
     var _z = useState(originalFileName), currentFileName = _z[0], setCurrentFileName = _z[1];
+    // Garder une référence à l'image originale pour permettre les recrops
+    var originalImageUrlRef = useRef(null);
+    var originalFileRef = useRef(null);
     useEffect(function () {
         if (initialFile) {
             setSelectedFile(initialFile);
+            originalFileRef.current = initialFile;
             initialFile.arrayBuffer().then(function (content) {
                 setFileContent(content);
             });
+            // Créer une URL pour l'image originale si c'est une image
+            if (isImageFile(initialFile) && !originalImageUrlRef.current) {
+                var url = URL.createObjectURL(initialFile);
+                originalImageUrlRef.current = url;
+            }
         }
         if (initialPreviewUrl) {
             setPreviewUrl(initialPreviewUrl);
+            // Pour initialPreviewUrl, on ne peut pas créer de File depuis l'URL
+            // originalFileRef restera null, mais on peut utiliser l'URL pour le crop
+            if (!originalImageUrlRef.current) {
+                originalImageUrlRef.current = initialPreviewUrl;
+            }
         }
         if (initialCropMetadata) {
             setCropMetadata(initialCropMetadata);
@@ -78,6 +92,10 @@ var FileUploader = function (_a) {
             if (previewUrl && !initialPreviewUrl) {
                 URL.revokeObjectURL(previewUrl);
             }
+            // Nettoyer aussi la référence à l'image originale
+            if (originalImageUrlRef.current && !initialPreviewUrl) {
+                URL.revokeObjectURL(originalImageUrlRef.current);
+            }
         };
     }, [previewUrl, initialPreviewUrl]);
     var startProgressSimulation = function () {
@@ -169,6 +187,12 @@ var FileUploader = function (_a) {
                     if (isImageFile(file)) {
                         url = URL.createObjectURL(file);
                         setPreviewUrl(url);
+                        // Conserver la référence à l'image originale pour les recrops
+                        if (originalImageUrlRef.current && !initialPreviewUrl) {
+                            URL.revokeObjectURL(originalImageUrlRef.current);
+                        }
+                        originalImageUrlRef.current = url;
+                        originalFileRef.current = file;
                         if (!enableCropping) {
                             setCropMetadata({
                                 zoom: 1,
@@ -181,6 +205,10 @@ var FileUploader = function (_a) {
                     else {
                         setPreviewUrl(null);
                         setCropMetadata(null);
+                        if (originalImageUrlRef.current && !initialPreviewUrl) {
+                            URL.revokeObjectURL(originalImageUrlRef.current);
+                        }
+                        originalImageUrlRef.current = null;
                     }
                     if (autoManageProgress && !(enableCropping && isImageFile(file))) {
                         startProgressSimulation();
@@ -207,9 +235,28 @@ var FileUploader = function (_a) {
         });
     }); };
     var openCropModal = function () {
-        if (selectedFile && isImageFile(selectedFile)) {
+        var _a, _b;
+        // Si on a un fichier original, ouvrir le modal de crop pour recropper
+        // Sinon, si on n'a pas de fichier original (image déjà croppée), ouvrir le sélecteur de fichier
+        if (originalFileRef.current && isImageFile(originalFileRef.current)) {
+            // S'assurer qu'on a une URL pour l'image originale
+            if (!originalImageUrlRef.current) {
+                var url = URL.createObjectURL(originalFileRef.current);
+                originalImageUrlRef.current = url;
+            }
+            // Utiliser le fichier original pour le modal de crop
+            setSelectedFile(originalFileRef.current);
             setShowCropper(true);
         }
+        else if (selectedFile && isImageFile(selectedFile)) {
+            // Si on a un selectedFile mais pas d'original, c'est probablement une image déjà croppée
+            // Ouvrir le sélecteur de fichier pour charger une nouvelle image
+            (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }
+        else {
+            // Pas de fichier, ouvrir le sélecteur
+            (_b = fileInputRef.current) === null || _b === void 0 ? void 0 : _b.click();
+        }
     };
     /**
      * Crop l'image côté client et retourne un Blob
@@ -325,7 +372,7 @@ var FileUploader = function (_a) {
         setShowCropper(false);
     };
     var handleCropConfirm = function (cropMetadata) { return __awaiter(void 0, void 0, void 0, function () {
-        var dimensions, croppedBlob, croppedFile, croppedContent, croppedUrl, error_2;
+        var dimensions, imageToCrop, croppedBlob, croppedFile, croppedContent, croppedUrl, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -341,7 +388,8 @@ var FileUploader = function (_a) {
                     _a.trys.push([1, 4, , 5]);
                     dimensions = cropOutputDimensions[cropMetadata.shape] ||
                         cropOutputDimensions.square || { width: 200, height: 200 };
-                    return [4 /*yield*/, cropImageToBlob(previewUrl, cropMetadata, dimensions.width, dimensions.height)];
+                    imageToCrop = originalImageUrlRef.current || previewUrl;
+                    return [4 /*yield*/, cropImageToBlob(imageToCrop, cropMetadata, dimensions.width, dimensions.height)];
                 case 2:
                     croppedBlob = _a.sent();
                     croppedFile = new File([croppedBlob], selectedFile.name.replace(/\.[^/.]+$/, ".png"), // Remplacer l'extension par .png
@@ -357,6 +405,9 @@ var FileUploader = function (_a) {
                     setSelectedFile(croppedFile);
                     setFileContent(croppedContent);
                     setCurrentFileName(croppedFile.name);
+                    // Réinitialiser cropMetadata car l'image est déjà croppée
+                    // Plus besoin d'appliquer les transformations CSS
+                    setCropMetadata(null);
                     // Appeler onFileRead avec le fichier croppé (pas de cropMetadata car déjà croppé)
                     onFileRead === null || onFileRead === void 0 ? void 0 : onFileRead(croppedFile, croppedContent);
                     return [3 /*break*/, 5];
@@ -379,6 +430,12 @@ var FileUploader = function (_a) {
         if (previewUrl && !initialPreviewUrl) {
             URL.revokeObjectURL(previewUrl);
         }
+        // Nettoyer la référence à l'image originale
+        if (originalImageUrlRef.current && !initialPreviewUrl) {
+            URL.revokeObjectURL(originalImageUrlRef.current);
+        }
+        originalImageUrlRef.current = null;
+        originalFileRef.current = null;
         if (autoManageProgress) {
             stopProgressSimulation();
             setInternalProgress(0);

package/package.json

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