@ieeesa-npm/presentation 0.5.4 → 0.5.6

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.
Files changed (40) hide show
  1. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
  2. package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
  3. package/esm2022/lib/components/chips/chips.component.mjs +33 -15
  4. package/esm2022/lib/components/data-table/data-table.component.mjs +7 -3
  5. package/esm2022/lib/components/date-picker/date-picker.component.mjs +3 -3
  6. package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +3 -3
  7. package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +3 -3
  8. package/esm2022/lib/components/filter/filter.component.mjs +20 -9
  9. package/esm2022/lib/components/footer/footer.component.mjs +10 -3
  10. package/esm2022/lib/components/form-error/form-error.component.mjs +3 -3
  11. package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +3 -3
  12. package/esm2022/lib/components/header/header.component.mjs +15 -11
  13. package/esm2022/lib/components/input/input.component.mjs +3 -3
  14. package/esm2022/lib/components/menu/menu.component.mjs +3 -3
  15. package/esm2022/lib/components/modal/modal.component.mjs +3 -3
  16. package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +3 -3
  17. package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +3 -3
  18. package/esm2022/lib/components/notification/notification.component.mjs +3 -3
  19. package/esm2022/lib/components/radio/radio.component.mjs +3 -3
  20. package/esm2022/lib/components/search/search.component.mjs +3 -3
  21. package/esm2022/lib/components/select/select.component.mjs +3 -3
  22. package/esm2022/lib/components/text-area/text-area.component.mjs +3 -3
  23. package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +3 -3
  24. package/esm2022/lib/components/welcome/welcome.component.mjs +26 -3
  25. package/esm2022/lib/models/app-config-info.model.mjs +1 -1
  26. package/esm2022/lib/models/chip-option.model.mjs +1 -1
  27. package/esm2022/lib/models/header-config.model.mjs +1 -1
  28. package/esm2022/lib/models/navigation-menu.model.mjs +1 -1
  29. package/fesm2022/ieeesa-npm-presentation.mjs +159 -91
  30. package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
  31. package/lib/components/chips/chips.component.d.ts +15 -9
  32. package/lib/components/filter/filter.component.d.ts +4 -4
  33. package/lib/components/footer/footer.component.d.ts +8 -1
  34. package/lib/components/header/header.component.d.ts +4 -4
  35. package/lib/components/welcome/welcome.component.d.ts +9 -1
  36. package/lib/models/app-config-info.model.d.ts +5 -0
  37. package/lib/models/chip-option.model.d.ts +1 -0
  38. package/lib/models/header-config.model.d.ts +4 -0
  39. package/lib/models/navigation-menu.model.d.ts +1 -1
  40. package/package.json +2 -2
@@ -1,4 +1,5 @@
1
1
  import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
2
+ import { MatChipListbox } from '@angular/material/chips';
2
3
  import { Subject } from 'rxjs';
3
4
  import { BreakpointObserverService } from '@ieeesa-npm/utility';
4
5
  import { ChipOption, ChipOrientation, ChipsType } from '../../models/chip-option.model';
@@ -14,7 +15,6 @@ import * as i0 from "@angular/core";
14
15
  export declare class ChipsComponent implements OnInit, OnDestroy {
15
16
  breakpointObserverService: BreakpointObserverService;
16
17
  defaultVisibleChips: ChipOption[];
17
- isViewMoreActive: boolean;
18
18
  isMobileView: boolean;
19
19
  labelViewAllOrLess: string;
20
20
  constants: {
@@ -44,6 +44,13 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
44
44
  arrow: {
45
45
  id: number;
46
46
  iconURL: string;
47
+ /**
48
+ * Chips component allow users to view information, make selections, filter content.
49
+ * @export
50
+ * @class ChipComponent
51
+ * @implements {OnInit}
52
+ * @implements {OnDestroy}
53
+ */
47
54
  toolTip: string;
48
55
  ariaLabel: string;
49
56
  };
@@ -108,10 +115,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
108
115
  ariaLabel: {
109
116
  helpLink: string;
110
117
  userProfile: string;
111
- /**
112
- * Shows list of chips on the basis of view more/less button state.
113
- * @memberof ChipComponent
114
- */
115
118
  hamburgerMenu: string;
116
119
  };
117
120
  label: {
@@ -147,6 +150,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
147
150
  };
148
151
  chipsType: typeof ChipsType;
149
152
  orientations: typeof ChipOrientation;
153
+ activeLabel: string;
150
154
  destroy$: Subject<boolean>;
151
155
  private chips;
152
156
  set chipGroup(value: ChipOption[]);
@@ -157,9 +161,11 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
157
161
  hasViewMoreForMobile: boolean;
158
162
  avatar: IconButton;
159
163
  arrow: IconButton;
160
- typeOfChip: ChipsType;
164
+ chipListBox: MatChipListbox;
161
165
  isViewMoreNeeded: boolean;
162
- hasChipToggled: boolean;
166
+ private hasChipToggledInfo;
167
+ get hasChipToggled(): boolean;
168
+ set hasChipToggled(value: boolean);
163
169
  viewAllLabel: string;
164
170
  viewLessLabel: string;
165
171
  selectedChip: EventEmitter<any>;
@@ -175,7 +181,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
175
181
  * Shows list of chips on the basis of view more/less button state.
176
182
  * @memberof ChipComponent
177
183
  */
178
- viewChips(): void;
184
+ viewChips(clickedLabel: string): void;
179
185
  /**
180
186
  * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
181
187
  * @memberof ChipsComponent
@@ -195,5 +201,5 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
195
201
  */
196
202
  ngOnDestroy(): void;
197
203
  static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
198
- 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; }; "typeOfChip": { "alias": "typeOfChip"; "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>;
204
+ 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>;
199
205
  }
@@ -1,9 +1,9 @@
1
- import { EventEmitter, OnDestroy } from '@angular/core';
1
+ import { EventEmitter, OnDestroy, ChangeDetectorRef } from '@angular/core';
2
2
  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, ChipsType } from '../../models/chip-option.model';
