allaw-ui 3.0.4 → 3.0.6

package/dist/components/molecules/fileUploader/FileUploader.d.ts

@@ -5,7 +5,7 @@ export interface FileUploaderProps {
     maxFileSizeMB: number;
     enableDragAndDrop?: boolean;
     enableCropping?: boolean;
-    cropShape?: "circle" | "square";
+    cropShape?: "circle" | "square" | "banner";
     iconUrl?: string;
     descriptionParts?: {
         beforeLink: string;

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

@@ -202,7 +202,9 @@ var FileUploader = function (_a) {
     var isSelectedImage = selectedFile && isImageFile(selectedFile);
     return (React.createElement("div", { className: styles.upload_main_container },
         enableDragAndDrop ? (React.createElement("div", { className: "".concat(styles.upload_container, " ").concat(isHovering ? styles.drag_over : "", " ").concat(previewUrl ? styles.upload_container_with_preview : ""), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: function () { var _a; return !previewUrl && ((_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click()); } },
-            previewUrl ? (React.createElement("div", { className: styles.preview_container, onClick: function (e) {
+            previewUrl ? (React.createElement("div", { className: "".concat(styles.preview_container, " ").concat((cropMetadata === null || cropMetadata === void 0 ? void 0 : cropMetadata.shape) === "banner" || cropShape === "banner"
+                    ? styles.preview_container_banner
+                    : ""), onClick: function (e) {
                     var _a;
                     // Ne pas déclencher si on clique sur le conteneur d'image
                     if (!e.target.closest(".".concat(styles.preview_image_container))) {
@@ -238,7 +240,7 @@ var FileUploader = function (_a) {
                 React.createElement("input", { id: "file-upload", ref: fileInputRef, type: "file", accept: acceptedExtensions.join(","), style: { display: "none" }, onChange: handleFileSelect })))),
         previewUrl ? (React.createElement("div", { className: styles.file_info_container },
             filePresentationLabel && (React.createElement("span", { className: styles.file_presentation_label }, filePresentationLabel)),
-            React.createElement(TertiaryButton, { label: "Charger ".concat(isSelectedImage ? "une autre image" : "un autre fichier"), color: "bleu-allaw", variant: true, onClick: handleNewFileClick }))) : (React.createElement("div", { className: styles.limits },
+            React.createElement(TertiaryButton, { label: "Charger ".concat(isSelectedImage ? "une autre image ?" : "un autre fichier ?"), color: "bleu-allaw", variant: true, onClick: handleNewFileClick }))) : (React.createElement("div", { className: styles.limits },
             React.createElement("div", { className: styles.format },
                 React.createElement("span", { className: styles.limit_text },
                     acceptedLabel,

package/dist/components/molecules/fileUploader/FileUploader.module.css

@@ -323,6 +323,11 @@
   cursor: pointer;
 }
 
+/* Ajuste la hauteur du conteneur pour la bannière */
+.preview_container.preview_container_banner {
+  height: 120px;
+}
+
 .preview_image_container {
   position: relative;
   width: 280px;
@@ -341,6 +346,12 @@
   border-radius: 8px;
 }
 
+.preview_image_banner {
+  width: 320px;
+  height: 60px;
+  border-radius: 4px;
+}
+
 .preview_image_wrapper {
   position: absolute;
   width: auto;
@@ -387,15 +398,10 @@
   gap: 8px;
 }
 
-.file_info_container span {
-  font-family: var(--font-open-sans, sans-serif);
-  font-size: 14px;
-  color: var(----noir, #171e25);
-}
-
 .file_presentation_label {
   font-size: 14px;
-  color: var(--gris-03);
+  font-family: var(--font-open-sans, sans-serif);
+  color: var(----noir, #171e25);
 }
 
 .change_file_link {

package/dist/components/molecules/fileUploader/ImageCropperModal.d.ts

@@ -3,11 +3,11 @@ export interface CropMetadata {
     zoom: number;
     offsetX: number;
     offsetY: number;
-    shape: "circle" | "square";
+    shape: "circle" | "square" | "banner";
 }
 interface ImageCropperModalProps {
     file: File;
-    shape: "circle" | "square";
+    shape: "circle" | "square" | "banner";
     onCancel: () => void;
     onConfirm: (cropMetadata: CropMetadata) => void;
 }

package/dist/components/molecules/fileUploader/ImageCropperModal.module.css

@@ -78,6 +78,12 @@
   border-radius: 50%;
 }
 
+.crop_area_banner {
+  width: 320px;
+  height: 60px;
+  border-radius: 4px;
+}
+
 .crop_area::before {
   content: "";
   position: absolute;

package/package.json

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