@fluentui-react-native/tester 0.48.1 → 0.49.0

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoE;AACpE,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAEhE,gEAAiC;AAEpB,QAAA,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IACL,IAAI,EAAE,EAAE,UAAU,wCAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;QACF,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACvG,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC3H,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAC3H,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACvF,CACJ;QACD,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC/F,oBAAC,4BAAM,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACrE,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoE;AACpE,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAEhE,gEAAiC;AACjC,qDAA0C;AAE7B,QAAA,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,wCAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,4BAAM,IACL,IAAI,EAAE,EAAE,UAAU,wCAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACR,eAAe,IAAI,CAClB,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACpB,CACV;QACD,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const ButtonShapeTest: React.FunctionComponent;
+//# sourceMappingURL=ButtonShapeTestSection.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAgCnC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var experimental_button_1 = require("@fluentui-react-native/experimental-button");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var styles_1 = require("../Common/styles");
+exports.ButtonShapeTest = function () {
+    return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
+        React.createElement(experimental_button_1.Button, { shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Default Rounded Button"),
+        React.createElement(experimental_button_1.Button, { shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(experimental_button_1.Button, { shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Primary Rounded Button"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "square", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "circular", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Compound Button")));
+};
+//# sourceMappingURL=ButtonShapeTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AACpF,mDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEnD,QAAA,eAAe,GAA4B;IACtD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE9C;QACT,oBAAC,4BAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAE7C;QACT,oBAAC,4BAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE/C;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAElE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEpE;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwBlC,CAAC"}
+{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsDlC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js

@@ -14,14 +14,20 @@ exports.ButtonSizeTest = function () {
     var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
     return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
         svgIconsEnabled && (React.createElement(React.Fragment, null,
-            React.createElement(experimental_button_1.Button, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }))),
-        React.createElement(experimental_button_1.Button, { size: "small", content: "Small", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { size: "medium", content: "Medium", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { size: "large", content: "Large", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { size: "small", content: "Small", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { size: "medium", content: "Medium", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { size: "large", content: "Large", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin })));
+            React.createElement(experimental_button_1.Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.Button, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(experimental_button_1.Button, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(experimental_button_1.Button, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"))),
+        React.createElement(experimental_button_1.Button, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
+        React.createElement(experimental_button_1.Button, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
+        React.createElement(experimental_button_1.Button, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
+        React.createElement(experimental_button_1.Button, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
+        React.createElement(experimental_button_1.Button, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
+        React.createElement(experimental_button_1.Button, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "square", shape: "square", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "circular", shape: "circular", style: styles_1.commonTestStyles.vmargin }, "Compound Button")));
 };
 //# sourceMappingURL=ButtonSizeTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AAEpF,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,gEAAiC;AAEpB,QAAA,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACvF,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACxF,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACtF,CACJ;QACD,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC1E,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,oCAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC5G,oBAAC,oCAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9G,oBAAC,oCAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CACvG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AAEpF,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,gEAAiC;AAEpB,QAAA,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAChG,oBAAC,4BAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACjG,oBAAC,4BAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAChG,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE1E;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAE3E;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAE1E,CACR,CACJ;QACD,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE5C;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAEpD;QACT,oBAAC,4BAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAa1C,CAAC"}
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAa1C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonTest.js

@@ -8,12 +8,18 @@ var consts_1 = require("./consts");
 var Test_1 = require("../Test");
 var ButtonIconTestSection_1 = require("./ButtonIconTestSection");
 var ButtonSizeTestSection_1 = require("./ButtonSizeTestSection");
+var ButtonShapeTestSection_1 = require("./ButtonShapeTestSection");
+var E2EButtonTest_1 = require("./E2EButtonTest");
 var buttonSections = [
     {
         name: 'Button Variants',
-        testID: consts_1.ExperimentalButtonTestPageId,
+        testID: consts_1.EXPERIMENTAL_BUTTON_TEST_PAGE,
         component: ButtonVariantTestSection_1.ButtonVariantTest,
     },
+    {
+        name: 'Button Shape',
+        component: ButtonShapeTestSection_1.ButtonShapeTest,
+    },
     {
         name: 'Icon Button',
         component: ButtonIconTestSection_1.ButtonIconTest,
@@ -26,6 +32,10 @@ var buttonSections = [
         name: 'Sizes',
         component: ButtonSizeTestSection_1.ButtonSizeTest,
     },
+    {
+        name: 'E2E Button Testing',
+        component: E2EButtonTest_1.E2EButtonExperimentalTest,
+    },
 ];
 exports.ExperimentalButtonTest = function () {
     var status = {

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uEAA+D;AAC/D,qEAA6D;AAC7D,mCAAwD;AACxD,gCAA4D;AAC5D,iEAAyD;AACzD,iEAAyD;AAEzD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,qCAA4B;QACpC,SAAS,EAAE,4CAAiB;KAC7B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,0CAAgB;KAC5B;IACD;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,sCAAc;KAC1B;CACF,CAAC;AAEW,QAAA,sBAAsB,GAA4B;IAC7D,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,0BAA0B,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtH,CAAC,CAAC"}
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uEAA+D;AAC/D,qEAA6D;AAC7D,mCAAyD;AACzD,gCAA4D;AAC5D,iEAAyD;AACzD,iEAAyD;AACzD,mEAA2D;AAC3D,iDAA4D;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,sCAA6B;QACrC,SAAS,EAAE,4CAAiB;KAC7B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,wCAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,0CAAgB;KAC5B;IACD;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,sCAAc;KAC1B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,yCAAyB;KACrC;CACF,CAAC;AAEW,QAAA,sBAAsB,GAA4B;IAC7D,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,0BAA0B,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtH,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAyBrC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA2CrC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.js

@@ -12,17 +12,18 @@ exports.ButtonVariantTest = function () {
         viewBox: '0 0 500 500',
     };
     return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
-        React.createElement(experimental_button_1.Button, { content: "Default", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { appearance: "primary", content: "Primary", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { appearance: "subtle", content: "Subtle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { block: true, content: "Block", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { appearance: "primary", block: true, content: "Block Primary", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.Button, { appearance: "subtle", block: true, content: "Block Subtle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { content: "Default", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { appearance: "primary", content: "Primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", content: "Subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }),
-        react_native_1.Platform.OS !== 'windows' && (React.createElement(React.Fragment, null,
-            React.createElement(experimental_button_1.Button, { fab: true, icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }),
-            React.createElement(experimental_button_1.Button, { fab: true, icon: { svgSource: svgProps, width: 20, height: 20 }, content: "FAB", style: styles_1.commonTestStyles.vmargin })))));
+        React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin }, "Default"),
+        React.createElement(experimental_button_1.Button, { disabled: true, style: styles_1.commonTestStyles.vmargin }, "Disabled"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Primary"),
+        React.createElement(experimental_button_1.Button, { appearance: "subtle", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(experimental_button_1.Button, { loading: true }, "Loading Button"),
+        React.createElement(experimental_button_1.Button, { block: true, style: styles_1.commonTestStyles.vmargin }, "Block"),
+        React.createElement(experimental_button_1.Button, { appearance: "primary", block: true, style: styles_1.commonTestStyles.vmargin }, "Block Primary"),
+        React.createElement(experimental_button_1.Button, { appearance: "subtle", block: true, style: styles_1.commonTestStyles.vmargin }, "Block Subtle"),
+        React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Default"),
+        React.createElement(experimental_button_1.CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Primary"),
+        React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }),
+        React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }, "FAB")));
 };
 //# sourceMappingURL=ButtonVariantTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAoF;AACpF,mDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAEhE,gEAAiC;AAEpB,QAAA,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC7D,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAClF,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAChF,oBAAC,4BAAM,IAAC,KAAK,QAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACjE,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC5F,oBAAC,oCAAc,IAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACjG,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACtH,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACnH,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;YACE,oBAAC,4BAAM,IAAC,GAAG,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YACrG,oBAAC,4BAAM,IAAC,GAAG,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CAClH,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAAyF;AACzF,mDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,gEAAiC;AAEpB,QAAA,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,eAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,4BAAM,IAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2EButtonExperimentalTest: React.FunctionComponent;
+//# sourceMappingURL=E2EButtonTest.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAqB7C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+var react_native_1 = require("@fluentui/react-native");
+var experimental_button_1 = require("@fluentui-react-native/experimental-button");
+var stack_1 = require("@fluentui-react-native/stack");
+var React = tslib_1.__importStar(require("react"));
+var react_native_2 = require("react-native");
+var styles_1 = require("../Common/styles");
+var consts_1 = require("./consts");
+exports.E2EButtonExperimentalTest = function () {
+    var _a = React.useState(false), buttonPressed = _a[0], setButtonPressed = _a[1];
+    var onClick = React.useCallback(function () {
+        setButtonPressed(!buttonPressed);
+    }, [buttonPressed]);
+    return (React.createElement(react_native_2.View, null,
+        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+            React.createElement(experimental_button_1.Button, { content: "This is a button for E2E testing", testID: consts_1.BUTTONEXPERIMENTAL_TEST_COMPONENT, onClick: onClick, accessibilityLabel: consts_1.BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL }),
+            React.createElement(experimental_button_1.Button, { content: consts_1.BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL, testID: consts_1.BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT, onClick: onClick }),
+            buttonPressed ? React.createElement(react_native_1.Text, { testID: consts_1.BUTTONEXPERIMENTAL_ON_PRESS }, "Button Pressed") : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.tsx"],"names":[],"mappings":";;;AAAA,uDAAuD;AACvD,uDAA8C;AAC9C,kFAAoE;AACpE,sDAAqD;AACrD,mDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAEL,QAAA,yBAAyB,GAA4B;IAC1D,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAEhE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,4BAAM,IACL,OAAO,EAAC,kCAAkC,EAC1C,MAAM,EAAE,0CAAiC,EACzC,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,+CAAsC,GAC1D;YACF,oBAAC,4BAAM,IAAC,OAAO,EAAE,gDAAuC,EAAE,MAAM,EAAE,mDAA0C,EAAE,OAAO,EAAE,OAAO,GAAI;YACjI,aAAa,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,oCAA2B,qBAAuB,CAAC,CAAC,CAAC,IAAI,CAClF,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBA6BpC,CAAC"}
+{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAwCpC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.js

@@ -21,14 +21,16 @@ exports.ToggleButtonTest = function () {
     var onGhostClicked = React.useCallback(function () { return setSubtleChecked(!subtleChecked); }, [subtleChecked, setSubtleChecked]);
     return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
         React.createElement(react_native_2.View, { style: styles.row },
-            React.createElement(experimental_button_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, content: "Default Toggle", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: styles_1.commonTestStyles.vmargin }, "Default Toggle"),
             React.createElement(react_native_1.Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(experimental_button_1.ToggleButton, { checked: true, content: "Checked Default Toggle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.ToggleButton, { checked: false, content: "Unchecked Default Toggle", style: styles_1.commonTestStyles.vmargin }),
+        React.createElement(experimental_button_1.ToggleButton, { checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Default Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Default Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Primary Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Primary Toggle"),
         React.createElement(react_native_2.View, { style: styles.row },
-            React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, content: "Subtle Toggle", style: styles_1.commonTestStyles.vmargin }),
+            React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: styles_1.commonTestStyles.vmargin }, "Subtle Toggle"),
             React.createElement(react_native_1.Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: true, content: "Checked Subtle Toggle", style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: false, content: "Unchecked Subtle Toggle", style: styles_1.commonTestStyles.vmargin })));
+        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Subtle Toggle"),
+        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
 };
 //# sourceMappingURL=ToggleButtonTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAA0E;AAC1E,uDAAkD;AAClD,mDAA+B;AAC/B,6CAAgD;AAChD,2CAAgE;AAEhE,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAA4B;IACjD,IAAA,0BAA2D,EAA1D,sBAAc,EAAE,yBAA0C,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;YAC9H,oBAAC,uBAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,kCAAY,IAAC,OAAO,QAAC,OAAO,EAAC,wBAAwB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC1F,oBAAC,kCAAY,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,0BAA0B,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAEpG,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IACX,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,uBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,OAAO,EAAC,uBAAuB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC7G,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,yBAAyB,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI,CAClH,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;AAAA,kFAA0E;AAC1E,uDAAkD;AAClD,mDAA+B;AAC/B,6CAAgD;AAChD,2CAAgE;AAEhE,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAA4B;IACjD,IAAA,0BAA2D,EAA1D,sBAAc,EAAE,yBAA0C,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAElF;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,kCAAY,IAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,kCAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,kCAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAEnD;QACf,oBAAC,kCAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAElE;QACf,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEnG;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAElE,CACV,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.d.ts

@@ -1,3 +1,8 @@
 export declare const HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = "Homepage_Button_ButtonExperimental";
-export declare const ExperimentalButtonTestPageId = "ButtonExperimental_TestPage";
+export declare const EXPERIMENTAL_BUTTON_TEST_PAGE = "ButtonExperimental_TestPage";
+export declare const BUTTONEXPERIMENTAL_TEST_COMPONENT = "Button_Test_Component";
+export declare const BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = "E2E testing Button accessibility label";
+export declare const BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = "Button_No_A11y_label_Component";
+export declare const BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = "Test Button2 - No Accessibility Label";
+export declare const BUTTONEXPERIMENTAL_ON_PRESS = "Button_On_Press";
 //# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,uCAAuC,CAAC;AACvF,eAAO,MAAM,4BAA4B,gCAAgC,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,uCAAuC,CAAC;AACvF,eAAO,MAAM,6BAA6B,gCAAgC,CAAC;AAG3E,eAAO,MAAM,iCAAiC,0BAA0B,CAAC;AACzE,eAAO,MAAM,sCAAsC,2CAA2C,CAAC;AAG/F,eAAO,MAAM,0CAA0C,mCAAmC,CAAC;AAC3F,eAAO,MAAM,uCAAuC,0CAA0C,CAAC;AAE/F,eAAO,MAAM,2BAA2B,oBAAoB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.js

@@ -1,5 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = 'Homepage_Button_ButtonExperimental'; // Button on the homepage that navigates to the selected test page
-exports.ExperimentalButtonTestPageId = 'ButtonExperimental_TestPage'; // A component on each specific test page.
+exports.EXPERIMENTAL_BUTTON_TEST_PAGE = 'ButtonExperimental_TestPage'; // A component on each specific test page.
+/* Test Button 1 */
+exports.BUTTONEXPERIMENTAL_TEST_COMPONENT = 'Button_Test_Component'; // A component on each specific test page
+exports.BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility label';
+/* Test Button 2 */
+exports.BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
+exports.BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
+exports.BUTTONEXPERIMENTAL_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
 //# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC7I,QAAA,4BAA4B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":";;AAAa,QAAA,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC7I,QAAA,6BAA6B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C;AAEtH,mBAAmB;AACN,QAAA,iCAAiC,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AACtG,QAAA,sCAAsC,GAAG,wCAAwC,CAAC;AAE/F,mBAAmB;AACN,QAAA,0CAA0C,GAAG,gCAAgC,CAAC;AAC9E,QAAA,uCAAuC,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAE5H,QAAA,2BAA2B,GAAG,iBAAiB,CAAC,CAAC,kDAAkD"}

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.d.ts

@@ -0,0 +1,5 @@
+import { SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
+export declare const svgProps: SvgIconProps;
+export declare const fontProps: FontIconProps;
+export declare const testImage: any;
+//# sourceMappingURL=iconExamples.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconExamples.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG1E,eAAO,MAAM,QAAQ,EAAE,YAGtB,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,aAYtB,CAAC;AAEH,eAAO,MAAM,SAAS,KAAsC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_native_1 = require("react-native");
+var test_svg_1 = tslib_1.__importDefault(require("../Button/test.svg"));
+exports.svgProps = {
+    src: test_svg_1.default,
+    viewBox: '0 0 500 500',
+};
+var testTtf = require('../Button/Font Awesome 5 Free-Solid-900.otf');
+exports.fontProps = react_native_1.Platform.select({
+    macos: {
+        fontFamily: 'Arial',
+        codepoint: 0x2663,
+        fontSize: 12,
+    },
+    default: {
+        fontFamily: "Font Awesome 5 Free",
+        fontSrcFile: testTtf,
+        codepoint: 0xf083,
+        fontSize: 12,
+    },
+});
+exports.testImage = require('../Button/icon_24x24.png');
+//# sourceMappingURL=iconExamples.js.map

package/lib-commonjs/FluentTester/TestComponents/Common/iconExamples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconExamples.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,wEAAyC;AAE5B,QAAA,QAAQ,GAAiB;IACpC,GAAG,EAAE,kBAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,IAAM,OAAO,GAAG,OAAO,CAAC,6CAA6C,CAAC,CAAC;AAE1D,QAAA,SAAS,GAAkB,uBAAQ,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,UAAU,EAAE,qBAAqB;QACjC,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwW/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAatC,CAAC"}
+{"version":3,"file":"ContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0e/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAatC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js

@@ -7,7 +7,8 @@ var react_native_1 = require("react-native");
 var react_native_2 = require("@fluentui/react-native");
 var consts_1 = require("./consts");
 var Test_1 = require("../Test");
-var test_svg_1 = tslib_1.__importDefault(require("../Button/test.svg"));
+var iconExamples_1 = require("../Common/iconExamples");
+var E2EContextualMenuTest_1 = require("./E2EContextualMenuTest");
 var contextualMenu = function () {
     var stdBtnRef = React.useRef(null);
     var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
@@ -62,25 +63,6 @@ var contextualMenu = function () {
             React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" })))));
 };
 var nestedContextualMenu = function () {
-    var testImage = require('../Button/icon_24x24.png');
-    var testTtf = require('../Button/Font Awesome 5 Free-Solid-900.otf');
-    var fontProps = react_native_1.Platform.select({
-        macos: {
-            fontFamily: 'Arial',
-            codepoint: 0x2663,
-            fontSize: 32,
-        },
-        default: {
-            fontFamily: "Font Awesome 5 Free",
-            fontSrcFile: testTtf,
-            codepoint: 0xf083,
-            fontSize: 32,
-        },
-    });
-    var svgProps = {
-        src: test_svg_1.default,
-        viewBox: '0 0 500 500',
-    };
     var stdBtnRef = React.useRef(null);
     var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
     var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
@@ -134,21 +116,17 @@ var nestedContextualMenu = function () {
                     isSubmenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
                 React.createElement(react_native_2.Button, { content: "Press for ContextualMenu", onClick: toggleShowContextualMenu, componentRef: stdBtnRef }))),
         showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer },
-            React.createElement(react_native_2.ContextualMenuItem, { icon: testImage, text: "Menu item with png Icon", itemKey: "1" }),
-            React.createElement(react_native_2.ContextualMenuItem, { icon: { fontSource: fontProps, color: 'blue' }, text: "Menu item with font icon", itemKey: "2" }),
+            React.createElement(react_native_2.ContextualMenuItem, { icon: iconExamples_1.testImage, text: "Menu item with png Icon", itemKey: "1" }),
+            React.createElement(react_native_2.ContextualMenuItem, { icon: { fontSource: iconExamples_1.fontProps, color: 'blue' }, text: "Menu item with font icon", itemKey: "2" }),
             React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
-            React.createElement(react_native_2.SubmenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "4", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef }),
+            React.createElement(react_native_2.SubmenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "4", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef }),
             showSubmenu && (React.createElement(react_native_2.Submenu, { target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
-                React.createElement(react_native_2.ContextualMenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "4", onClick: onClick }),
+                React.createElement(react_native_2.ContextualMenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "4", onClick: onClick }),
                 React.createElement(react_native_2.ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "2" }),
                 React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }))),
             React.createElement(react_native_2.ContextualMenuItem, { text: "Menuitem 5", itemKey: "5" })))));
 };
 var IconContextualMenu = function () {
-    var svgProps = {
-        src: test_svg_1.default,
-        viewBox: '0 0 500 500',
-    };
     var stdBtnRef = React.useRef(null);
     var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
     var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
@@ -183,7 +161,7 @@ var IconContextualMenu = function () {
                 React.createElement(react_native_1.Text, null,
                     React.createElement(react_native_1.Text, null, "Menu Visibility: "),
                     isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
-                React.createElement(react_native_2.Button, { componentRef: stdBtnRef, style: { borderWidth: 0 }, icon: { svgSource: svgProps, width: 12, height: 12 }, onClick: toggleShowContextualMenu }))),
+                React.createElement(react_native_2.Button, { componentRef: stdBtnRef, style: { borderWidth: 0 }, icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, onClick: toggleShowContextualMenu }))),
         showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer },
             React.createElement(react_native_2.ContextualMenuItem, { itemKey: "1" },
                 React.createElement(react_native_2.Checkbox, { label: "Unchecked checkbox" })),
@@ -192,6 +170,85 @@ var IconContextualMenu = function () {
             React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
             React.createElement(react_native_2.ContextualMenuItem, { text: "Menuitem 4", itemKey: "4" })))));
 };
+var ScrollViewContextualMenu = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(null), lastMenuItemClicked = _c[0], setLastMenuItemClicked = _c[1];
+    var _d = React.useState(false), isBeakVisible = _d[0], setIsBeakVisible = _d[1];
+    var onIsBeakVisibleChange = React.useCallback(function (value) { return setIsBeakVisible(value); }, []);
+    var _e = React.useState(true), focusOnMount = _e[0], setShouldFocusOnMount = _e[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _f = React.useState(false), focusOnContainer = _f[0], setShouldFocusOnContainer = _f[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(false);
+    }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    var stdMenuItemRef = React.useRef(null);
+    var _g = React.useState(false), showSubmenu = _g[0], setShowSubmenu = _g[1];
+    var _h = React.useState(false), isSubmenuVisible = _h[0], setIsSubmenuVisible = _h[1];
+    var toggleShowSubmenu = React.useCallback(function () {
+        setShowSubmenu(!showSubmenu);
+        setIsSubmenuVisible(!isSubmenuVisible);
+    }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
+    var onShowSubmenu = React.useCallback(function () {
+        setIsSubmenuVisible(true);
+    }, [setIsSubmenuVisible]);
+    var onDismissSubmenu = React.useCallback(function () {
+        setShowSubmenu(false);
+    }, [setShowSubmenu]);
+    var onClick = React.useCallback(function () {
+        console.log('submenu item clicked');
+    }, []);
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Beak Visible"),
+                    React.createElement(react_native_1.Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu and Submenu max height set to 200")),
+                React.createElement(react_native_2.Button, { content: "Press for ContextualMenu", onClick: toggleShowContextualMenu, componentRef: stdBtnRef }))),
+        showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible, maxHeight: 200 },
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 1", itemKey: "1" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(react_native_2.SubmenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "3", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef }),
+            showSubmenu && (React.createElement(react_native_2.Submenu, { maxHeight: 200, target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 6", itemKey: "6" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 7", itemKey: "7" }),
+                React.createElement(react_native_2.ContextualMenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "8", onClick: onClick }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "9" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "10", disabled: true }))),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "11", disabled: true }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 4", itemKey: "12" })))));
+};
 var contextualMenuSections = [
     {
         name: 'Standard ContextualMenu',
@@ -206,6 +263,14 @@ var contextualMenuSections = [
         name: 'IconButton with Customized ContextualMenu',
         component: IconContextualMenu,
     },
+    {
+        name: 'ContextalMenu with ScrollView',
+        component: ScrollViewContextualMenu,
+    },
+    {
+        name: 'ContextualMenu E2E Test',
+        component: E2EContextualMenuTest_1.E2EContextualMenuTest,
+    },
 ];
 exports.ContextualMenuTest = function () {
     var status = {