allaw-ui 5.2.2 → 5.2.4

package/dist/components/molecules/entityCard/EntityCard.d.ts

@@ -8,6 +8,7 @@ export type EntityCardProps = {
     onActionButtonClick?: () => void;
     onCardClick?: () => void;
     role?: "member" | "admin" | "pending";
+    logoUrl?: string;
 };
-declare function EntityCard({ entityName, numberOfMembers, formatedAddress, immat, actionType, onActionButtonClick, onCardClick, role, }: EntityCardProps): React.JSX.Element;
+declare function EntityCard({ entityName, numberOfMembers, formatedAddress, immat, actionType, onActionButtonClick, onCardClick, role, logoUrl, }: EntityCardProps): React.JSX.Element;
 export default EntityCard;

package/dist/components/molecules/entityCard/EntityCard.js

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { useState } from "react";
+import Image from "next/image";
 import styles from "./entityCard.module.css";
 import TertiaryButton from "../../atoms/buttons/TertiaryButton";
 import TinyInfo from "../../atoms/typography/TinyInfo";
@@ -59,10 +60,15 @@ var RoleTag = function (_a) {
     return (React.createElement(InlineTag, { style: config.style, size: config.size, text: config.text, backgroundColor: config.backgroundColor }));
 };
 function EntityCard(_a) {
-    var entityName = _a.entityName, numberOfMembers = _a.numberOfMembers, formatedAddress = _a.formatedAddress, immat = _a.immat, actionType = _a.actionType, onActionButtonClick = _a.onActionButtonClick, onCardClick = _a.onCardClick, role = _a.role;
+    var entityName = _a.entityName, numberOfMembers = _a.numberOfMembers, formatedAddress = _a.formatedAddress, immat = _a.immat, actionType = _a.actionType, onActionButtonClick = _a.onActionButtonClick, onCardClick = _a.onCardClick, role = _a.role, logoUrl = _a.logoUrl;
+    var _b = useState(false), imgError = _b[0], setImgError = _b[1];
     return (React.createElement("div", { className: styles.card, style: { cursor: onCardClick ? "pointer" : "default" }, onClick: function () { return onCardClick && onCardClick(); } },
-        React.createElement("div", { className: styles.picturePlaceHolder },
-            React.createElement("i", { className: "allaw-icon-home" })),
+        React.createElement("div", { className: styles.picturePlaceHolder }, logoUrl && !imgError ? (React.createElement(Image, { src: logoUrl, alt: "Logo ".concat(entityName), width: 64, height: 64, quality: 100, onError: function () { return setImgError(true); }, style: {
+                objectFit: "cover",
+                width: "100%",
+                height: "100%",
+                borderRadius: "8px",
+            } })) : (React.createElement("i", { className: "allaw-icon-home" }))),
         React.createElement("div", { className: styles.dataInfo },
             React.createElement("div", { className: styles.basicsInfo },
                 React.createElement("div", { className: styles.entityNameWrapper },

package/dist/components/molecules/proSwitch/ProSwitchModal.js

@@ -193,6 +193,13 @@ var ProSwitchModal = function (_a) {
         var newSelected;
         if (mode === "single") {
             newSelected = [pro.proUserId];
+            var selectedPros_1 = pros.filter(function (p) {
+                return newSelected.includes(p.proUserId);
+            });
+            onSelect(selectedPros_1);
+            // Fermer la modal automatiquement en mode single
+            onClosePortal();
+            return;
         }
         else {
             if (selected.includes(pro.proUserId)) {
@@ -210,6 +217,10 @@ var ProSwitchModal = function (_a) {
         var selectedPros = pros.filter(function (p) { return newSelected.includes(p.proUserId); });
         onSelect(selectedPros);
     };
+    // Validation en mode multiple
+    var handleValidateSelection = function () {
+        onClosePortal();
+    };
     // Détermination dynamique du max-width selon le nombre de profils
     var modalMaxWidth = 580;
     if (pros.length <= 2)
@@ -282,10 +293,15 @@ var ProSwitchModal = function (_a) {
                             activeDragPro.firstName,
                             " ",
                             activeDragPro.name)) : ("".concat(activeDragPro.firstName, " ").concat(activeDragPro.name))))) : null)),
-                isReorder ? (React.createElement(TinyInfo, { variant: "medium14", text: "D\u00E9placez les profils pour modifier leur ordre", startIcon: "allaw-icon-info", color: "mid-grey", className: styles.reorderInfo })) : (React.createElement("div", { className: styles.selectionInfo },
-                    "S\u00E9lection : ",
-                    selected.length,
-                    "/",
-                    pros.length))))), document.body);
+                isReorder ? (React.createElement(TinyInfo, { variant: "medium14", text: "D\u00E9placez les profils pour modifier leur ordre", startIcon: "allaw-icon-info", color: "mid-grey", className: styles.reorderInfo })) : (React.createElement("div", { className: styles.selectionFooter },
+                    React.createElement("div", { className: styles.selectionInfo },
+                        React.createElement("div", { className: styles.selectionMode }, mode === "single"
+                            ? "Sélection unique"
+                            : "Sélection multiple"),
+                        React.createElement("div", { className: styles.selectionCount },
+                            pros.length,
+                            " \u00E9l\u00E9ment",
+                            pros.length > 1 ? "s" : "")),
+                    mode === "multiple" && (React.createElement("button", { className: styles.validateBtn, onClick: handleValidateSelection, type: "button" }, "Valider"))))))), document.body);
 };
 export default ProSwitchModal;

package/dist/components/molecules/proSwitch/proSwitchModal.module.css

@@ -290,17 +290,37 @@
   }
 }
 
+.selectionFooter {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 28px 24px 29px 16px;
+  position: sticky;
+  bottom: 0;
+  background: #f8fafc;
+  z-index: 1;
+}
+
 .selectionInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
   text-align: left;
   color: #728ea7;
-  font-size: 15px;
-  padding: 28px 0 29px 16px;
   font-family: var(--font-open-sans, "Open Sans");
+}
+
+.selectionMode {
+  font-size: 15px;
+  font-weight: 600;
+  color: #171e25;
+}
+
+.selectionCount {
+  font-size: 14px;
   font-weight: 500;
-  position: sticky;
-  bottom: 0;
-  background: #f8fafc;
-  z-index: 1;
+  color: #728ea7;
 }
 
 .reorderInfo {

package/package.json

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