@ieeesa-npm/presentation 0.13.7 → 0.13.9

package/lib/components/accordion/accordion.component.d.ts

@@ -1,11 +1,23 @@
+import { OnDestroy } from '@angular/core';
 import { MatAccordion } from '@angular/material/expansion';
 import { AccordionInfo } from '../../models/accordion-info.model';
+import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class AccordionComponent {
+export declare class AccordionComponent implements OnDestroy {
+    private breakpointObserverService;
+    destroy$: Subject<boolean>;
     accordion: MatAccordion;
+    isMobileView: boolean;
     private accordionDetails;
     set accordionInfo(value: AccordionInfo);
     get accordionInfo(): AccordionInfo;
+    constructor(breakpointObserverService: BreakpointObserverService);
+    /**
+     * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof AccordionComponent
+     */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ieeesa-accordion", never, { "accordionInfo": { "alias": "accordionInfo"; "required": false; }; }, {}, never, ["[component]"], true, never>;
 }

package/lib/components/chips/chips.component.d.ts

@@ -60,6 +60,12 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                     toolTip: string;
                     ariaLabel: string;
                 };
+                check: {
+                    id: number;
+                    iconURL: string;
+                    toolTip: string;
+                    ariaLabel: string;
+                };
             };
         };
         dataTable: {
@@ -99,11 +105,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 clearAll: string;
             };
             buttons: {
-                /**
-                 * Onclick the chip, it emits selectedChip event with selected chip.
-                 * @param {ChipOption} chip
-                 * @memberof ChipComponent
-                 */
                 id: number;
                 iconURL: string;
                 toolTip: string;
@@ -245,6 +246,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
     hasViewMoreForMobile: boolean;
     avatar: IconButton;
     arrow: IconButton;
+    check: IconButton;
     chipListBox: MatChipListbox;
     isViewMoreNeeded: boolean;
     private hasChipToggledInfo;
@@ -285,5 +287,5 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ieeesa-chips", never, { "chipGroup": { "alias": "chipGroup"; "required": false; }; "chipOrientation": { "alias": "chipOrientation"; "required": false; }; "noOfDefaultVisibleChips": { "alias": "noOfDefaultVisibleChips"; "required": false; }; "hasViewMoreForDesktop": { "alias": "hasViewMoreForDesktop"; "required": false; }; "hasViewMoreForMobile": { "alias": "hasViewMoreForMobile"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "isViewMoreNeeded": { "alias": "isViewMoreNeeded"; "required": false; }; "hasChipToggled": { "alias": "hasChipToggled"; "required": false; }; "viewAllLabel": { "alias": "viewAllLabel"; "required": false; }; "viewLessLabel": { "alias": "viewLessLabel"; "required": false; }; }, { "selectedChip": "selectedChip"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ieeesa-chips", never, { "chipGroup": { "alias": "chipGroup"; "required": false; }; "chipOrientation": { "alias": "chipOrientation"; "required": false; }; "noOfDefaultVisibleChips": { "alias": "noOfDefaultVisibleChips"; "required": false; }; "hasViewMoreForDesktop": { "alias": "hasViewMoreForDesktop"; "required": false; }; "hasViewMoreForMobile": { "alias": "hasViewMoreForMobile"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "check": { "alias": "check"; "required": false; }; "isViewMoreNeeded": { "alias": "isViewMoreNeeded"; "required": false; }; "hasChipToggled": { "alias": "hasChipToggled"; "required": false; }; "viewAllLabel": { "alias": "viewAllLabel"; "required": false; }; "viewLessLabel": { "alias": "viewLessLabel"; "required": false; }; }, { "selectedChip": "selectedChip"; }, never, never, true, never>;
 }

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -79,7 +79,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formTimeSelected: EventEmitter<SelectedTime>;
     supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
-    formFileUpload: EventEmitter<FileList | File>;
+    formFileUpload: EventEmitter<File | FileList>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
     formRadioOptionSelected: EventEmitter<RadioOption>;

package/lib/components/file-upload/file-upload.component.d.ts

@@ -57,6 +57,12 @@ export declare class FileUploadComponent implements OnInit {
                     toolTip: string;
                     ariaLabel: string;
                 };
+                check: {
+                    id: number;
+                    iconURL: string;
+                    toolTip: string;
+                    ariaLabel: string;
+                };
             };
         };
         dataTable: {
@@ -276,8 +282,8 @@ export declare class FileUploadComponent implements OnInit {
     private uploadedSizeValue;
     get uploadedSize(): number;
     set uploadedSize(value: number);
-    uploadSelectedFiles: EventEmitter<FileList | File>;
-    downloadSelectedFile: EventEmitter<FileList | File>;
+    uploadSelectedFiles: EventEmitter<File | FileList>;
+    downloadSelectedFile: EventEmitter<File | FileList>;
     constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService);
     /**
      * Initializes component properties and retrieves configuration.

package/lib/components/filter/filter.component.d.ts

@@ -3,8 +3,9 @@ import { BreakpointObserverService } from '@ieeesa-npm/utility';
 import { Subject } from 'rxjs';
 import { CheckboxOption } from '../../models/checkbox-option.model';
 import { IconButton } from '../../models/icon-button.model';
-import { ChipOption } from '../../models/chip-option.model';
+import { ChipOption, FilterOptionType } from '../../models/chip-option.model';
 import { FiltersAndOptions } from '../../models/filters-options.model';
+import { SelectOption } from '../../models/select-option.model';
 import * as i0 from "@angular/core";
 /**
  * Provides an implementation for group of filter.
@@ -17,6 +18,7 @@ export declare class FilterComponent implements OnDestroy {
     private changeDetectorReference;
     constants: any;
     arrow: IconButton;
+    check: IconButton;
     removeIcon: IconButton;
     isFilterOpened: boolean;
     selectedCheckboxes: CheckboxOption[];
@@ -28,11 +30,17 @@ export declare class FilterComponent implements OnDestroy {
     destroy$: Subject<boolean>;
     recreateCheckboxOptionsControl: CheckboxOption[];
     private filteredTypeOptionsInfo;
+    private selectedFilterOptionType;
+    set filterOptionType(optionType: FilterOptionType);
+    get filterOptionType(): FilterOptionType;
+    optionsType: typeof FilterOptionType;
     set appliedFilterOptions(options: ChipOption[]);
     get appliedFilterOptions(): ChipOption[];
     filterButton: IconButton;
     filters: ChipOption[];
+    canShowSelection: boolean;
     private selectedFilterOptionsList;
+    selectedFilterDropDownList: SelectOption[];
     selectedFilterId: string | number;
     prevSelectedFilterOptionsList: CheckboxOption[];
     set selectedFilterOptions(options: CheckboxOption[]);
@@ -75,6 +83,16 @@ export declare class FilterComponent implements OnDestroy {
      * @memberof FilterComponent
      */
     ngOnDestroy(): void;
+    /**
+     * OnDropdownSelectionChange() is called for every drop down selection changes and sets selectedFilterOptionsList.
+     * @memberof FilterComponent
+     */
+    onDropdownSelectionChange(option: SelectOption): void;
+    /**
+     * SetFilterSelectionOnOptionChange() called on every selection and deselection of filter option and sets canShowSelection flag to show or hide the tick mark of selected filter option.
+     * @memberof FilterComponent
+     */
+    setFilterSelectionOnOptionChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "ieeesa-filter", never, { "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "filterButton": { "alias": "filterButton"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; }, { "selectedFilter": "selectedFilter"; "filteredOptions": "filteredOptions"; "removeFilteredOption": "removeFilteredOption"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "ieeesa-filter", never, { "filterOptionType": { "alias": "filterOptionType"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "filterButton": { "alias": "filterButton"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "canShowSelection": { "alias": "canShowSelection"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; }, { "selectedFilter": "selectedFilter"; "filteredOptions": "filteredOptions"; "removeFilteredOption": "removeFilteredOption"; }, never, never, true, never>;
 }

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -72,7 +72,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
     dropdownOpenedChange: EventEmitter<SelectOpenedState>;
     formColorPickerChange: EventEmitter<string>;
-    formFileUpload: EventEmitter<FileList | File>;
+    formFileUpload: EventEmitter<File | FileList>;
     formRadioOptionSelected: EventEmitter<RadioOption>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);

