Skip to content

Commit bd67258

Browse files
shaiRoseshaiRose
committed
upgrade (office-ui-fabric-react): updates office-ui-fabric-react version.
1 parent 623a8bd commit bd67258

File tree

6 files changed

+135
-138
lines changed

6 files changed

+135
-138
lines changed

‎libs/core/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"$schema": "../../node_modules/ng-packagr/package.schema.json",
33
"name": "@angular-react/core",
4-
"version": "2.0.0-rc0",
4+
"version": "2.0.2",
55
"ngPackage": {
66
"deleteDestPath": true,
77
"whitelistedNonPeerDependencies": [

‎libs/fabric/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"$schema": "../../node_modules/ng-packagr/package.schema.json",
33
"name": "@angular-react/fabric",
4-
"version": "2.0.0-rc0",
4+
"version": "2.0.2",
55
"ngPackage": {
66
"lib": {
77
"entryFile": "public-api.ts",
@@ -49,7 +49,7 @@
4949
"@angular/core": "^8.0.2",
5050
"@angular/platform-browser-dynamic": "^8.0.2",
5151
"@angular/platform-browser": "^8.0.2",
52-
"office-ui-fabric-react": "7.71.0",
52+
"office-ui-fabric-react": "7.82.2",
5353
"react-dom": "~16.8.6",
5454
"react": "^16.8.6"
5555
}

‎libs/fabric/src/lib/components/details-list/details-list.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,6 @@ import { DetailsListGroupsDirective } from './directives/details-list-groups.dir
6464
[constrainMode]="constrainMode"
6565
[disableSelectionZone]="disableSelectionZone"
6666
[dragDropEvents]="dragDropEvents"
67-
[enableShimmer]="enableShimmer"
6867
[enableUpdateAnimations]="enableUpdateAnimations"
6968
[enterModalSelectionOnTouch]="enterModalSelectionOnTouch"
7069
[getCellValueKey]="getCellValueKey"

‎libs/fabric/src/lib/components/nav/nav.component.ts‎

Lines changed: 80 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,80 @@
1-
// Copyright (c) Microsoft Corporation. All rights reserved.
2-
// Licensed under the MIT License.
3-
4-
import { ReactWrapperComponent } from '@angular-react/core';
5-
import { INavProps, INavLink, INav } from 'office-ui-fabric-react';
6-
import {
7-
Component,
8-
ChangeDetectionStrategy,
9-
Input,
10-
ViewChild,
11-
ElementRef,
12-
ChangeDetectorRef,
13-
Renderer2,
14-
Output,
15-
EventEmitter,
16-
} from '@angular/core';
17-
18-
@Component({
19-
selector: 'fab-nav',
20-
exportAs: 'fabNav',
21-
template: `
22-
<Nav
23-
#reactNode
24-
[groups]="groups"
25-
[LinkClick]="onLinkClickHandler"
26-
[selectedKey]="selectedKey"
27-
[expandButtonAriaLabel]="expandButtonAriaLabel"
28-
[expandedStateText]="expandedStateText"
29-
[collapsedStateText]="collapsedStateText"
30-
[LinkExpandClick]="onLinkExpandClickHandler"
31-
[isOnTop]="isOnTop"
32-
[initialSelectedKey]="initialSelectedKey"
33-
[ariaLabel]="ariaLabel"
34-
[selectedAriaLabel]="selectedAriaLabel"
35-
>
36-
</Nav>
37-
`,
38-
styles: ['react-renderer'],
39-
changeDetection: ChangeDetectionStrategy.OnPush,
40-
})
41-
export class FabNavComponent extends ReactWrapperComponent<INavProps> {
42-
@ViewChild('reactNode', { static: true })
43-
protected reactNodeRef: ElementRef;
44-
45-
@Input() componentRef?: INavProps['componentRef'];
46-
@Input() groups: INavProps["groups"];
47-
@Input() selectedKey?: INavProps["selectedKey"];
48-
@Input() isOnTop?: INavProps["isOnTop"];
49-
@Input() initialSelectedKey?: INavProps["initialSelectedKey"];
50-
@Input() ariaLabel?: INavProps["ariaLabel"];
51-
@Input() expandButtonAriaLabel?: INavProps["expandButtonAriaLabel"];
52-
@Input() selectedAriaLabel?: INavProps["selectedAriaLabel"];
53-
54-
@Output() readonly onLinkClick = new EventEmitter<{
55-
event: Event,
56-
link: INavLink
57-
}>();
58-
@Output() readonly onLinkExpandClick = new EventEmitter<{
59-
event: Event,
60-
link: INavLink
61-
}>();
62-
63-
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, renderer: Renderer2) {
64-
super(elementRef, changeDetectorRef, renderer);
65-
this.onLinkClickHandler = this.onLinkClickHandler.bind(this);
66-
this.onLinkExpandClickHandler = this.onLinkExpandClickHandler.bind(this);
67-
}
68-
69-
onLinkClickHandler(event: React.MouseEvent<HTMLElement>, link?: INavLink): void {
70-
this.onLinkClick.emit({
71-
event: event.nativeEvent,
72-
link: link
73-
});
74-
}
75-
76-
onLinkExpandClickHandler(event: React.MouseEvent<HTMLElement>, link?: INavLink): void {
77-
this.onLinkExpandClick.emit({
78-
event: event.nativeEvent,
79-
link: link
80-
});
81-
}
82-
}
1+
// Copyright (c) Microsoft Corporation. All rights reserved.
2+
// Licensed under the MIT License.
3+
4+
import { ReactWrapperComponent } from '@angular-react/core';
5+
import { INavProps, INavLink, INav } from 'office-ui-fabric-react';
6+
import {
7+
Component,
8+
ChangeDetectionStrategy,
9+
Input,
10+
ViewChild,
11+
ElementRef,
12+
ChangeDetectorRef,
13+
Renderer2,
14+
Output,
15+
EventEmitter,
16+
} from '@angular/core';
17+
18+
@Component({
19+
selector: 'fab-nav',
20+
exportAs: 'fabNav',
21+
template: `
22+
<Nav
23+
#reactNode
24+
[groups]="groups"
25+
[LinkClick]="onLinkClickHandler"
26+
[selectedKey]="selectedKey"
27+
[expandButtonAriaLabel]="expandButtonAriaLabel"
28+
[LinkExpandClick]="onLinkExpandClickHandler"
29+
[isOnTop]="isOnTop"
30+
[initialSelectedKey]="initialSelectedKey"
31+
[ariaLabel]="ariaLabel"
32+
[selectedAriaLabel]="selectedAriaLabel"
33+
>
34+
</Nav>
35+
`,
36+
styles: ['react-renderer'],
37+
changeDetection: ChangeDetectionStrategy.OnPush,
38+
})
39+
export class FabNavComponent extends ReactWrapperComponent<INavProps> {
40+
@ViewChild('reactNode', { static: true })
41+
protected reactNodeRef: ElementRef;
42+
43+
@Input() componentRef?: INavProps['componentRef'];
44+
@Input() groups: INavProps["groups"];
45+
@Input() selectedKey?: INavProps["selectedKey"];
46+
@Input() isOnTop?: INavProps["isOnTop"];
47+
@Input() initialSelectedKey?: INavProps["initialSelectedKey"];
48+
@Input() ariaLabel?: INavProps["ariaLabel"];
49+
@Input() expandButtonAriaLabel?: INavProps["expandButtonAriaLabel"];
50+
@Input() selectedAriaLabel?: INavProps["selectedAriaLabel"];
51+
52+
@Output() readonly onLinkClick = new EventEmitter<{
53+
event: Event,
54+
link: INavLink
55+
}>();
56+
@Output() readonly onLinkExpandClick = new EventEmitter<{
57+
event: Event,
58+
link: INavLink
59+
}>();
60+
61+
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, renderer: Renderer2) {
62+
super(elementRef, changeDetectorRef, renderer);
63+
this.onLinkClickHandler = this.onLinkClickHandler.bind(this);
64+
this.onLinkExpandClickHandler = this.onLinkExpandClickHandler.bind(this);
65+
}
66+
67+
onLinkClickHandler(event: React.MouseEvent<HTMLElement>, link?: INavLink): void {
68+
this.onLinkClick.emit({
69+
event: event.nativeEvent,
70+
link: link
71+
});
72+
}
73+
74+
onLinkExpandClickHandler(event: React.MouseEvent<HTMLElement>, link?: INavLink): void {
75+
this.onLinkExpandClick.emit({
76+
event: event.nativeEvent,
77+
link: link
78+
});
79+
}
80+
}

0 commit comments

Comments
 (0)