allaw-ui 5.4.4 → 5.4.6

package/dist/components/molecules/breadcrumb/Breadcrumb.d.ts

@@ -3,7 +3,7 @@ import "./Breadcrumb.css";
 export interface BreadcrumbItem {
     key: number;
     label: string;
-    link: string;
+    link?: string;
 }
 export interface BreadcrumbProps {
     items: BreadcrumbItem[];

package/dist/components/molecules/breadcrumb/Breadcrumb.js

@@ -6,7 +6,8 @@ var Breadcrumb = function (_a) {
     return (React.createElement("nav", { className: "breadcrumb" }, items.map(function (item, index) { return (React.createElement(React.Fragment, { key: item.key },
         index > 0 && (React.createElement("span", { className: "breadcrumb-separator" },
             React.createElement("i", { className: "allaw-icon-chevron-right" }))),
-        React.createElement("a", { href: item.link, className: "breadcrumb-link" },
-            React.createElement(TinyInfo, { variant: "medium14", color: index === items.length - 1 ? "dark-grey" : "mid-grey", text: item.label, align: "left" })))); })));
+        item.link ? (React.createElement("a", { href: item.link, className: "breadcrumb-link" },
+            React.createElement(TinyInfo, { variant: "medium14", color: index === items.length - 1 ? "dark-grey" : "mid-grey", text: item.label, align: "left" }))) : (React.createElement("span", { className: "breadcrumb-link" },
+            React.createElement(TinyInfo, { variant: "medium14", color: index === items.length - 1 ? "dark-grey" : "mid-grey", text: item.label, align: "left" }))))); })));
 };
 export default Breadcrumb;

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

@@ -200,6 +200,42 @@ var ProSwitchModal = function (_a) {
         var selectedPros = pros.filter(function (p) { return newSelected.includes(p.proUserId); });
         onSelect(selectedPros);
     };
+    // Sélectionner tous les pros filtrés
+    var handleSelectAll = function () {
+        if (!onSelect || mode !== "multiple")
+            return;
+        var allFilteredIds = sortedAndFilteredPros.map(function (p) { return p.proUserId; });
+        var allFilteredPros = pros.filter(function (p) {
+            return allFilteredIds.includes(p.proUserId);
+        });
+        onSelect(allFilteredPros);
+    };
+    // Désélectionner tous les pros filtrés (en gardant au moins un sélectionné)
+    var handleDeselectAll = function () {
+        if (!onSelect || mode !== "multiple")
+            return;
+        var allFilteredIds = sortedAndFilteredPros.map(function (p) { return p.proUserId; });
+        // Désélectionner tous les pros filtrés, mais garder au moins un pro sélectionné au total
+        var remainingSelected = selected.filter(function (id) { return !allFilteredIds.includes(id); });
+        if (remainingSelected.length === 0 && pros.length > 0) {
+            // Si on désélectionne tout, garder le premier pro de la liste complète (pas filtré)
+            var firstPro = pros[0];
+            if (firstPro) {
+                onSelect([firstPro]);
+            }
+        }
+        else if (remainingSelected.length > 0) {
+            // Garder les pros non filtrés qui étaient sélectionnés
+            var remainingPros = pros.filter(function (p) {
+                return remainingSelected.includes(p.proUserId);
+            });
+            onSelect(remainingPros);
+        }
+    };
+    // Vérifier si tous les pros filtrés sont sélectionnés
+    var allFilteredSelected = mode === "multiple" &&
+        sortedAndFilteredPros.length > 0 &&
+        sortedAndFilteredPros.every(function (p) { return selected.includes(p.proUserId); });
     // Validation en mode multiple
     var handleValidateSelection = function () {
         onClosePortal();
@@ -237,8 +273,16 @@ var ProSwitchModal = function (_a) {
                     React.createElement("div", { className: styles.headerReorderLabel }, reorderLabel && (React.createElement(Paragraph, { variant: "medium", color: "mid-grey", text: reorderLabel }))),
                     React.createElement("div", { className: styles.headerReorderActions },
                         React.createElement("button", { className: styles.cancelBtn, onClick: handleCancel, type: "button" }, "Annuler"),
-                        React.createElement("button", { className: styles.validateBtn, onClick: handleValidate, type: "button" }, "Valider")))) : (React.createElement("div", { className: styles.searchContainer },
-                    React.createElement(SearchBar, { value: search, onChange: setSearch, placeholder: "Rechercher...", showClear: true, endIcon: "allaw-icon-search" })))) : (React.createElement("div", { style: { flex: 1 } })),
+                        React.createElement("button", { className: styles.validateBtn, onClick: handleValidate, type: "button" }, "Valider")))) : (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: styles.searchContainer },
+                        React.createElement(SearchBar, { value: search, onChange: setSearch, placeholder: "Rechercher...", showClear: true, endIcon: "allaw-icon-search" })),
+                    mode === "multiple" && (React.createElement("button", { className: styles.selectAllBtn, onClick: allFilteredSelected ? handleDeselectAll : handleSelectAll, type: "button", "aria-label": allFilteredSelected
+                            ? "Tout désélectionner"
+                            : "Tout sélectionner" }, allFilteredSelected ? "Tout désélectionner" : "Tout sélectionner"))))) : (React.createElement(React.Fragment, null,
+                    React.createElement("div", { style: { flex: 1 } }),
+                    mode === "multiple" && !isReorder && (React.createElement("button", { className: styles.selectAllBtn, onClick: allFilteredSelected ? handleDeselectAll : handleSelectAll, type: "button", "aria-label": allFilteredSelected
+                            ? "Tout désélectionner"
+                            : "Tout sélectionner" }, allFilteredSelected ? "Tout désélectionner" : "Tout sélectionner")))),
                 pros.length > 4 && (React.createElement("div", { className: styles.buttonContainer, style: { justifyContent: "flex-start" } },
                     React.createElement("div", { className: styles.reorderContainer },
                         React.createElement("button", { className: styles.reorderBtn, onClick: function () { return setIsReorder(function (v) { return !v; }); }, "aria-label": isReorder

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

@@ -75,6 +75,27 @@
   transition: background 0.15s;
 }
 
+.selectAllBtn {
+  padding: 8px 16px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-family: var(--font-open-sans, "Open Sans");
+  font-weight: 600;
+  color: var(--bleu-allaw, #25beeb);
+  background: transparent;
+  border: 1px solid var(--bleu-allaw, #25beeb);
+  cursor: pointer;
+  transition: all 0.15s;
+  white-space: nowrap;
+  margin-left: 12px;
+}
+
+.selectAllBtn:hover {
+  background: #f6fcfe;
+  color: #1ca6d6;
+  border-color: #1ca6d6;
+}
+
 .reorderBtn {
   margin-right: 8px;
 }
@@ -288,6 +309,19 @@
   .grid {
     gap: 16px 8px;
   }
+  .selectAllBtn {
+    font-size: 13px;
+    padding: 6px 12px;
+    margin-left: 8px;
+  }
+}
+
+@media (max-width: 480px) {
+  .selectAllBtn {
+    font-size: 12px;
+    padding: 6px 10px;
+    margin-left: 6px;
+  }
 }
 
 .selectionFooter {

package/package.json

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