@agorapulse/ui-components 22.1.1 → 22.1.3

package/package.json

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

package/types/agorapulse-ui-components-filter-dropdown.d.ts

@@ -1,5 +1,6 @@
 import { AvatarNetwork } from '@agorapulse/ui-components/avatar';
 import { Locale, FirstDayOfWeek, Period } from '@agorapulse/ui-components/datepicker';
+import { InfoboxType } from '@agorapulse/ui-components/infobox';
 import dayjs from 'dayjs';
 import { SelectLabelSingleDisplayType } from '@agorapulse/ui-components/select';
 import { TagColor } from '@agorapulse/ui-components/tag';
@@ -73,6 +74,26 @@ interface FilterValueEdit {
     key: string;
     value: FilterDropdownValue;
 }
+/** An optional link rendered before the infobox message (e.g. "Connect an Ad account"). */
+interface FilterDropdownInfoboxLink {
+    label: string;
+    /** When set, the link navigates to this URL. When omitted, activating it emits `infoboxLinkClick` instead. */
+    href?: string;
+}
+/**
+ * An optional infobox shown at the bottom of the popup content, above the footer.
+ * Pass it to the `infobox` input to surface contextual information such as a link.
+ */
+interface FilterDropdownInfobox {
+    /** The message shown in the infobox. */
+    text: string;
+    /** The infobox style. Defaults to `'info'`. */
+    type?: InfoboxType;
+    /** An optional title shown above the message. */
+    title?: string;
+    /** An optional link rendered before the message. */
+    link?: FilterDropdownInfoboxLink;
+}
 interface FilterDropdownGroupBase {
     /** Unique key to identify this filter in the output */
     key: string;
@@ -255,6 +276,8 @@ declare class FilterDropdownComponent implements DropdownOverlay {
      */
     syncFromInputs: _angular_core.EffectRef;
     filterGroupTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /** An optional infobox shown at the bottom of the popup content, above the footer (e.g. a link). */
+    infobox: _angular_core.InputSignal<FilterDropdownInfobox | null>;
     /**
      * The filter groups to display: STRUCTURE only (keys, titles, options, locks, display type, and the
      * optional initial `expanded` seed). Not a value binding — selection lives in `value`, never here.
@@ -299,6 +322,8 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     resetFilterText: _angular_core.InputSignal<string>;
     applyFiltersText: _angular_core.InputSignal<string>;
     clearFilterText: _angular_core.InputSignal<string>;
+    /** Emits when a hrefless infobox link is activated, so a consumer can run an in-app action. */
+    infoboxLinkClick: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is opened */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
@@ -351,7 +376,7 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     onUpdatePresets(): void;
     protected onActionDropdownItemClick(item: ActionDropdownItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needClearButton": { "alias": "needClearButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "infobox": { "alias": "infobox"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needClearButton": { "alias": "needClearButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "infoboxLinkClick": "infoboxLinkClick"; "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
 }
 
 declare class FilterDropdownButtonComponent {
@@ -360,6 +385,8 @@ declare class FilterDropdownButtonComponent {
     activeFilterCount: _angular_core.Signal<number>;
     /** text of the button, input specific to the button */
     buttonFilterText: _angular_core.InputSignal<string>;
+    /** An optional infobox shown at the bottom of the popup content, above the footer (e.g. a link). */
+    infobox: _angular_core.InputSignal<FilterDropdownInfobox | null>;
     /** input specific to the filter-dropdown */
     /** The filter groups to display: STRUCTURE only (keys, titles, options, locks, display type, expand seed). */
     groups: _angular_core.InputSignal<FilterDropdownGroup[]>;
@@ -396,6 +423,8 @@ declare class FilterDropdownButtonComponent {
     resetFilterText: _angular_core.InputSignal<string>;
     applyFiltersText: _angular_core.InputSignal<string>;
     clearFilterText: _angular_core.InputSignal<string>;
+    /** Emits when a hrefless infobox link is activated, so a consumer can run an in-app action. */
+    infoboxLinkClick: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is opened */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
@@ -417,8 +446,8 @@ declare class FilterDropdownButtonComponent {
     /** Event emitted when a group with locked feature is clicked */
     filterDropdownGroupLockedClicked: _angular_core.OutputEmitterRef<FilterDropdownGroup>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterDropdownButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownButtonComponent, "ap-filter-dropdown-button", never, { "buttonFilterText": { "alias": "buttonFilterText"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needClearButton": { "alias": "needClearButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownButtonComponent, "ap-filter-dropdown-button", never, { "buttonFilterText": { "alias": "buttonFilterText"; "required": false; "isSignal": true; }; "infobox": { "alias": "infobox"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needClearButton": { "alias": "needClearButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "infoboxLinkClick": "infoboxLinkClick"; "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
 }
 
 export { FilterDropdownButtonComponent, FilterDropdownComponent };
-export type { ExpandOnOpenPolicy, FilterDropdownGroup, FilterDropdownGroupCheckbox, FilterDropdownGroupDateRange, FilterDropdownGroupRadio, FilterDropdownGroupSelectMultiple, FilterDropdownGroupSelectSingle, FilterDropdownGroupToggle, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle, FilterDropdownOutput, FilterDropdownType, FilterDropdownValue, FilterDropdownValueCheckbox, FilterDropdownValueDateRange, FilterDropdownValueMultipleSelect, FilterDropdownValueRadio, FilterDropdownValueSingleSelect, FilterDropdownValueToggle, FilterValueEdit };
+export type { ExpandOnOpenPolicy, FilterDropdownGroup, FilterDropdownGroupCheckbox, FilterDropdownGroupDateRange, FilterDropdownGroupRadio, FilterDropdownGroupSelectMultiple, FilterDropdownGroupSelectSingle, FilterDropdownGroupToggle, FilterDropdownInfobox, FilterDropdownInfoboxLink, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle, FilterDropdownOutput, FilterDropdownType, FilterDropdownValue, FilterDropdownValueCheckbox, FilterDropdownValueDateRange, FilterDropdownValueMultipleSelect, FilterDropdownValueRadio, FilterDropdownValueSingleSelect, FilterDropdownValueToggle, FilterValueEdit };

package/types/agorapulse-ui-components-infobox.d.ts

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { agorapulseSymbol } from '@agorapulse/ui-symbol';
 
+type InfoboxType = 'info' | 'warning' | 'error' | 'success' | 'feature-lock';
 declare class InfoboxComponent {
     private readonly symbolRegistry;
     private readonly elementRef;
@@ -11,7 +12,7 @@ declare class InfoboxComponent {
     buttonSymbolId: i0.InputSignal<string | undefined>;
     closable: boolean;
     title?: string;
-    type: 'info' | 'warning' | 'error' | 'success' | 'feature-lock';
+    type: InfoboxType;
     buttonClicked: EventEmitter<void>;
     closed: EventEmitter<void>;
     displayDirection: 'horizontal' | 'vertical';
@@ -28,3 +29,4 @@ declare class InfoboxComponent {
 }
 
 export { InfoboxComponent };
+export type { InfoboxType };