From 4193ddbf440b1bd4ccc039a4fa16efb58077e1b5 Mon Sep 17 00:00:00 2001
From: Yaniv Carmel <yanivc@microsoft.com>
Date: Tue, 10 Dec 2019 09:22:39 +0200
Subject: [PATCH] Add extra attributes to buttons

Added the option to provide "aria-selected" (ariaSelected) and "tabindex" (tabIndex) attributes to Fabric buttons
---
 libs/fabric/package.json                                        | 2 +-
 .../fabric/src/lib/components/button/action-button.component.ts | 2 ++
 libs/fabric/src/lib/components/button/base-button.component.ts  | 2 ++
 .../src/lib/components/button/command-bar-button.component.ts   | 2 ++
 .../src/lib/components/button/compound-button.component.ts      | 2 ++
 .../src/lib/components/button/default-button.component.ts       | 2 ++
 libs/fabric/src/lib/components/button/icon-button.component.ts  | 2 ++
 .../src/lib/components/button/messagebar-button.component.ts    | 2 ++
 .../src/lib/components/button/primary-button.component.ts       | 2 ++
 libs/fabric/src/lib/components/button/split-button.component.ts | 2 ++
 10 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/libs/fabric/package.json b/libs/fabric/package.json
index 67e892f1..dd09ede8 100644
--- a/libs/fabric/package.json
+++ b/libs/fabric/package.json
@@ -1,7 +1,7 @@
 {
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@angular-react/fabric",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "ngPackage": {
     "lib": {
       "entryFile": "public-api.ts",
diff --git a/libs/fabric/src/lib/components/button/action-button.component.ts b/libs/fabric/src/lib/components/button/action-button.component.ts
index b1439dda..40380fb7 100644
--- a/libs/fabric/src/lib/components/button/action-button.component.ts
+++ b/libs/fabric/src/lib/components/button/action-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/base-button.component.ts b/libs/fabric/src/lib/components/button/base-button.component.ts
index e5246c70..373a0d1c 100644
--- a/libs/fabric/src/lib/components/button/base-button.component.ts
+++ b/libs/fabric/src/lib/components/button/base-button.component.ts
@@ -42,7 +42,9 @@ export abstract class FabBaseButtonComponent extends ReactWrapperComponent<IButt
   @Input() ariaLabel?: IButtonProps['ariaLabel'];
   @Input() ariaDescription?: IButtonProps['ariaDescription'];
   @Input() ariaHidden?: IButtonProps['ariaHidden'];
+  @Input() ariaSelected?: IButtonProps['aria-selected'];
   @Input() role?: IButtonProps['role'];
+  @Input() tabIndex?: IButtonProps['tabIndex'];
   @Input() text?: IButtonProps['text'];
   @Input() iconProps?: IButtonProps['iconProps'];
   @Input() menuProps?: IButtonProps['menuProps'];
diff --git a/libs/fabric/src/lib/components/button/command-bar-button.component.ts b/libs/fabric/src/lib/components/button/command-bar-button.component.ts
index c9c9de0f..ef759bd5 100644
--- a/libs/fabric/src/lib/components/button/command-bar-button.component.ts
+++ b/libs/fabric/src/lib/components/button/command-bar-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/compound-button.component.ts b/libs/fabric/src/lib/components/button/compound-button.component.ts
index 01749468..f8ee22f5 100644
--- a/libs/fabric/src/lib/components/button/compound-button.component.ts
+++ b/libs/fabric/src/lib/components/button/compound-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/default-button.component.ts b/libs/fabric/src/lib/components/button/default-button.component.ts
index 98a17a2a..a6872be3 100644
--- a/libs/fabric/src/lib/components/button/default-button.component.ts
+++ b/libs/fabric/src/lib/components/button/default-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/icon-button.component.ts b/libs/fabric/src/lib/components/button/icon-button.component.ts
index 08114c39..714bef5a 100644
--- a/libs/fabric/src/lib/components/button/icon-button.component.ts
+++ b/libs/fabric/src/lib/components/button/icon-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/messagebar-button.component.ts b/libs/fabric/src/lib/components/button/messagebar-button.component.ts
index f1491aa8..96ec882a 100644
--- a/libs/fabric/src/lib/components/button/messagebar-button.component.ts
+++ b/libs/fabric/src/lib/components/button/messagebar-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/primary-button.component.ts b/libs/fabric/src/lib/components/button/primary-button.component.ts
index 0e5e0d12..22fea639 100644
--- a/libs/fabric/src/lib/components/button/primary-button.component.ts
+++ b/libs/fabric/src/lib/components/button/primary-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"
diff --git a/libs/fabric/src/lib/components/button/split-button.component.ts b/libs/fabric/src/lib/components/button/split-button.component.ts
index 866a971f..f69ee197 100644
--- a/libs/fabric/src/lib/components/button/split-button.component.ts
+++ b/libs/fabric/src/lib/components/button/split-button.component.ts
@@ -32,7 +32,9 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [aria-selected]="ariaSelected"
       [role]="role"
+      [tabIndex]="tabIndex"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"