package/lib/directives/file-upload/file-upload.directive.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class FileUploadDirective {
     allowedFileTypes: string[];
     isMultiFileUpload: boolean;
-    fileDropped: EventEmitter<FileList | File>;
+    fileDropped: EventEmitter<File | FileList>;
     /**
      * Binds the 'multiple' attribute based on the value of allowMultiple property.
      * @readonly

package/lib/models/chip-option.model.d.ts

@@ -10,10 +10,16 @@ export declare enum ChipsType {
     FORM_CONTROL = "FORM_CONTROL",
     AVATAR = "AVATAR"
 }
+export declare enum FilterOptionType {
+    CHECKBOX = "CHECKBOX",
+    DROPDOWN = "DROPDOWN"
+}
 export interface ChipOption {
     id: number | string;
     name: string;
     checked: boolean;
     disabled?: boolean;
     chipType: ChipsType;
+    optionType?: FilterOptionType;
+    canShowSelection?: boolean;
 }

package/lib/services/file-upload.service.d.ts

@@ -59,6 +59,12 @@ export declare class FileUploadService implements OnDestroy {
                     toolTip: string;
                     ariaLabel: string;
                 };
+                check: {
+                    id: number;
+                    iconURL: string;
+                    toolTip: string;
+                    ariaLabel: string;
+                };
             };
         };
         dataTable: {
@@ -70,17 +76,18 @@ export declare class FileUploadService implements OnDestroy {
             };
             ariaLabel: {
                 search: string;
+                /**
+                 * Sets the base URL for API requests.
+                 * @param {string} apiBaseUrl -API base URL.
+                 * @memberof FileUploadService
+                 */
                 selectAll: string;
                 select: string;
                 link: string;
                 pagination: string;
             };
             buttons: {
-                id: number; /**
-                 * Sets the base URL for API requests.
-                 * @param {string} apiBaseUrl -API base URL.
-                 * @memberof FileUploadService
-                 */
+                id: number;
                 iconURL: string;
                 toolTip: string;
                 ariaLabel: string;
@@ -105,6 +112,11 @@ export declare class FileUploadService implements OnDestroy {
                 id: number;
                 iconURL: string;
                 toolTip: string;
+                /**
+                 * Gets file upload progress.
+                 * @param {*} message
+                 * @memberof FileUploadService
+                 */
                 ariaLabel: string;
             }[];
         };
