@alfresco/adf-core 8.4.0-19162119468 → 8.4.0-19165518976

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 (14) hide show
  1. package/bundles/assets/adf-core/i18n/en.json +2 -1
  2. package/custom-theme/material-theme.scss +13 -13
  3. package/custom-theme/theme/custom-palette-creator.scss +23 -25
  4. package/custom-theme/theme/custom-theme-palettes.scss +7 -7
  5. package/custom-theme/theme/theme-data.scss +13 -13
  6. package/custom-theme/theme/typography.scss +5 -5
  7. package/fesm2022/adf-core.mjs +48 -9
  8. package/fesm2022/adf-core.mjs.map +1 -1
  9. package/lib/datatable/components/columns-selector/columns-selector.component.d.ts +2 -1
  10. package/lib/datatable/components/columns-selector/columns-selector.component.scss +89 -76
  11. package/lib/notifications/components/notification-history.component.d.ts +9 -3
  12. package/lib/styles/_mat-selectors.scss +2 -0
  13. package/lib/testing/unit-testing-utils.d.ts +4 -0
  14. package/package.json +3 -3
package/lib/datatable/components/columns-selector/columns-selector.component.d.ts CHANGED
@@ -18,6 +18,7 @@ import { EventEmitter, OnInit } from '@angular/core';
18
18
  import { UntypedFormControl } from '@angular/forms';
19
19
  import { MatMenuTrigger } from '@angular/material/menu';
20
20
  import { DataColumn } from '../../data/data-column.model';
21
+ import { MatSelectionListChange } from '@angular/material/list';
21
22
  import * as i0 from "@angular/core";
