@agorapulse/ui-components 20.4.14 → 20.4.16

package/filter-dropdown/index.d.ts

@@ -6,14 +6,13 @@ import { TagColor } from '@agorapulse/ui-components/tag';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { DropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
+import { ActionDropdownItem } from '@agorapulse/ui-components/action-dropdown';
 
 type FilterDropdownType = 'checkbox' | 'radio' | 'toggle' | 'select' | 'date-range';
 interface FilterDropdownItemCheckbox {
     label: string;
     name: string;
-    checked?: boolean;
     disabled?: boolean;
-    indeterminate?: boolean;
 }
 interface FilterDropdownItemRadio {
     label: string;
@@ -130,8 +129,12 @@ type FilterDropdownGroup = FilterDropdownGroupCheckbox | FilterDropdownGroupRadi
 declare class FilterState {
     private readonly _groups;
     private readonly _draft;
+    activeFilterCount: _angular_core.Signal<number>;
     readonly groups: _angular_core.Signal<FilterDropdownGroup[]>;
     readonly draft: _angular_core.Signal<FilterDropdownOutput>;
+    isFilterCountActive: _angular_core.Signal<boolean>;
+    private readonly _hasChanges;
+    readonly buttonsDisabled: _angular_core.Signal<boolean>;
     /** Initialize groups and seed draft from config defaults */
     initialize(groups: FilterDropdownGroup[]): void;
     collapseHeader(key: string): void;
@@ -166,6 +169,7 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     private readonly overlay;
     readonly filterState: FilterState;
     initGroups: _angular_core.EffectRef;
+    emitOnValueChange: _angular_core.EffectRef;
     filterGroupTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     /** The filter groups to display in the dropdown */
     items: _angular_core.InputSignal<FilterDropdownGroup[] | undefined>;
@@ -175,13 +179,18 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     closable: _angular_core.InputSignal<boolean>;
     /** whether the mode is in preset mode */
     savePresetsMode: _angular_core.InputSignal<boolean>;
+    /** whether the user is currently editing presets. Only necessary if savePresetsMode is at true */
+    editingPresetsMode: _angular_core.InputSignal<boolean>;
     /** Whether to show a backdrop that closes the dropdown when clicked */
     showBackdrop: _angular_core.InputSignal<boolean>;
     /** Whether the dropdown is disabled and cannot be opened */
     disabled: _angular_core.InputSignal<boolean>;
     /** Default position for the dropdown relative to the trigger element */
     defaultPosition: _angular_core.InputSignal<"left" | "right">;
-    savePresetsText: _angular_core.InputSignal<string>;
+    saveNewPresetsText: _angular_core.InputSignal<string>;
+    saveAsNewPresetText: _angular_core.InputSignal<string>;
+    savePresetText: _angular_core.InputSignal<string>;
+    updateExistingPresetText: _angular_core.InputSignal<string>;
     resetFilterText: _angular_core.InputSignal<string>;
     applyFiltersText: _angular_core.InputSignal<string>;
     clearFilterText: _angular_core.InputSignal<string>;
@@ -190,7 +199,9 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     /** Emits when the dropdown menu is closed */
     closed: _angular_core.OutputEmitterRef<void>;
     /** Emits when save presets is clicked */
-    savePresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
+    saveNewPresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
+    /** Emits when save presets is clicked */
+    updatePresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
     /** Emits when filters are applied */
     applyFilters: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
     /** Emits when user clicks on clear filter */
@@ -198,6 +209,7 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     /** Emits when user clicks on reset filter */
     resetFilters: _angular_core.OutputEmitterRef<void>;
     readonly isOpen: _angular_core.Signal<boolean>;
+    savePresetsDropdownItems: _angular_core.Signal<ActionDropdownItem[]>;
     /** Opens the dropdown menu at the specified trigger element */
     open(triggerElement?: HTMLElement): void;
     /** Closes the dropdown menu and cleans up overlay resources */
@@ -208,9 +220,64 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     onClearFilters(): void;
     onResetFilters(): void;
     onSavePresets(): void;
+    onUpdatePresets(): void;
+    protected onActionDropdownItemClick(item: ActionDropdownItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "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; }; "savePresetsText": { "alias": "savePresetsText"; "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"; "savePresets": "savePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "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; }; "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"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; }, never, never, true, never>;
+}
+
+declare class FilterDropdownButtonComponent {
+    readonly filterState: FilterState;
+    isFilterCountActive: _angular_core.Signal<boolean>;
+    activeFilterCount: _angular_core.Signal<number>;
+    /** text of the button, input specific to the button */
+    buttonFilterText: _angular_core.InputSignal<string>;
+    /** input specific to the filter-dropdown */
+    /** The filter groups to display in the dropdown */
+    items: _angular_core.InputSignal<FilterDropdownGroup[] | undefined>;
+    /** Whether the filter needs the apply button to be clicked for applyFilters to emit  */
+    needApplyButton: _angular_core.InputSignal<boolean>;
+    /** Whether the filter group can be closed (collapsed) by the user. If false, the group will always be expanded and the user won't see a toggle button. */
+    closable: _angular_core.InputSignal<boolean>;
+    /** whether the mode is in preset mode */
+    savePresetsMode: _angular_core.InputSignal<boolean>;
+    /** whether the user is currently editing presets. Only necessary if savePresetsMode is at true */
+    editingPresetsMode: _angular_core.InputSignal<boolean>;
+    /** Whether to show a backdrop that closes the dropdown when clicked */
+    showBackdrop: _angular_core.InputSignal<boolean>;
+    /** Whether the dropdown is disabled and cannot be opened */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Default position for the dropdown relative to the trigger element */
+    defaultPosition: _angular_core.InputSignal<"left" | "right">;
+    saveNewPresetsText: _angular_core.InputSignal<string>;
+    saveAsNewPresetText: _angular_core.InputSignal<string>;
+    savePresetText: _angular_core.InputSignal<string>;
+    updateExistingPresetText: _angular_core.InputSignal<string>;
+    resetFilterText: _angular_core.InputSignal<string>;
+    applyFiltersText: _angular_core.InputSignal<string>;
+    clearFilterText: _angular_core.InputSignal<string>;
+    /** Emits when the dropdown menu is opened */
+    opened: _angular_core.OutputEmitterRef<void>;
+    /** Emits when the dropdown menu is closed */
+    closed: _angular_core.OutputEmitterRef<void>;
+    /** Emits when save presets is clicked */
+    saveNewPresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
+    /** Emits when save presets is clicked */
+    updatePresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
+    /** Emits when filters are applied */
+    applyFilters: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
+    /** Emits when user clicks on clear filter */
+    clearFilters: _angular_core.OutputEmitterRef<void>;
+    /** Emits when user clicks on reset filter */
+    resetFilters: _angular_core.OutputEmitterRef<void>;
+    onApplyFilters(): void;
+    onClearFilters(): void;
+    onResetFilters(): void;
+    onSavePresets(): void;
+    onUpdatePresets(): void;
+    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; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "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; }; "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"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; }, never, never, true, never>;
 }
 
-export { FilterDropdownComponent };
+export { FilterDropdownButtonComponent, FilterDropdownComponent };
 export type { FilterDropdownGroup, FilterDropdownGroupCheckbox, FilterDropdownGroupDateRange, FilterDropdownGroupRadio, FilterDropdownGroupSelect, FilterDropdownGroupToggle, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle, FilterDropdownOutput, FilterDropdownType, FilterDropdownValue, FilterDropdownValueCheckbox, FilterDropdownValueDateRange, FilterDropdownValueMultipleSelect, FilterDropdownValueRadio, FilterDropdownValueSingleSelect, FilterDropdownValueToggle };

package/index.d.ts

@@ -46,7 +46,7 @@ export { BadgeComponent } from '@agorapulse/ui-components/badge';
 export { ButtonComponent } from '@agorapulse/ui-components/button';
 export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
 export { CounterComponent } from '@agorapulse/ui-components/counter';
-export { FilterDropdownComponent, FilterDropdownGroup, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle } from '@agorapulse/ui-components/filter-dropdown';
+export { FilterDropdownButtonComponent, FilterDropdownComponent, FilterDropdownGroup, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle, FilterDropdownOutput } from '@agorapulse/ui-components/filter-dropdown';
 export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
 export { InputComponent } from '@agorapulse/ui-components/legacy/input';
 export { SelectComponent } from '@agorapulse/ui-components/legacy/select';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "20.4.14",
+  "version": "20.4.16",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -96,6 +96,10 @@
       "types": "./dropdown-base/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-dropdown-base.mjs"
     },
+    "./filter-chips-list": {
+      "types": "./filter-chips-list/index.d.ts",
+      "default": "./fesm2022/agorapulse-ui-components-filter-chips-list.mjs"
+    },
     "./filter-dropdown": {
       "types": "./filter-dropdown/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-filter-dropdown.mjs"