@@ -113,11 +125,6 @@ export declare class FileUploadService implements OnDestroy {
             leftCharacters: string;
         };
         autocomplete: {
-            /**
-             * Gets file upload progress.
-             * @param {*} message
-             * @memberof FileUploadService
-             */
             minCharToSearch: number;
             debounceTime: number;
         };
@@ -133,13 +140,7 @@ export declare class FileUploadService implements OnDestroy {
                 signOut: string;
             };
             buttons: {
-                id: number; /**
-                 * Return distinct message for sent, upload progress, & response events.
-                 * @param {HttpEvent<any>} event
-                 * @param {(File | FileList)} file
-                 * @return {*}
-                 * @memberof FileUploadService
-                 */
+                id: number;
                 iconURL: string;
                 toolTip: string;
                 ariaLabel: string;
@@ -173,14 +174,15 @@ export declare class FileUploadService implements OnDestroy {
         };
         welcome: {
             buttons: {
-                label: string;
-                ariaLabel: string;
-                url: string; /**
+                /**
                  * Retrieves presigned URL for downloading files to Amazon S3 bucket.
                  * @param {(File | FileList)} file
                  * @return {Observable<string>}
                  * @memberof FileUploadService
                  */
+                label: string;
+                ariaLabel: string;
+                url: string;
             }[];
         };
         breadcrumb: {
@@ -234,14 +236,7 @@ export declare class FileUploadService implements OnDestroy {
                 iconURL: string;
                 toolTip: string;
                 disabled: boolean;
-            }[]; /**
-             * Validates the file types of the uploaded files.
-             * @param {(File | FileList)} files
-             * @param {string[]} allowedFileTypes
-             * @param {boolean} isMultiFileUpload
-             * @return {boolean} -Returns true if all files have valid extensions, otherwise false.
-             * @memberof FileUploadService
-             */
+            }[];
             message: {
                 error: {
                     errorReadingFile: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.13.7",
+  "version": "0.13.9",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/src/lib/assets/constants.json

@@ -40,6 +40,12 @@
         "iconURL": "assets/images/sprites/sprites.svg#icon-trailing",
         "toolTip": "",
         "ariaLabel": "Remove"
+      },
+      "check": {
+        "id": 2,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-check",
+        "toolTip": "",
+        "ariaLabel": "Check"
       }
     }
   },
@@ -113,7 +119,7 @@
   },
   "filter": {
     "label": {
-      "filterBy": "Filter By:",
+      "filterBy": "Filter by:",
       "applyButton": "Apply",
       "clearAll": "Clear All"
     },