allaw-ui 5.4.7 → 5.4.8

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

@@ -13,12 +13,15 @@ import AvatarToggleGroup from "./AvatarToggleGroup";
 import ProSwitchModal from "./ProSwitchModal";
 import styles from "./proSwitch.module.css";
 var LOCALSTORAGE_KEY = "allaw.proSwitch.order";
+var LOCALSTORAGE_SELECTED_KEY = "allaw.proSwitch.selected";
 var ProSwitch = function (_a) {
     var _b = _a.pros, pros = _b === void 0 ? [] : _b, _c = _a.selected, selected = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.disabled, disabled = _d === void 0 ? false : _d, maxVisible = _a.maxVisible, onSelect = _a.onSelect, onOrderChange = _a.onOrderChange, onOpenPortal = _a.onOpenPortal, onClosePortal = _a.onClosePortal, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.showTooltips, showTooltips = _f === void 0 ? false : _f, _g = _a.tooltipId, tooltipId = _g === void 0 ? "pro-switch-tooltip" : _g;
     var containerRef = useRef(null);
     var _h = useState([]), order = _h[0], setOrder = _h[1];
     var _j = useState(selected), selectedIds = _j[0], setSelectedIds = _j[1];
     var _k = useState(false), modalOpen = _k[0], setModalOpen = _k[1];
+    var selectionHydrationAttemptedRef = useRef(false);
+    var didReceiveExternalSelectedRef = useRef(selected.length > 0);
     // Initialisation de l'ordre depuis localStorage ou props
     useEffect(function () {
         var initialOrder = pros.map(function (p) { return p.proUserId; });
@@ -39,10 +42,56 @@ var ProSwitch = function (_a) {
         }
         setOrder(initialOrder);
     }, [pros]);
+    // Hydrater la sélection depuis localStorage (une seule fois, quand pros est dispo)
+    useEffect(function () {
+        if (selectionHydrationAttemptedRef.current)
+            return;
+        if (!pros || pros.length === 0)
+            return;
+        if (didReceiveExternalSelectedRef.current) {
+            selectionHydrationAttemptedRef.current = true;
+            return;
+        }
+        selectionHydrationAttemptedRef.current = true;
+        try {
+            var stored = localStorage.getItem(LOCALSTORAGE_SELECTED_KEY);
+            if (!stored)
+                return;
+            var arr = JSON.parse(stored);
+            var filtered = arr.filter(function (id) { return pros.some(function (p) { return p.proUserId === id; }); });
+            var hydratedIds_1 = mode === "single" ? filtered.slice(0, 1) : filtered;
+            if (hydratedIds_1.length === 0)
+                return;
+            setSelectedIds(hydratedIds_1);
+            if (onSelect) {
+                var hydratedPros = pros.filter(function (p) {
+                    return hydratedIds_1.includes(p.proUserId);
+                });
+                onSelect(hydratedPros);
+            }
+        }
+        catch (_a) {
+            // ignore
+        }
+    }, [pros, mode, onSelect]);
     // Sync selectedIds si props.selected change
     useEffect(function () {
+        if (!didReceiveExternalSelectedRef.current) {
+            if (selected.length === 0)
+                return;
+            didReceiveExternalSelectedRef.current = true;
+        }
         setSelectedIds(selected);
     }, [selected]);
+    // Persister la sélection (après tentative d'hydratation) pour éviter d'écraser le storage au 1er render
+    useEffect(function () {
+        if (!selectionHydrationAttemptedRef.current)
+            return;
+        try {
+            localStorage.setItem(LOCALSTORAGE_SELECTED_KEY, JSON.stringify(selectedIds));
+        }
+        catch (_a) { }
+    }, [selectedIds]);
     // Gestion de la sélection
     var handleSelect = useCallback(function (selectedPros) {
         var newSelectedIds = selectedPros.map(function (p) { return p.proUserId; });
@@ -54,6 +103,10 @@ var ProSwitch = function (_a) {
             return;
         }
         setSelectedIds(newSelectedIds);
+        try {
+            localStorage.setItem(LOCALSTORAGE_SELECTED_KEY, JSON.stringify(newSelectedIds));
+        }
+        catch (_a) { }
         if (onSelect)
             onSelect(selectedPros);
     }, [mode, selectedIds, onSelect]);

package/package.json

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