Skip to content

Commit d2116f4

Browse files
shaiRoseshaiRose
authored
Merge pull request #153 from microsoft/upgrade/fabric_react_dep
upgrade (office-ui-fabric-react): updates office-ui-fabric-react version
2 parents 623a8bd + c4dd253 commit d2116f4

File tree

12 files changed

+193
-194
lines changed

12 files changed

+193
-194
lines changed

‎docs/3rdpartylicenses.txt‎

Lines changed: 28 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -243,7 +243,27 @@ The above copyright notice and this permission notice shall be included in all c
243243

244244
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
245245

246-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
246+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
247+
248+
249+
@uifabric/set-version
250+
MIT
251+
@uifabric/set-version
252+
253+
Copyright (c) Microsoft Corporation
254+
255+
All rights reserved.
256+
257+
MIT License
258+
259+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
260+
261+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
262+
263+
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
264+
265+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
266+
247267

248268
@uifabric/styling
249269
MIT
@@ -261,7 +281,8 @@ The above copyright notice and this permission notice shall be included in all c
261281

262282
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
263283

264-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
284+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
285+
265286

266287
@uifabric/utilities
267288
MIT
@@ -279,7 +300,8 @@ The above copyright notice and this permission notice shall be included in all c
279300

280301
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
281302

282-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
303+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
304+
283305

284306
angular-react
285307
MIT
@@ -505,7 +527,7 @@ SOFTWARE.
505527

506528
lodash
507529
MIT
508-
Copyright JS Foundation and other contributors <https://js.foundation/>
530+
Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
509531

510532
Based on Underscore.js, copyright Jeremy Ashkenas,
511533
DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>
@@ -595,7 +617,8 @@ The above copyright notice and this permission notice shall be included in all c
595617

596618
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
597619

598-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
620+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
621+
599622

600623
prop-types
601624
MIT

‎docs/demo/3rdpartylicenses.txt‎

Lines changed: 11 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,8 @@ The above copyright notice and this permission notice shall be included in all c
119119

120120
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
121121

122-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
122+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
123+
123124

124125
@uifabric/merge-styles
125126
MIT
@@ -137,7 +138,8 @@ The above copyright notice and this permission notice shall be included in all c
137138

138139
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
139140

140-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
141+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
142+
141143

142144
@uifabric/set-version
143145
MIT
@@ -155,7 +157,8 @@ The above copyright notice and this permission notice shall be included in all c
155157

156158
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
157159

158-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
160+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
161+
159162

160163
@uifabric/styling
161164
MIT
@@ -173,7 +176,8 @@ The above copyright notice and this permission notice shall be included in all c
173176

174177
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
175178

176-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
179+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
180+
177181

178182
@uifabric/utilities
179183
MIT
@@ -191,7 +195,8 @@ The above copyright notice and this permission notice shall be included in all c
191195

192196
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
193197

194-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
198+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
199+
195200

196201
angular-react
197202
MIT
@@ -396,31 +401,7 @@ The above copyright notice and this permission notice shall be included in all c
396401

397402
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
398403

399-
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at http://aka.ms/fabric-assets-license
400-
401-
prop-types
402-
MIT
403-
MIT License
404-
405-
Copyright (c) 2013-present, Facebook, Inc.
406-
407-
Permission is hereby granted, free of charge, to any person obtaining a copy
408-
of this software and associated documentation files (the "Software"), to deal
409-
in the Software without restriction, including without limitation the rights
410-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
411-
copies of the Software, and to permit persons to whom the Software is
412-
furnished to do so, subject to the following conditions:
413-
414-
The above copyright notice and this permission notice shall be included in all
415-
copies or substantial portions of the Software.
416-
417-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
418-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
419-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
420-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
421-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
422-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
423-
SOFTWARE.
404+
Note: Usage of the fonts and icons referenced in Office UI Fabric is subject to the terms listed at https://aka.ms/fabric-assets-license
424405

425406

426407
react

‎docs/demo/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,5 @@
1010
<link rel="stylesheet" href="styles.280e991c5992f8630bc9.css"></head>
1111
<body>
1212
<app-root></app-root>
13-
<script src="runtime.741402d1d47331ce975c.js"></script><script src="polyfills-es5.713635137766a4d7e797.js" nomodule></script><script src="polyfills.43056ed83dfe3a68c125.js"></script><script src="main.02c92f793ad5dbf03fff.js"></script></body>
13+
<script src="runtime.741402d1d47331ce975c.js"></script><script src="polyfills-es5.713635137766a4d7e797.js" nomodule></script><script src="polyfills.43056ed83dfe3a68c125.js"></script><script src="main.7f3440c407cfd2964ed9.js"></script></body>
1414
</html>

‎docs/demo/main.02c92f793ad5dbf03fff.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,5 +28,5 @@
2828
<!-- /Github Pages hack. -->
2929

3030
<app-root class="mat-typography"></app-root>
31-
<script src="runtime.741402d1d47331ce975c.js"></script><script src="polyfills-es5.713635137766a4d7e797.js" nomodule></script><script src="polyfills.f0298b90f4936f78a809.js"></script><script src="main.7f1f1e1a62996fe7e366.js"></script></body>
31+
<script src="runtime.741402d1d47331ce975c.js"></script><script src="polyfills-es5.713635137766a4d7e797.js" nomodule></script><script src="polyfills.f0298b90f4936f78a809.js"></script><script src="main.6dff1cc87ec15766d28a.js"></script></body>
3232
</html>

‎docs/main.7f1f1e1a62996fe7e366.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎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.5",
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.5",
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)