@ieeesa-npm/presentation 0.13.7 → 0.13.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/assets/constants.json +7 -1
- package/esm2022/lib/components/chips/chips.component.mjs +5 -3
- package/esm2022/lib/components/data-table/data-table.component.mjs +2 -2
- package/esm2022/lib/components/filter/filter.component.mjs +81 -6
- package/esm2022/lib/models/chip-option.model.mjs +6 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +94 -10
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/chips/chips.component.d.ts +8 -6
- package/lib/components/file-upload/file-upload.component.d.ts +6 -0
- package/lib/components/filter/filter.component.d.ts +20 -2
- package/lib/models/chip-option.model.d.ts +6 -0
- package/lib/services/file-upload.service.d.ts +23 -28
- package/package.json +1 -1
- package/src/lib/assets/constants.json +7 -1
|
@@ -60,6 +60,12 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
60
60
|
toolTip: string;
|
|
61
61
|
ariaLabel: string;
|
|
62
62
|
};
|
|
63
|
+
check: {
|
|
64
|
+
id: number;
|
|
65
|
+
iconURL: string;
|
|
66
|
+
toolTip: string;
|
|
67
|
+
ariaLabel: string;
|
|
68
|
+
};
|
|
63
69
|
};
|
|
64
70
|
};
|
|
65
71
|
dataTable: {
|
|
@@ -99,11 +105,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
99
105
|
clearAll: string;
|
|
100
106
|
};
|
|
101
107
|
buttons: {
|
|
102
|
-
/**
|
|
103
|
-
* Onclick the chip, it emits selectedChip event with selected chip.
|
|
104
|
-
* @param {ChipOption} chip
|
|
105
|
-
* @memberof ChipComponent
|
|
106
|
-
*/
|
|
107
108
|
id: number;
|
|
108
109
|
iconURL: string;
|
|
109
110
|
toolTip: string;
|
|
@@ -245,6 +246,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
245
246
|
hasViewMoreForMobile: boolean;
|
|
246
247
|
avatar: IconButton;
|
|
247
248
|
arrow: IconButton;
|
|
249
|
+
check: IconButton;
|
|
248
250
|
chipListBox: MatChipListbox;
|
|
249
251
|
isViewMoreNeeded: boolean;
|
|
250
252
|
private hasChipToggledInfo;
|
|
@@ -285,5 +287,5 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
285
287
|
*/
|
|
286
288
|
ngOnDestroy(): void;
|
|
287
289
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
|
|
288
|
-
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>;
|
|
290
|
+
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>;
|
|
289
291
|
}
|
|
@@ -3,8 +3,9 @@ import { BreakpointObserverService } from '@ieeesa-npm/utility';
|
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
4
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
5
5
|
import { IconButton } from '../../models/icon-button.model';
|
|
6
|
-
import { ChipOption } from '../../models/chip-option.model';
|
|
6
|
+
import { ChipOption, FilterOptionType } from '../../models/chip-option.model';
|
|
7
7
|
import { FiltersAndOptions } from '../../models/filters-options.model';
|
|
8
|
+
import { SelectOption } from '../../models/select-option.model';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
/**
|
|
10
11
|
* Provides an implementation for group of filter.
|
|
@@ -17,6 +18,7 @@ export declare class FilterComponent implements OnDestroy {
|
|
|
17
18
|
private changeDetectorReference;
|
|
18
19
|
constants: any;
|
|
19
20
|
arrow: IconButton;
|
|
21
|
+
check: IconButton;
|
|
20
22
|
removeIcon: IconButton;
|
|
21
23
|
isFilterOpened: boolean;
|
|
22
24
|
selectedCheckboxes: CheckboxOption[];
|
|
@@ -28,11 +30,17 @@ export declare class FilterComponent implements OnDestroy {
|
|
|
28
30
|
destroy$: Subject<boolean>;
|
|
29
31
|
recreateCheckboxOptionsControl: CheckboxOption[];
|
|
30
32
|
private filteredTypeOptionsInfo;
|
|
33
|
+
private selectedFilterOptionType;
|
|
34
|
+
set filterOptionType(optionType: FilterOptionType);
|
|
35
|
+
get filterOptionType(): FilterOptionType;
|
|
36
|
+
optionsType: typeof FilterOptionType;
|
|
31
37
|
set appliedFilterOptions(options: ChipOption[]);
|
|
32
38
|
get appliedFilterOptions(): ChipOption[];
|
|
33
39
|
filterButton: IconButton;
|
|
34
40
|
filters: ChipOption[];
|
|
41
|
+
canShowSelection: boolean;
|
|
35
42
|
private selectedFilterOptionsList;
|
|
43
|
+
selectedFilterDropDownList: SelectOption[];
|
|
36
44
|
selectedFilterId: string | number;
|
|
37
45
|
prevSelectedFilterOptionsList: CheckboxOption[];
|
|
38
46
|
set selectedFilterOptions(options: CheckboxOption[]);
|
|
@@ -75,6 +83,16 @@ export declare class FilterComponent implements OnDestroy {
|
|
|
75
83
|
* @memberof FilterComponent
|
|
76
84
|
*/
|
|
77
85
|
ngOnDestroy(): void;
|
|
86
|
+
/**
|
|
87
|
+
* OnDropdownSelectionChange() is called for every drop down selection changes and sets selectedFilterOptionsList.
|
|
88
|
+
* @memberof FilterComponent
|
|
89
|
+
*/
|
|
90
|
+
onDropdownSelectionChange(option: SelectOption): void;
|
|
91
|
+
/**
|
|
92
|
+
* 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.
|
|
93
|
+
* @memberof FilterComponent
|
|
94
|
+
*/
|
|
95
|
+
setFilterSelectionOnOptionChange(): void;
|
|
78
96
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
|
|
79
|
-
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>;
|
|
97
|
+
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>;
|
|
80
98
|
}
|
|
@@ -10,10 +10,16 @@ export declare enum ChipsType {
|
|
|
10
10
|
FORM_CONTROL = "FORM_CONTROL",
|
|
11
11
|
AVATAR = "AVATAR"
|
|
12
12
|
}
|
|
13
|
+
export declare enum FilterOptionType {
|
|
14
|
+
CHECKBOX = "CHECKBOX",
|
|
15
|
+
DROPDOWN = "DROPDOWN"
|
|
16
|
+
}
|
|
13
17
|
export interface ChipOption {
|
|
14
18
|
id: number | string;
|
|
15
19
|
name: string;
|
|
16
20
|
checked: boolean;
|
|
17
21
|
disabled?: boolean;
|
|
18
22
|
chipType: ChipsType;
|
|
23
|
+
optionType?: FilterOptionType;
|
|
24
|
+
canShowSelection?: boolean;
|
|
19
25
|
}
|
|
@@ -59,6 +59,12 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
59
59
|
toolTip: string;
|
|
60
60
|
ariaLabel: string;
|
|
61
61
|
};
|
|
62
|
+
check: {
|
|
63
|
+
id: number;
|
|
64
|
+
iconURL: string;
|
|
65
|
+
toolTip: string;
|
|
66
|
+
ariaLabel: string;
|
|
67
|
+
};
|
|
62
68
|
};
|
|
63
69
|
};
|
|
64
70
|
dataTable: {
|
|
@@ -70,17 +76,18 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
70
76
|
};
|
|
71
77
|
ariaLabel: {
|
|
72
78
|
search: string;
|
|
79
|
+
/**
|
|
80
|
+
* Sets the base URL for API requests.
|
|
81
|
+
* @param {string} apiBaseUrl -API base URL.
|
|
82
|
+
* @memberof FileUploadService
|
|
83
|
+
*/
|
|
73
84
|
selectAll: string;
|
|
74
85
|
select: string;
|
|
75
86
|
link: string;
|
|
76
87
|
pagination: string;
|
|
77
88
|
};
|
|
78
89
|
buttons: {
|
|
79
|
-
id: number;
|
|
80
|
-
* Sets the base URL for API requests.
|
|
81
|
-
* @param {string} apiBaseUrl -API base URL.
|
|
82
|
-
* @memberof FileUploadService
|
|
83
|
-
*/
|
|
90
|
+
id: number;
|
|
84
91
|
iconURL: string;
|
|
85
92
|
toolTip: string;
|
|
86
93
|
ariaLabel: string;
|
|
@@ -105,6 +112,11 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
105
112
|
id: number;
|
|
106
113
|
iconURL: string;
|
|
107
114
|
toolTip: string;
|
|
115
|
+
/**
|
|
116
|
+
* Gets file upload progress.
|
|
117
|
+
* @param {*} message
|
|
118
|
+
* @memberof FileUploadService
|
|
119
|
+
*/
|
|
108
120
|
ariaLabel: string;
|
|
109
121
|
}[];
|
|
110
122
|
};
|
|
@@ -113,11 +125,6 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
113
125
|
leftCharacters: string;
|
|
114
126
|
};
|
|
115
127
|
autocomplete: {
|
|
116
|
-
/**
|
|
117
|
-
* Gets file upload progress.
|
|
118
|
-
* @param {*} message
|
|
119
|
-
* @memberof FileUploadService
|
|
120
|
-
*/
|
|
121
128
|
minCharToSearch: number;
|
|
122
129
|
debounceTime: number;
|
|
123
130
|
};
|
|
@@ -133,13 +140,7 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
133
140
|
signOut: string;
|
|
134
141
|
};
|
|
135
142
|
buttons: {
|
|
136
|
-
id: number;
|
|
137
|
-
* Return distinct message for sent, upload progress, & response events.
|
|
138
|
-
* @param {HttpEvent<any>} event
|
|
139
|
-
* @param {(File | FileList)} file
|
|
140
|
-
* @return {*}
|
|
141
|
-
* @memberof FileUploadService
|
|
142
|
-
*/
|
|
143
|
+
id: number;
|
|
143
144
|
iconURL: string;
|
|
144
145
|
toolTip: string;
|
|
145
146
|
ariaLabel: string;
|
|
@@ -173,14 +174,15 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
173
174
|
};
|
|
174
175
|
welcome: {
|
|
175
176
|
buttons: {
|
|
176
|
-
|
|
177
|
-
ariaLabel: string;
|
|
178
|
-
url: string; /**
|
|
177
|
+
/**
|
|
179
178
|
* Retrieves presigned URL for downloading files to Amazon S3 bucket.
|
|
180
179
|
* @param {(File | FileList)} file
|
|
181
180
|
* @return {Observable<string>}
|
|
182
181
|
* @memberof FileUploadService
|
|
183
182
|
*/
|
|
183
|
+
label: string;
|
|
184
|
+
ariaLabel: string;
|
|
185
|
+
url: string;
|
|
184
186
|
}[];
|
|
185
187
|
};
|
|
186
188
|
breadcrumb: {
|
|
@@ -234,14 +236,7 @@ export declare class FileUploadService implements OnDestroy {
|
|
|
234
236
|
iconURL: string;
|
|
235
237
|
toolTip: string;
|
|
236
238
|
disabled: boolean;
|
|
237
|
-
}[];
|
|
238
|
-
* Validates the file types of the uploaded files.
|
|
239
|
-
* @param {(File | FileList)} files
|
|
240
|
-
* @param {string[]} allowedFileTypes
|
|
241
|
-
* @param {boolean} isMultiFileUpload
|
|
242
|
-
* @return {boolean} -Returns true if all files have valid extensions, otherwise false.
|
|
243
|
-
* @memberof FileUploadService
|
|
244
|
-
*/
|
|
239
|
+
}[];
|
|
245
240
|
message: {
|
|
246
241
|
error: {
|
|
247
242
|
errorReadingFile: string;
|
package/package.json
CHANGED
|
@@ -40,6 +40,12 @@
|
|
|
40
40
|
"iconURL": "assets/images/sprites/sprites.svg#icon-trailing",
|
|
41
41
|
"toolTip": "",
|
|
42
42
|
"ariaLabel": "Remove"
|
|
43
|
+
},
|
|
44
|
+
"check": {
|
|
45
|
+
"id": 2,
|
|
46
|
+
"iconURL": "assets/images/sprites/sprites.svg#icon-check",
|
|
47
|
+
"toolTip": "",
|
|
48
|
+
"ariaLabel": "Check"
|
|
43
49
|
}
|
|
44
50
|
}
|
|
45
51
|
},
|
|
@@ -113,7 +119,7 @@
|
|
|
113
119
|
},
|
|
114
120
|
"filter": {
|
|
115
121
|
"label": {
|
|
116
|
-
"filterBy": "Filter
|
|
122
|
+
"filterBy": "Filter by:",
|
|
117
123
|
"applyButton": "Apply",
|
|
118
124
|
"clearAll": "Clear All"
|
|
119
125
|
},
|