@agorapulse/ui-components 22.0.12 → 22.0.14

package/fesm2022/agorapulse-ui-components-nav-selector.mjs

@@ -1887,10 +1887,24 @@ class NavSelectorState {
             newEntries = NavSelectorBuilder.build(entries, initialSelectedEntryUids?.[0] ?? null, detailsDisplayedLimit);
         }
         this._entries.update(oldEntries => {
+            const previouslySelectedUids = this.collectSelectedUids(oldEntries);
             const mergeEntries = NavSelectorMerger.mergeInternalNavSelectorEntries(newEntries, oldEntries);
-            return NavSelectorFilter.filter(mergeEntries, this.search(), this.multipleModeEnabled());
+            const unfoldedEntries = this.unfoldParentsOfNewlySelectedEntries(mergeEntries, previouslySelectedUids);
+            return NavSelectorFilter.filter(unfoldedEntries, this.search(), this.multipleModeEnabled());
         });
     }
+    /**
+     * Re-applies the unfold the merger discarded, only for newly selected entries: unfolding on every update
+     * would re-open a node the user has just folded.
+     */
+    unfoldParentsOfNewlySelectedEntries(entries, previouslySelectedUids) {
+        const newlySelectedUids = this.collectSelectedUids(entries).filter(uid => !previouslySelectedUids.includes(uid));
+        if (!newlySelectedUids.length) {
+            return entries;
+        }
+        const options = this.getFoldingOptions();
+        return newlySelectedUids.reduce((unfoldedEntries, uid) => NavSelectorFolding.unfoldParents(unfoldedEntries, uid, options), entries);
+    }
     onGroupToggleFolding(group) {
         this._entries.update(entries => NavSelectorFolding.toggleFolding(entries, group.uid, this.getFoldingOptions()));
     }