@agorapulse/ui-components 20.4.15 → 20.4.17

package/filter-dropdown/index.d.ts

@@ -100,13 +100,27 @@ interface FilterDropdownGroupToggle extends FilterDropdownGroupBase {
     item: FilterDropdownItemToggle;
     defaultSelected?: boolean;
 }
-interface FilterDropdownGroupSelect extends FilterDropdownGroupBase {
+interface FilterDropdownGroupSelectSingle extends FilterDropdownGroupBase {
+    /** An optional label to display next to each filter item (e.g. "and", "or"). Only applicable for checkbox, radio and toggle filter groups. */
+    inlineLabel?: string;
+    /** The type of the FilterDropdownGroupBase */
+    filterType: 'select';
+    /** Whether the select allows single selection */
+    selectionType: 'single';
+    /** An optional type to determine the icon/avatar/symbol to display for each item. Only applicable for select filter groups. */
+    displayType: SelectLabelSingleDisplayType;
+    /** An optional text to display when all items are selected. Only applicable for select filter groups with multiple selection. */
+    onlyText?: string;
+    items: FilterDropdownItemSelect[];
+    defaultSelected?: unknown;
+}
+interface FilterDropdownGroupSelectMultiple extends FilterDropdownGroupBase {
     /** An optional label to display next to each filter item (e.g. "and", "or"). Only applicable for checkbox, radio and toggle filter groups. */
     inlineLabel?: string;
     /** The type of the FilterDropdownGroupBase */
     filterType: 'select';
     /** Whether the select allows single or multiple selection */
-    selectionType: 'single' | 'multiple';
+    selectionType: 'multiple';
     /** An optional type to determine the icon/avatar/symbol to display for each item. Only applicable for select filter groups. */
     displayType: SelectLabelSingleDisplayType;
     /** An optional text to display when all items are selected. Only applicable for select filter groups with multiple selection. */
@@ -124,7 +138,7 @@ interface FilterDropdownGroupDateRange extends FilterDropdownGroupBase {
     firstDayOfWeek?: FirstDayOfWeek;
     dateFormat?: string;
 }
-type FilterDropdownGroup = FilterDropdownGroupCheckbox | FilterDropdownGroupRadio | FilterDropdownGroupToggle | FilterDropdownGroupSelect | FilterDropdownGroupDateRange;
+type FilterDropdownGroup = FilterDropdownGroupCheckbox | FilterDropdownGroupRadio | FilterDropdownGroupToggle | FilterDropdownGroupSelectSingle | FilterDropdownGroupSelectMultiple | FilterDropdownGroupDateRange;
 
 declare class FilterState {
     private readonly _groups;
@@ -177,6 +191,8 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     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 feature to save presets is locked for the org */
+    presetsFeatureLocked: _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 */
@@ -198,6 +214,8 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
     closed: _angular_core.OutputEmitterRef<void>;
+    /** Emits when save presets is clicked but is feature locked */
+    presetsLockedClicked: _angular_core.OutputEmitterRef<void>;
     /** Emits when save presets is clicked */
     saveNewPresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
     /** Emits when save presets is clicked */
@@ -223,7 +241,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, { "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>;
+    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; }; "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; }; "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"; }, never, never, true, never>;
 }
 
 declare class FilterDropdownButtonComponent {
@@ -239,6 +257,8 @@ declare class FilterDropdownButtonComponent {
     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 feature to save presets is locked for the org */
+    presetsFeatureLocked: _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 */
@@ -260,6 +280,8 @@ declare class FilterDropdownButtonComponent {
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
     closed: _angular_core.OutputEmitterRef<void>;
+    /** Emits when save presets is clicked but is feature locked */
+    presetsLockedClicked: _angular_core.OutputEmitterRef<void>;
     /** Emits when save presets is clicked */
     saveNewPresets: _angular_core.OutputEmitterRef<FilterDropdownOutput>;
     /** Emits when save presets is clicked */
@@ -276,8 +298,8 @@ declare class FilterDropdownButtonComponent {
     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>;
+    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; }; "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; }; "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"; }, never, never, true, never>;
 }
 
 export { FilterDropdownButtonComponent, FilterDropdownComponent };
-export type { FilterDropdownGroup, FilterDropdownGroupCheckbox, FilterDropdownGroupDateRange, FilterDropdownGroupRadio, FilterDropdownGroupSelect, FilterDropdownGroupToggle, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle, FilterDropdownOutput, FilterDropdownType, FilterDropdownValue, FilterDropdownValueCheckbox, FilterDropdownValueDateRange, FilterDropdownValueMultipleSelect, FilterDropdownValueRadio, FilterDropdownValueSingleSelect, FilterDropdownValueToggle };
+export type { FilterDropdownGroup, FilterDropdownGroupCheckbox, FilterDropdownGroupDateRange, FilterDropdownGroupRadio, FilterDropdownGroupSelectMultiple, FilterDropdownGroupSelectSingle, FilterDropdownGroupToggle, FilterDropdownItemCheckbox, FilterDropdownItemRadio, FilterDropdownItemSelect, FilterDropdownItemToggle, FilterDropdownOutput, FilterDropdownType, FilterDropdownValue, FilterDropdownValueCheckbox, FilterDropdownValueDateRange, FilterDropdownValueMultipleSelect, FilterDropdownValueRadio, FilterDropdownValueSingleSelect, FilterDropdownValueToggle };

package/index.d.ts

@@ -46,7 +46,6 @@ 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 { 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';
@@ -60,6 +59,7 @@ export { StatusComponent } from '@agorapulse/ui-components/status';
 export { StatusCardActor, StatusCardComponent } from '@agorapulse/ui-components/status-card';
 export { TagComponent } from '@agorapulse/ui-components/tag';
 export { ToggleComponent } from '@agorapulse/ui-components/toggle';
+export * from '@agorapulse/ui-components/filter-dropdown';
 
 /**
  * @deprecated for better tree-shaking, use standalone component import instead

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "20.4.15",
+  "version": "20.4.17",
   "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"