allaw-ui 3.0.3 → 3.0.5

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

@@ -39,7 +39,7 @@ import Image from "next/image";
 import styles from "./FileUploader.module.css";
 import ImageCropperModal from "./ImageCropperModal";
 import IconButton from "../../atoms/buttons/IconButton";
-import { TertiaryButton } from "src/components/atoms/buttons";
+import TertiaryButton from "../../atoms/buttons/TertiaryButton";
 var FileUploader = function (_a) {
     var acceptedExtensions = _a.acceptedExtensions, maxFileSizeMB = _a.maxFileSizeMB, _b = _a.enableDragAndDrop, enableDragAndDrop = _b === void 0 ? true : _b, _c = _a.enableCropping, enableCropping = _c === void 0 ? false : _c, _d = _a.cropShape, cropShape = _d === void 0 ? "square" : _d, iconUrl = _a.iconUrl, descriptionParts = _a.descriptionParts, onFileRead = _a.onFileRead, onFileRemove = _a.onFileRemove, _e = _a.uploadProgress, uploadProgress = _e === void 0 ? 0 : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.errorMessage, errorMessage = _g === void 0 ? null : _g, _h = _a.buttonLabel, buttonLabel = _h === void 0 ? "Choisir un fichier" : _h, _j = _a.acceptedLabel, acceptedLabel = _j === void 0 ? "Format accepté :" : _j, _k = _a.maxSizeLabel, maxSizeLabel = _k === void 0 ? "Taille maximale :" : _k, fileName = _a.fileName, fileSize = _a.fileSize, _l = _a.filePresentationLabel, filePresentationLabel = _l === void 0 ? "Voici votre fichier." : _l;
     var _m = useState(null), selectedFile = _m[0], setSelectedFile = _m[1];
@@ -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))) {

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;

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.3",
+  "version": "3.0.5",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",