22
23
  export declare class ColumnsSelectorComponent implements OnInit {
23
24
  columns: DataColumn[];
@@ -31,7 +32,7 @@ export declare class ColumnsSelectorComponent implements OnInit {
31
32
  private readonly destroyRef;
32
33
  ngOnInit(): void;
33
34
  closeMenu(): void;
34
- changeColumnVisibility(dataColumn: DataColumn): void;
35
+ changeColumnVisibility(event: MatSelectionListChange): void;
35
36
  apply(): void;
36
37
  isCheckboxDisabled(column: DataColumn): boolean;
37
38
  private updateColumnItems;
package/lib/datatable/components/columns-selector/columns-selector.component.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use '../../../styles/mat-selectors' as ms;
2
+
1
3
  $adf-columns-selector-space: 12px;
2
4
 
3
5
  @mixin adf-columns-selector-side-padding {
@@ -8,101 +10,112 @@ $adf-columns-selector-space: 12px;
8
10
  padding: $adf-columns-selector-space 0;
9
11
  }
10
12
 
11
- .adf-columns-selector {
12
- @include adf-columns-selector-top-bottom-padding;
13
+ adf-datatable-column-selector {
14
+ .adf-columns-selector {
15
+ @include adf-columns-selector-top-bottom-padding;
13
16
 
14
- min-width: 277px;
17
+ min-width: 277px;
15
18
 
16
- &-header {
17
- @include adf-columns-selector-side-padding;
19
+ &-header {
20
+ @include adf-columns-selector-side-padding;
18
21
 
19
- display: flex;
20
- justify-content: space-between;
21
- align-items: center;
22
- }
22
+ display: flex;
23
+ justify-content: space-between;
24
+ align-items: center;
25
+ }
23
26
 
24
- &-header-label {
25
- font-size: var(--theme-body-1-font-size);
26
- }
27
+ &-header-label {
28
+ font-size: var(--theme-body-1-font-size);
29
+ }
27
30
 
28
- &-list-container {
29
- max-height: 350px;
30
- overflow: hidden auto;
31
- }
31
+ &-list-container {
32
+ max-height: 350px;
33
+ overflow: hidden auto;
34
+ margin-left: -16px;
35
+ }
32
36
 
33
- &-list-item {
34
- margin-top: 10px;
37
+ .adf-columns-selector-list-item {
38
+ margin-top: 10px;
35
39
 
36
- &:hover {
37
- background-color: var(--adf-theme-background-hover-color);
38
- }
39
- }
40
+ #{ms.$mat-list-item} {
41
+ display: flex;
42
+ flex-direction: row-reverse;
43
+ padding-left: 0;
44
+ height: 24px;
40
45
 
41
- &-list-content {
42
- white-space: nowrap;
43
- overflow: hidden;
44
- text-overflow: ellipsis;
45
- display: block;
46
- width: 210px;
47
- }
46
+ #{ms.$mat-list-item-end} {
47
+ margin-right: -5px;
48
+ }
49
+ }
50
+ }
48
51
 
49
- &-subtitle {
50
- color: var(--adf-theme-foreground-text-color);
51
- font-size: var(--theme-caption-font-size);
52
- opacity: 0.6;
53
- display: flex;
54
- column-gap: 3px;
55
- align-items: center;
56
- }
52
+ &-list-content {
53
+ white-space: nowrap;
54
+ overflow: hidden;
55
+ text-overflow: ellipsis;
56
+ display: block;
57
+ width: 210px;
58
+ color: var(--theme-secondary-text);
59
+ }
57
60
 
58
- &-subtitle-icon {
59
- margin-top: 3px;
60
- height: var(--theme-caption-font-size);
61
- width: var(--theme-caption-font-size);
62
- font-size: var(--theme-caption-font-size);
63
- }
61
+ &-subtitle {
62
+ color: var(--adf-theme-foreground-text-color);
63
+ font-size: var(--theme-caption-font-size);
64
+ opacity: 0.6;
65
+ display: flex;
66
+ column-gap: 3px;
67
+ align-items: center;
68
+ }
64
69
 
65
- &-column-checkbox {
66
- padding: 0 20px;
67
- }
70
+ &-subtitle-icon {
71
+ margin-top: 3px;
72
+ height: var(--theme-caption-font-size);
73
+ width: var(--theme-caption-font-size);
74
+ font-size: var(--theme-caption-font-size);
75
+ }
68
76
 
69
- &-footer {
70
- @include adf-columns-selector-side-padding;
77
+ &-column-checkbox {
78
+ padding: 0 20px;
79
+ }
71
80
 
72
- display: flex;
73
- justify-content: flex-end;
74
- }
81
+ &-footer {
82
+ @include adf-columns-selector-side-padding;
75
83
 
76
- &-divider {
77
- margin: 16px 0;
78
- }
84
+ display: flex;
85
+ justify-content: flex-end;
86
+ }
79
87
 
80
- &-search-input-container {
81
- @include adf-columns-selector-side-padding;
88
+ &-divider {
89
+ margin: 16px 0;
90
+ }
82
91
 
83
- position: relative;
84
- display: flex;
85
- align-items: center;
86
- margin-bottom: 15px;
87
- }
92
+ &-search-input-container {
93
+ @include adf-columns-selector-side-padding;
88
94
 
89
- &-search-input {
90
- padding: 10px 10px 10px 29px;
91
- width: 100%;
92
- outline: 0;
93
- border-radius: 6px;
94
- border: 1px solid var(--theme-background-color);
95
- background: var(--theme-background-color);
95
+ position: relative;
96
+ display: flex;
97
+ align-items: center;
98
+ margin-bottom: 9px;
99
+ }
96
100
 
97
- &:focus {
98
- outline: none;
101
+ &-search-input {
102
+ padding: 10px 10px 10px 29px;
103
+ width: 100%;
104
+ outline: 0;
105
+ border-radius: 6px;
106
+ border: 1px solid var(--theme-background-color);
107
+ background: var(--theme-background-color);
108
+
109
+ &:focus {
110
+ outline: none;
111
+ }
99
112
  }
100
- }
101
113
 
102
- &-search-input-icon {
103
- position: absolute;
104
- left: 17px;
105
- top: 10px;
106
- font-size: var(--theme-adf-icon-1-font-size);
114
+ &-search-input-icon {
115
+ position: absolute;
116
+ left: 17px;
117
+ top: 10px;
118
+ font-size: var(--theme-adf-icon-1-font-size);
119
+ }
107
120
  }
108
121
  }
package/lib/notifications/components/notification-history.component.d.ts CHANGED
@@ -22,9 +22,9 @@ import { StorageService } from '../../common/services/storage.service';
22
22
  import { PaginationModel } from '../../models/pagination.model';
23
23
  import * as i0 from "@angular/core";
24
24
  export declare class NotificationHistoryComponent implements OnInit, AfterViewInit {
25
- private notificationService;
26
- storageService: StorageService;
27
- cd: ChangeDetectorRef;
25
+ private readonly notificationService;
26
+ private readonly storageService;
27
+ private readonly cd;
28
28
  static MAX_NOTIFICATION_STACK_LENGTH: number;
29
29
  static NOTIFICATION_STORAGE: string;
30
30
  trigger: MatMenuTrigger;
@@ -37,7 +37,11 @@ export declare class NotificationHistoryComponent implements OnInit, AfterViewIn
37
37
  notifications: NotificationModel[];
38
38
  paginatedNotifications: NotificationModel[];
39
39
  pagination: PaginationModel;
40
+ private readonly markAsReadButton;
41
+ private readonly loadMoreButton;
42
+ private readonly menuItems;
40
43
  private readonly destroyRef;
44
+ private focusKeyManager;
41
45
  constructor(notificationService: NotificationService, storageService: StorageService, cd: ChangeDetectorRef);
42
46
  ngOnInit(): void;
43
47
  ngAfterViewInit(): void;
@@ -49,6 +53,8 @@ export declare class NotificationHistoryComponent implements OnInit, AfterViewIn
49
53
  loadMore($event: MouseEvent): void;
50
54
  hasMoreNotifications(): boolean;
51
55
  onNotificationClick(notification: NotificationModel, $event: MouseEvent): void;
56
+ manageFocus(event: KeyboardEvent): void;
57
+ private initializeFocusManager;
52
58
  static ɵfac: i0.ɵɵFactoryDeclaration<NotificationHistoryComponent, never>;
53
59
  static ɵcmp: i0.ɵɵComponentDeclaration<NotificationHistoryComponent, "adf-notification-history", never, { "menuPositionX": { "alias": "menuPositionX"; "required": false; }; "menuPositionY": { "alias": "menuPositionY"; "required": false; }; "maxNotifications": { "alias": "maxNotifications"; "required": false; }; }, {}, never, never, true, never>;
54
60
  }
package/lib/styles/_mat-selectors.scss CHANGED
@@ -56,6 +56,8 @@ $mat-calendar-table-header: '.mat-calendar-table-header';
56
56
  $mat-calendar-body-disabled: '.mat-calendar-body-disabled';
57
57
  $mat-toolbar: '.mat-toolbar';
58
58
  $mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content';
59
+ $mat-list-item: '.mat-mdc-list-item';
60
+ $mat-list-item-end: '.mdc-list-item__end';
59
61
  $mat-text-field-no-label: '.mdc-text-field--no-label';
60
62
  $mat-form-field-infix: '.mat-mdc-form-field-infix';
61
63
  $mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
package/lib/testing/unit-testing-utils.d.ts CHANGED
@@ -25,6 +25,7 @@ import { MatFormFieldHarness } from '@angular/material/form-field/testing';
25
25
  import { MatInputHarness } from '@angular/material/input/testing';
26
26
  import { ComponentFixture } from '@angular/core/testing';
27
27
  import { MatTabHarness } from '@angular/material/tabs/testing';
28
+ import { MatListOptionHarness } from '@angular/material/list/testing';
28
29
  export declare class UnitTestingUtils {
29
30
  private debugElement?;
30
31
  private loader?;
@@ -122,4 +123,7 @@ export declare class UnitTestingUtils {
122
123
  checkIfMatSnackbarExists(): Promise<boolean>;
123
124
  /** MatProgressBar related methods */
124
125
  getMatProgressBarHost(): Promise<TestElement>;
126
+ /** MatListOption related methods */
127
+ getMatListOption(): Promise<MatListOptionHarness>;
128
+ getAllMatListOptions(): Promise<MatListOptionHarness[]>;
125
129
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alfresco/adf-core",
3
3
  "description": "Alfresco ADF core",
4
- "version": "8.4.0-19162119468",
4
+ "version": "8.4.0-19165518976",
5
5
  "author": "Hyland Software, Inc. and its affiliates",
6
6
  "repository": {
7
7
  "type": "git",
@@ -63,8 +63,8 @@
63
63
  "@angular/router": ">=16.0.0",
64
64
  "@mat-datetimepicker/core": ">=12.0.1",
65
65
  "@ngx-translate/core": ">=16.0.0",
66
- "@alfresco/js-api": ">=9.4.0-19162119468",
67
- "@alfresco/adf-extensions": ">=8.4.0-19162119468",
66
+ "@alfresco/js-api": ">=9.4.0-19165518976",
67
+ "@alfresco/adf-extensions": ">=8.4.0-19165518976",
68
68
  "minimatch": ">=10.0.0",
69
69
  "pdfjs-dist": ">=3.3.122"
70
70
  },