6
+ import { ChipOption } from '../../models/chip-option.model';
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
9
  * Provides an implementation for group of filter.
@@ -13,6 +13,7 @@ import * as i0 from "@angular/core";
13
13
  */
14
14
  export declare class FilterComponent implements OnDestroy {
15
15
  private breakpointObserverService;
16
+ private changeDetectorReference;
16
17
  constants: any;
17
18
  arrow: IconButton;
18
19
  removeIcon: IconButton;
@@ -22,7 +23,6 @@ export declare class FilterComponent implements OnDestroy {
22
23
  isFilterActive: boolean;
23
24
  isMobileView: boolean;
24
25
  isApplyButtonDisabled: boolean;
25
- typeOfChip: ChipsType;
26
26
  destroy$: Subject<boolean>;
27
27
  private filteredTypeOptionsInfo;
28
28
  set appliedFilterOptions(options: ChipOption[]);
@@ -33,7 +33,7 @@ export declare class FilterComponent implements OnDestroy {
33
33
  selectedFilter: EventEmitter<ChipOption>;
34
34
  filteredOptions: EventEmitter<CheckboxOption[]>;
35
35
  removeFilteredOption: EventEmitter<ChipOption>;
36
- constructor(breakpointObserverService: BreakpointObserverService);
36
+ constructor(breakpointObserverService: BreakpointObserverService, changeDetectorReference: ChangeDetectorRef);
37
37
  /**
38
38
  * OnFilterSelected receives the selected filter from chip component, emits the selected filter and toggle the isFilterByOptionsVisible state.
39
39
  * @param {ChipOption} type
@@ -13,10 +13,17 @@ export declare class FooterComponent implements OnInit {
13
13
  * @memberof FooterComponent
14
14
  */
15
15
  footerConfig: FooterConfig;
16
+ /**
17
+ * Input property to get the user signed in status.
18
+ * @type {boolean}
19
+ * @memberof FooterComponent
20
+ */
21
+ isSignedIn: boolean;
16
22
  screenTexts: any;
17
23
  currentYear: number;
18
24
  /**
19
25
  * Initializes the component with default values if not provided.
26
+ * It should hide the the dashboard link if the user is not signed in.
20
27
  * @return -returns nothing
21
28
  * @memberof FooterComponent
22
29
  */
@@ -30,5 +37,5 @@ export declare class FooterComponent implements OnInit {
30
37
  */
31
38
  trackByFunc(index: number, link: FooterLink): string;
32
39
  static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
33
- static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "ieeesa-footer", never, { "footerConfig": { "alias": "footerConfig"; "required": false; }; }, {}, never, never, true, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "ieeesa-footer", never, { "footerConfig": { "alias": "footerConfig"; "required": false; }; "isSignedIn": { "alias": "isSignedIn"; "required": false; }; }, {}, never, never, true, never>;
34
41
  }
@@ -1,7 +1,6 @@
1
1
  import { EventEmitter, OnDestroy } from '@angular/core';
2
2
  import { HeaderConfig } from '../../models/header-config.model';
3
- import { Router } from '@angular/router';
4
- import { BreakpointObserverService } from '@ieeesa-npm/utility';
3
+ import { BreakpointObserverService, AuthService } from '@ieeesa-npm/utility';
5
4
  import { Subject } from 'rxjs';
6
5
  import * as i0 from "@angular/core";
7
6
  /**
@@ -9,8 +8,8 @@ import * as i0 from "@angular/core";
9
8
  * @class HeaderComponent
10
9
  */
11
10
  export declare class HeaderComponent implements OnDestroy {
12
- private router;
13
11
  private breakPointObserverService;
12
+ private authService;
14
13
  private headerConfigInfo;
15
14
  /**
16
15
  * HeaderConfig represents the configurable properties required for header component.
@@ -24,10 +23,11 @@ export declare class HeaderComponent implements OnDestroy {
24
23
  screenTexts: any;
25
24
  isMobileView: boolean;
26
25
  toggleNavMenuClick: EventEmitter<Event>;
27
- constructor(router: Router, breakPointObserverService: BreakpointObserverService);
26
+ constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService);
28
27
  /**
29
28
  * Desktop event to navigate to logout page.
30
29
  * @memberof HeaderComponent
30
+ * It will deletes the application specific and SSO related cookies
31
31
  */
32
32
  logout(): void;
33
33
  /**
@@ -19,8 +19,16 @@ export declare class WelcomeComponent {
19
19
  */
20
20
  appConfigInfo: AppConfigInfo;
21
21
  signInClick: EventEmitter<Event>;
22
+ signUpClick: EventEmitter<Event>;
22
23
  constants: any;
24
+ url: string;
23
25
  constructor(router: Router);
26
+ /**
27
+ * Navigates to passed sign up route url or emits the click event in case route url is not there.
28
+ * @param {Event} event
29
+ * @memberof WelcomeComponent
30
+ */
31
+ onCreateAccountClick(event: Event): void;
24
32
  /**
25
33
  * Navigates to passed sign in route url or emits the click event in case route url is not there.
26
34
  * @param {Event} event
@@ -28,5 +36,5 @@ export declare class WelcomeComponent {
28
36
  */
29
37
  onSignInClick(event: Event): void;
30
38
  static ɵfac: i0.ɵɵFactoryDeclaration<WelcomeComponent, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<WelcomeComponent, "ieeesa-welcome", never, { "appConfigInfo": { "alias": "appConfigInfo"; "required": false; }; }, { "signInClick": "signInClick"; }, never, never, true, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<WelcomeComponent, "ieeesa-welcome", never, { "appConfigInfo": { "alias": "appConfigInfo"; "required": false; }; }, { "signInClick": "signInClick"; "signUpClick": "signUpClick"; }, never, never, true, never>;
32
40
  }
@@ -6,4 +6,9 @@ export interface AppConfigInfo {
6
6
  imgURL?: string;
7
7
  };
8
8
  signInRouteUrl?: string;
9
+ cookieName: string;
10
+ ssoSignOutUrl: string;
11
+ redirectUrlPostSignOut: string;
12
+ signOutRedirectionCookie: string;
13
+ createAccountRouteUrl?: string;
9
14
  }
@@ -15,4 +15,5 @@ export interface ChipOption {
15
15
  name: string;
16
16
  checked: boolean;
17
17
  disabled?: boolean;
18
+ chipType: ChipsType;
18
19
  }
@@ -5,4 +5,8 @@ export interface HeaderConfig {
5
5
  userName: string;
6
6
  helpLink: string;
7
7
  logoutLink: string;
8
+ ssoSignOutUrl: string;
9
+ redirectUrlPostSignOut: string;
10
+ signOutRedirectionCookie: string;
11
+ cookieName: string;
8
12
  }
@@ -4,6 +4,6 @@ export interface SideMenuItem {
4
4
  isEnabled?: boolean;
5
5
  iconURL?: string;
6
6
  routeURL?: string;
7
- permissionId: number;
7
+ permissionId: string;
8
8
  subMenuItems?: SideMenuItem[];
9
9
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.5.4",
3
+ "version": "0.5.6",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",
@@ -19,7 +19,7 @@
19
19
  "rxjs": "~7.8.0",
20
20
  "zone.js": "~0.13.0",
21
21
  "@ieeesa-npm/shared-styles": "^0.1.4",
22
- "@ieeesa-npm/feature": "^0.3.6"
22
+ "@ieeesa-npm/feature": "^0.3.8"
23
23
  },
24
24
  "dependencies": {
25
25
  "tslib": "^2.3.0"