@agorapulse/ui-components 22.0.29 → 22.0.30

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "22.0.29",
+  "version": "22.0.30",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",

package/types/agorapulse-ui-components-nav-selector-testing.d.ts

@@ -1,5 +1,5 @@
 import { AvatarNetwork } from '@agorapulse/ui-components/avatar';
-import { NavSelectorLeafAction, NavSelectorLeafDetails, NavSelectorLeaf } from '@agorapulse/ui-components/nav-selector';
+import { NavSelectorLeafAction, NavSelectorLeafDetails, NavSelectorLeafTags, NavSelectorLeaf } from '@agorapulse/ui-components/nav-selector';
 
 /**
  * Usage Example:
@@ -35,6 +35,7 @@ declare function generateLeafElements(options: {
     featureLockedFrequency?: number;
     actions?: NavSelectorLeafAction[];
     details?: Partial<NavSelectorLeafDetails>[];
+    tags?: NavSelectorLeafTags;
 }, customizer?: (leaf: NavSelectorLeaf, index: number) => NavSelectorLeaf): NavSelectorLeaf[];
 /**
  * Utility function to generate group type elements with children
@@ -58,6 +59,7 @@ declare function generateGroupElements(options: {
     featureLockedFrequency?: number;
     actions?: NavSelectorLeafAction[];
     details?: Partial<NavSelectorLeafDetails>[];
+    tags?: NavSelectorLeafTags;
 }): any;
 
 export { generateGroupElements, generateLeafElements };

package/types/agorapulse-ui-components-nav-selector.d.ts

@@ -42,6 +42,18 @@ interface NavSelectorTranslatedTexts {
     viewMore: string;
     /** Text of the button to show less details, it’s used when we limit the number of details displayed  */
     viewLess: string;
+    /** Text of the button opening the filter dropdown */
+    filter: string;
+    /** Text of the button clearing the filters inside the filter dropdown */
+    clearFilters: string;
+    /** Text of the button applying the filters picked inside the filter dropdown */
+    applyFilters: string;
+    /**
+     * Heading of each tag group inside the filter dropdown, keyed by tag name. Tag names are a structural taxonomy, not
+     * consumer data like the tag values are, so they need a translation of their own. Keying on `NavSelectorLeafTags`
+     * makes the compiler ask for one whenever a tag name is added.
+     */
+    tagNames: Record<keyof NavSelectorLeafTags, string>;
 }
 /**
  * Common interface for the NavSelector
@@ -69,6 +81,12 @@ type NavSelectorLeafAction = {
     /** Whether to add a divider before this item */
     dividerEnabled?: boolean;
 };
+/**
+ * Represent tags on a leaf. It can support many kind of tags so it is flexible
+ */
+type NavSelectorLeafTags = {
+    attributes: string[];
+};
 /**
  * Represent final entry of the nav selector
  */
@@ -97,6 +115,8 @@ type NavSelectorLeaf = {
     details: NavSelectorLeafDetails[];
     /** Optional actions that can be performed on the leaf */
     actions: NavSelectorLeafAction[];
+    /** List of tags */
+    tags: NavSelectorLeafTags;
     type: 'LEAF';
 } & NavSelectorBaseNode;
 /**
@@ -244,6 +264,12 @@ type InternalNavSelectorCategory = {
     avatarPictureUrlDisplayed: boolean;
     type: 'CATEGORY';
 } & InternalNavSelectorBaseNode;
+/**
+ * Represent final tags of leaf. It can support many kind of tags so it is flexible.
+ */
+type InternalNavSelectorLeafTags = {
+    attributes: string[];
+};
 /**
  * Represent final entry of the nav selector
  */
@@ -291,6 +317,8 @@ type InternalNavSelectorLeaf = {
     /** Details of the leaf */
     details: InternalNavSelectorLeafDetails[];
     type: 'LEAF';
+    /** List of tags of the leaf */
+    tags: InternalNavSelectorLeafTags;
     /** Indicates if the view more section should be display for details */
     viewMoreDisplayable: boolean;
     /** Indicates if the view more or view less button is displayed */
@@ -343,6 +371,8 @@ declare class NavSelectorState {
     style: Signal<NavSelectorStyle>;
     private multipleModeEnabled;
     private _texts;
+    tagsFilterDisplayed: Signal<boolean>;
+    tagsFilters: _angular_core.WritableSignal<Partial<InternalNavSelectorLeafTags>>;
     isMultipleModeEnabled: _angular_core.WritableSignal<boolean>;
     search: _angular_core.WritableSignal<string>;
     noResults: Signal<boolean>;
@@ -380,6 +410,8 @@ declare class NavSelectorState {
     onArrowUp(): void;
     private collectSelectedUids;
     private getFoldingOptions;
+    filterTags(tags: InternalNavSelectorLeafTags): void;
+    clearFilterTags(): void;
     fold(entry: InternalNavSelectorEntry): void;
     unfold(entry: InternalNavSelectorEntry): void;
     updateDetailsDisplayedLimit(detailsDisplayedLimit: number): void;
@@ -441,4 +473,4 @@ declare class NavSelectorComponent implements OnInit {
 }
 
 export { NavSelectorComponent, NavSelectorPopoverItemComponent };
-export type { NavSelectorCategory, NavSelectorCategoryEmptyStateActionEvent, NavSelectorEntry, NavSelectorGroup, NavSelectorLeaf, NavSelectorLeafAction, NavSelectorLeafActionClickedEvent, NavSelectorLeafDetails, NavSelectorTranslatedTexts, NodeAccessibility };
+export type { NavSelectorCategory, NavSelectorCategoryEmptyStateActionEvent, NavSelectorEntry, NavSelectorGroup, NavSelectorLeaf, NavSelectorLeafAction, NavSelectorLeafActionClickedEvent, NavSelectorLeafDetails, NavSelectorLeafTags, NavSelectorTranslatedTexts, NodeAccessibility };