@fluentui-react-native/tester 0.135.2 → 0.136.0

package/lib/fluent-tester/src/TestComponents/Button/ButtonSizeTestSection.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { ButtonV1 as Button, CompoundButton, FAB } from '@fluentui/react-native';
+import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+var isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
+export var ButtonSizeTest = function () {
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+    return (React.createElement(View, { style: testContentRootViewStyle },
+        svgIconsEnabled && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { iconOnly: true, size: "small", icon: iconProps, accessibilityLabel: "Small size button with accessibility icon", style: commonTestStyles.vmargin, tooltip: "button tooltip" }),
+            React.createElement(Button, { iconOnly: true, size: "small", appearance: "primary", icon: iconProps, accessibilityLabel: "Small size button with accessibility icon", style: commonTestStyles.vmargin, tooltip: "button tooltip" }),
+            React.createElement(Button, { iconOnly: true, size: "medium", icon: iconProps, accessibilityLabel: "Medium size button with accessibility icon", style: commonTestStyles.vmargin }),
+            React.createElement(Button, { iconOnly: true, size: "medium", appearance: "primary", icon: iconProps, accessibilityLabel: "Medium size button with accessibility icon", style: commonTestStyles.vmargin }),
+            React.createElement(Button, { iconOnly: true, size: "large", icon: iconProps, accessibilityLabel: "Large size button with accessibility icon", style: commonTestStyles.vmargin }),
+            React.createElement(Button, { iconOnly: true, size: "large", appearance: "primary", icon: iconProps, accessibilityLabel: "Large size button with accessibility icon", style: commonTestStyles.vmargin }),
+            React.createElement(Button, { size: "small", icon: iconProps, style: commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(Button, { size: "small", appearance: "primary", icon: iconProps, style: commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(Button, { size: "medium", icon: iconProps, style: commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(Button, { size: "medium", appearance: "primary", icon: iconProps, style: commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(Button, { size: "large", icon: iconProps, style: commonTestStyles.vmargin }, "Large Button with icon"),
+            React.createElement(Button, { size: "large", appearance: "primary", icon: iconProps, style: commonTestStyles.vmargin }, "Large Button with icon"),
+            Platform.OS == 'android' && (React.createElement(FAB, { size: "small", icon: iconProps, style: commonTestStyles.vmargin }, "Small FAB")),
+            React.createElement(FAB, { size: "large", icon: iconProps, style: commonTestStyles.vmargin }, "Large FAB"))),
+        React.createElement(Button, { size: "small", style: commonTestStyles.vmargin }, "Small"),
+        React.createElement(Button, { size: "medium", style: commonTestStyles.vmargin }, "Medium"),
+        React.createElement(Button, { size: "large", style: commonTestStyles.vmargin }, "Large"),
+        !isMobile && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { loading: true, size: "small", style: commonTestStyles.vmargin }, "Loading Button Small"),
+            React.createElement(Button, { loading: true, size: "medium", style: commonTestStyles.vmargin }, "Loading Button Medium"),
+            React.createElement(Button, { loading: true, size: "large", style: commonTestStyles.vmargin }, "Loading Button Large"),
+            React.createElement(CompoundButton, { secondaryContent: "Small compound button", size: "small", style: commonTestStyles.vmargin }, "Compound Button"),
+            React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Small compound button", size: "small", style: commonTestStyles.vmargin }, "Compound Button"),
+            React.createElement(CompoundButton, { secondaryContent: "Medium compound button", size: "medium", style: commonTestStyles.vmargin }, "Compound Button"),
+            React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Medium compound button", size: "medium", style: commonTestStyles.vmargin }, "Compound Button"),
+            React.createElement(CompoundButton, { secondaryContent: "Large compound button", size: "large", style: commonTestStyles.vmargin }, "Compound Button"),
+            React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Large compound button", size: "large", style: commonTestStyles.vmargin }, "Compound Button"),
+            svgIconsEnabled && (React.createElement(React.Fragment, null,
+                React.createElement(CompoundButton, { icon: iconProps, secondaryContent: "SecondaryContent", size: "small", style: commonTestStyles.vmargin }, "Content"),
+                React.createElement(CompoundButton, { icon: iconProps, secondaryContent: "SecondaryContent", size: "medium", style: commonTestStyles.vmargin }, "Content"),
+                React.createElement(CompoundButton, { icon: iconProps, secondaryContent: "SecondaryContent", size: "large", style: commonTestStyles.vmargin }, "Content")))))));
+};
+//# sourceMappingURL=ButtonSizeTestSection.js.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonSizeTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAEjF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AAEpE,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;QAClC,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAC,gBAAgB,GACxB;YACF,oBAAC,MAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAC,gBAAgB,GACxB;YACF,oBAAC,MAAM,IACL,QAAQ,QACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAC,4CAA4C,EAC/D,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,MAAM,IACL,QAAQ,QACR,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAC,4CAA4C,EAC/D,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,MAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,MAAM,IACL,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,SAAS,EACpB,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAC,2CAA2C,EAC9D,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAE5D;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAEjF;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAE7D;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAElF;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAE5D;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAEjF;YACR,QAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAC3B,oBAAC,GAAG,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAE5D,CACP;YACD,oBAAC,GAAG,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAE5D,CACL,CACJ;QACD,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE5C;QACT,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAE3C;QACR,CAAC,QAAQ,IAAI,CACZ;YACE,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,2BAEnD;YACT,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,4BAEpD;YACT,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,2BAEnD;YACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEpF;YACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEzG;YACjB,oBAAC,cAAc,IAAC,gBAAgB,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEtF;YACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,wBAAwB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE3G;YACjB,oBAAC,cAAc,IAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEpF;YACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEzG;YAChB,eAAe,IAAI,CAClB;gBACE,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEhG;gBACjB,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEjG;gBACjB,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEhG,CAChB,CACJ,CACA,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/ButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+E/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAiB9B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonTest.js

@@ -0,0 +1,87 @@
+import { __spreadArray } from "tslib";
+import * as React from 'react';
+import { Platform } from 'react-native';
+import { ButtonShapeTest } from './ButtonShapeTestSection';
+import { ButtonSizeTest } from './ButtonSizeTestSection';
+import { ButtonVariantTest } from './ButtonVariantTestSection';
+import { ButtonFocusTest_deprecated } from './deprecated/ButtonFocusTest';
+import { ButtonIconTest_deprecated } from './deprecated/ButtonIconTest';
+import { E2EButtonTest_deprecated } from './deprecated/E2EButtonTest';
+import { E2EButtonTest } from './E2EButtonTest';
+import { ToggleButtonTest } from './ToggleButtonTestSection';
+import { BUTTON_TESTPAGE } from '../../../../E2E/src/ButtonLegacy/consts';
+import { ButtonHOCTest } from '../Button/ButtonHOCTestSection';
+import { ButtonIconTest } from '../Button/ButtonIconTestSection';
+import { Test } from '../Test';
+var buttonSections = __spreadArray(__spreadArray(__spreadArray([
+    {
+        name: 'Button Variants',
+        testID: BUTTON_TESTPAGE,
+        component: ButtonVariantTest,
+    },
+    {
+        name: 'Icon Button',
+        component: ButtonIconTest,
+    }
+], Platform.select({
+    // The following sections are not supported for iOS or Android
+    ios: [],
+    android: [],
+    default: [
+        {
+            name: 'Toggle Button',
+            component: ToggleButtonTest,
+        },
+        {
+            name: 'Button Shape',
+            component: ButtonShapeTest,
+        },
+    ],
+}), true), [
+    {
+        name: 'Sizes',
+        component: ButtonSizeTest,
+    },
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Customize, Compose, and Ref',
+            component: ButtonHOCTest,
+        },
+    })
+], false), Platform.select({
+    android: [],
+    default: [
+        {
+            name: 'Deprecated Basic Button',
+            component: ButtonFocusTest_deprecated,
+        },
+        {
+            name: 'Deprecated Icon Button',
+            component: ButtonIconTest_deprecated,
+        },
+    ],
+}), true);
+var e2eSections = [
+    {
+        name: 'E2E Button Testing',
+        component: E2EButtonTest,
+    },
+    {
+        name: 'Deprecated E2E Button Testing',
+        component: E2EButtonTest_deprecated,
+    },
+];
+export var ButtonTest = function () {
+    var status = {
+        win32Status: 'Production',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Production',
+        androidStatus: 'Experimental',
+    };
+    var description = 'Buttons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.\n\nWhen considering their place in a layout, contemplate the order in which a user will flow through the UI. As an example, in a form, the individual will need to read and interact with the form fields before submiting the form. Therefore, as a general rule, the button should be placed at the bottom of the UI container (a dialog, panel, or page) which holds the related UI elements.\n\nWhile buttons can technically be used to navigate a user to another part of the experience, this is not recommended unless that navigation is part of an action or their flow.';
+    var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Button/SPEC.md';
+    return (React.createElement(Test, { name: "Button Test", description: description, spec: spec, sections: buttonSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=ButtonTest.js.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,cAAc;IAClB;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;GACE,QAAQ,CAAC,MAAM,CAAC;IACjB,8DAA8D;IAC9D,GAAG,EAAE,EAAE;IACP,OAAO,EAAE,EAAE;IACX,OAAO,EAAE;QACP;YACE,IAAI,EAAE,eAAe;YACrB,SAAS,EAAE,gBAAgB;SAC5B;QACD;YACE,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,eAAe;SAC3B;KACF;CACF,CAAC;IACF;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,cAAc;KAC1B;IACD,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,OAAO,EAAE;YACP,IAAI,EAAE,6BAA6B;YACnC,SAAS,EAAE,aAAa;SACzB;KACF,CAAC;WACC,QAAQ,CAAC,MAAM,CAAC;IACjB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE;QACP;YACE,IAAI,EAAE,yBAAyB;YAC/B,SAAS,EAAE,0BAA0B;SACtC;QACD;YACE,IAAI,EAAE,wBAAwB;YAC9B,SAAS,EAAE,yBAAyB;SACrC;KACF;CACF,CAAC,OACH,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACtI,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.android.d.ts

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.android.d.ts.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.android.js

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.android.js.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAwCrC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.ios.d.ts

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.ios.d.ts.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.ios.js

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.ios.js.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Button, CompoundButton, FAB } from '@fluentui-react-native/experimental-button';
+import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+// Test also pulls button from deprecated package to ensure it's still working
+export var ButtonVariantTest = function () {
+    return (React.createElement(View, { style: testContentRootViewStyle },
+        React.createElement(Button, { style: commonTestStyles.vmargin }, "Default"),
+        React.createElement(Button, { disabled: true, style: commonTestStyles.vmargin }, "Default Disabled"),
+        React.createElement(Button, { appearance: "primary", style: commonTestStyles.vmargin }, "Primary"),
+        React.createElement(Button, { disabled: true, appearance: "primary", style: commonTestStyles.vmargin }, "Primary Disabled"),
+        React.createElement(Button, { appearance: "subtle", style: commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(Button, { loading: true }, "Loading Button"),
+        React.createElement(Button, { block: true, style: commonTestStyles.vmargin }, "Block"),
+        React.createElement(Button, { appearance: "primary", block: true, style: commonTestStyles.vmargin }, "Block Primary"),
+        React.createElement(Button, { appearance: "subtle", block: true, style: commonTestStyles.vmargin }, "Block Subtle"),
+        React.createElement(CompoundButton, { secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Default"),
+        React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Primary"),
+        React.createElement(CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }, "FAB")));
+};
+//# sourceMappingURL=ButtonVariantTestSection.js.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,8EAA8E;AAC9E,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;QACnC,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,MAAM,IAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE/C,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.mobile.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.mobile.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAsCrC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.mobile.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Button, FAB } from '@fluentui-react-native/experimental-button';
+import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+export var ButtonVariantTest = function () {
+    var _a = React.useState(true), showFABText = _a[0], setShowFABText = _a[1];
+    var flipFABcontent = React.useCallback(function () { return setShowFABText(!showFABText); }, [showFABText]);
+    return (React.createElement(View, { style: testContentRootViewStyle },
+        React.createElement(Button, { style: commonTestStyles.vmargin }, "Default"),
+        React.createElement(Button, { disabled: true, style: commonTestStyles.vmargin }, "Default Disabled"),
+        React.createElement(Button, { appearance: "accent", style: commonTestStyles.vmargin }, "Accent"),
+        React.createElement(Button, { disabled: true, appearance: "accent", style: commonTestStyles.vmargin }, "Accent Disabled"),
+        React.createElement(Button, { appearance: "outline", style: commonTestStyles.vmargin }, "Outline"),
+        React.createElement(Button, { appearance: "outline", disabled: true, style: commonTestStyles.vmargin }, "Outline Disabled"),
+        React.createElement(Button, { appearance: "subtle", style: commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(Button, { appearance: "subtle", disabled: true, style: commonTestStyles.vmargin }, "Subtle Disabled"),
+        React.createElement(FAB, { icon: iconProps, iconOnly: true, disabled: true, style: commonTestStyles.vmargin, accessibilityLabel: "FAB" }),
+        React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "Click Me!"),
+        React.createElement(FAB, { appearance: "subtle", iconOnly: true, disabled: true, icon: iconProps, style: commonTestStyles.vmargin, accessibilityLabel: "FAB" }),
+        React.createElement(FAB, { appearance: "subtle", icon: iconProps, style: commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "Click Me!")));
+};
+//# sourceMappingURL=ButtonVariantTestSection.mobile.js.map

package/lib/fluent-tester/src/TestComponents/Button/ButtonVariantTestSection.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.mobile.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ButtonVariantTestSection.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IAClD,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAC3D,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,EAA5B,CAA4B,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;QACnC,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE3D;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE3D;QACT,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,QAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAC,KAAK,GAAG;QACpG,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,gBAElG;QACN,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,QAAC,QAAQ,QAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAC,KAAK,GAAG;QACxH,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,gBAEtH,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/E2EButtonTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/E2EButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA+EjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/E2EButtonTest.js

@@ -0,0 +1,47 @@
+import { __assign } from "tslib";
+/* eslint-disable @typescript-eslint/no-var-requires */
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { BUTTON_TEST_COMPONENT, BUTTON_ON_PRESS, BUTTON_NO_A11Y_LABEL_COMPONENT, BUTTON_ACCESSIBILITY_LABEL, BUTTON_TEST_COMPONENT_LABEL, BUTTON_ON_KEY, BUTTON_PRESS_TEST_COMPONENT, BUTTON_PRESS_TEST_COMPONENT_LABEL, BUTTON_FOCUSABLE_TEST_COMPONENT, BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL, } from '../../../../E2E/src/ButtonLegacy/consts';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var E2EButtonTest = function () {
+    var _a = React.useState(false), buttonPressed = _a[0], setButtonPressed = _a[1];
+    var _b = React.useState(''), keyDetected = _b[0], setKeyDetected = _b[1];
+    var onClick = React.useCallback(function () {
+        setButtonPressed(!buttonPressed);
+        setKeyDetected('');
+    }, [buttonPressed]);
+    var keyPressProps = {
+        keyDownEvents: [{ key: 'a' }],
+        onKeyDown: function (args) {
+            if (args.nativeEvent.key === 'a') {
+                setKeyDetected('a (down)');
+                args.stopPropagation();
+            }
+        },
+        keyUpEvents: [{ key: 'b' }],
+        onKeyUp: function (args) {
+            if (args.nativeEvent.key === 'b') {
+                setKeyDetected('b (up)');
+                args.stopPropagation();
+            }
+        },
+    };
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Button, __assign({ onClick: onClick, accessibilityLabel: BUTTON_ACCESSIBILITY_LABEL }, testProps(BUTTON_TEST_COMPONENT)), "This is a button for E2E testing"),
+            React.createElement(Button, __assign({ onClick: onClick, accessibilityRole: "menuitem" }, testProps(BUTTON_NO_A11Y_LABEL_COMPONENT)), BUTTON_TEST_COMPONENT_LABEL),
+            React.createElement(Button, __assign({ onClick: onClick, accessibilityLabel: BUTTON_PRESS_TEST_COMPONENT_LABEL }, keyPressProps, testProps(BUTTON_PRESS_TEST_COMPONENT)), "Press \"a\" or \"b\" after focusing this button"),
+            React.createElement(Button, __assign({ onClick: onClick, accessibilityLabel: BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL, focusable: false }, testProps(BUTTON_FOCUSABLE_TEST_COMPONENT)), "This button isn't focusable (but isn't disabled or indeterminate either)"),
+            buttonPressed ? (React.createElement(Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps(BUTTON_ON_PRESS)), "Button Pressed")) : null,
+            keyDetected ? (React.createElement(Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, __assign({}, testProps(BUTTON_ON_KEY)),
+                "Button Key Press detected: ",
+                keyDetected)) : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

package/lib/fluent-tester/src/TestComponents/Button/E2EButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"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"}

package/lib/fluent-tester/src/TestComponents/Button/ToggleButtonTestSection.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/ToggleButtonTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBA2CpC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/ToggleButtonTestSection.js

@@ -0,0 +1,33 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { Checkbox } from '@fluentui/react-native';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+var styles = StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+    },
+    checkbox: __assign(__assign({}, commonTestStyles.vmargin), { marginHorizontal: 8 }),
+});
+export var ToggleButtonTest = function () {
+    var _a = React.useState(false), defaultChecked = _a[0], setDefaultChecked = _a[1];
+    var onDefaultClicked = React.useCallback(function () { return setDefaultChecked(!defaultChecked); }, [defaultChecked, setDefaultChecked]);
+    var _b = React.useState(false), subtleChecked = _b[0], setSubtleChecked = _b[1];
+    var onGhostClicked = React.useCallback(function () { return setSubtleChecked(!subtleChecked); }, [subtleChecked, setSubtleChecked]);
+    return (React.createElement(View, { style: testContentRootViewStyle },
+        React.createElement(View, { style: styles.row },
+            React.createElement(ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: commonTestStyles.vmargin }, "Default Toggle"),
+            React.createElement(Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: styles.checkbox })),
+        React.createElement(ToggleButton, { checked: true, style: commonTestStyles.vmargin }, "Checked Default Toggle"),
+        React.createElement(ToggleButton, { checked: false, style: commonTestStyles.vmargin }, "Unchecked Default Toggle"),
+        React.createElement(ToggleButton, { appearance: "primary", defaultChecked: true, style: commonTestStyles.vmargin }, "Checked Primary Toggle"),
+        React.createElement(ToggleButton, { disabled: true, defaultChecked: true, appearance: "primary", style: commonTestStyles.vmargin }, "Checked Primary Toggle Disabled"),
+        React.createElement(ToggleButton, { appearance: "primary", style: commonTestStyles.vmargin }, "Unchecked Primary Toggle"),
+        React.createElement(View, { style: styles.row },
+            React.createElement(ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: commonTestStyles.vmargin }, "Subtle Toggle"),
+            React.createElement(Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: styles.checkbox })),
+        React.createElement(ToggleButton, { appearance: "subtle", checked: true, style: commonTestStyles.vmargin }, "Checked Subtle Toggle"),
+        React.createElement(ToggleButton, { appearance: "subtle", checked: false, style: commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
+};
+//# sourceMappingURL=ToggleButtonTestSection.js.map

package/lib/fluent-tester/src/TestComponents/Button/ToggleButtonTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/ToggleButtonTestSection.tsx"],"names":[],"mappings":"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"}

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonFocusTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonFocusTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFocusTest.d.ts","sourceRoot":"","sources":["../../../../../../src/TestComponents/Button/deprecated/ButtonFocusTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAoB9C,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonFocusTest.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Button } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../../Common/styles';
+export var ButtonFocusTest_deprecated = function () {
+    var _a = React.useState({
+        focused: false,
+    }), state = _a[0], setState = _a[1];
+    var buttonRef = React.useRef(null);
+    var onFocus = React.useCallback(function () {
+        setState({ focused: !state.focused });
+        if (buttonRef.current && !state.focused) {
+            buttonRef.current.focus();
+        }
+    }, [state, setState]);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Button, { content: state.focused ? 'Focused' : 'Not Focused', componentRef: buttonRef, accessibilityLabel: "overridden button name" }),
+        React.createElement(Button, { content: "Click to focus", onClick: onFocus, tooltip: "button tooltip" }),
+        React.createElement(Button, { content: "Disabled Button", onClick: onFocus, tooltip: "disabled button", disabled: true })));
+};
+//# sourceMappingURL=ButtonFocusTest.js.map

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonFocusTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFocusTest.js","sourceRoot":"","sources":["../../../../../../src/TestComponents/Button/deprecated/ButtonFocusTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,CAAC,IAAM,0BAA0B,GAA4B;IAC3D,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC;QACvC,OAAO,EAAE,KAAK;KACf,CAAC,EAFK,KAAK,QAAA,EAAE,QAAQ,QAEpB,CAAC;IACH,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IAEjD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QACtC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAC,wBAAwB,GAAG;QACnI,oBAAC,MAAM,IAAC,OAAO,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,gBAAgB,GAAG;QAC9E,oBAAC,MAAM,IAAC,OAAO,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,iBAAiB,EAAC,QAAQ,SAAG,CACnF,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonIconTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonIconTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTest.d.ts","sourceRoot":"","sources":["../../../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAsB7C,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonIconTest.js

@@ -0,0 +1,26 @@
+import { __assign } from "tslib";
+/* eslint-disable @typescript-eslint/no-var-requires */
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { Button, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { testImage, svgProps } from '../../Common/iconExamples';
+import { stackStyle } from '../../Common/styles';
+var CustomizedIconButton = Button.customize({
+    tokens: { iconColor: 'red' },
+    content: { style: { marginStart: 5 } },
+});
+export var ButtonIconTest_deprecated = function () {
+    /* eslint-disable @typescript-eslint/no-var-requires */
+    // SVG-based icons are not available on all platforms yet
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+    var iconProps = { svgSource: svgProps, width: 20, height: 20 };
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Button, { startIcon: testImage, content: "Button with png Icon", tooltip: "button tooltip" }),
+            svgIconsEnabled ? (React.createElement(Button, { startIcon: __assign(__assign({}, iconProps), { color: 'red' }), content: "Button with svg Icon", tooltip: "button tooltip" })) : null,
+            svgIconsEnabled ? (React.createElement(CustomizedIconButton, { startIcon: iconProps, content: "Button with Customized Icon", tooltip: "button tooltip" })) : null,
+            React.createElement(Text, null, "End Button icon"),
+            svgIconsEnabled ? React.createElement(CustomizedIconButton, { endIcon: iconProps, content: "Button with Right Icon", tooltip: "button tooltip" }) : null)));
+};
+//# sourceMappingURL=ButtonIconTest.js.map

package/lib/fluent-tester/src/TestComponents/Button/deprecated/ButtonIconTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTest.js","sourceRoot":"","sources":["../../../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,IAAM,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;IAC5C,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;IAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;CACvC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,yBAAyB,GAA4B;IAChE,uDAAuD;IAEvD,yDAAyD;IACzD,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAC7F,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG;YACvF,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,MAAM,IAAC,SAAS,wBAAO,SAAS,KAAE,KAAK,EAAE,KAAK,KAAI,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI;YACP,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,6BAA6B,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,0BAAuB;YAC3B,eAAe,CAAC,CAAC,CAAC,oBAAC,oBAAoB,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,CAC1H,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/deprecated/E2EButtonTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Button/deprecated/E2EButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../../../src/TestComponents/Button/deprecated/E2EButtonTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAkC5C,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/deprecated/E2EButtonTest.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+/* eslint-disable @typescript-eslint/no-var-requires */
+import * as React from 'react';
+import { View } from 'react-native';
+import { Button, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { BUTTON_TEST_COMPONENT_DEPRECATED, BUTTON_ON_PRESS_DEPRECATED, BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED, BUTTON_ACCESSIBILITY_LABEL_DEPRECATED, BUTTON_TEST_COMPONENT_LABEL_DEPRECATED, } from '../../../../../E2E/src/ButtonLegacy/consts';
+import { stackStyle } from '../../Common/styles';
+import { testProps } from '../../Common/TestProps';
+export var E2EButtonTest_deprecated = function () {
+    var _a = React.useState(false), buttonPressed = _a[0], setButtonPressed = _a[1];
+    var onClick = React.useCallback(function () {
+        setButtonPressed(!buttonPressed);
+    }, [buttonPressed]);
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Button, __assign({ content: "This is a button for E2E testing", onClick: onClick, accessibilityLabel: BUTTON_ACCESSIBILITY_LABEL_DEPRECATED }, testProps(BUTTON_TEST_COMPONENT_DEPRECATED))),
+            React.createElement(Button, __assign({ content: BUTTON_TEST_COMPONENT_LABEL_DEPRECATED, onClick: onClick }, testProps(BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED))),
+            buttonPressed ? (React.createElement(Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps(BUTTON_ON_PRESS_DEPRECATED)), "Button Pressed")) : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

package/lib/fluent-tester/src/TestComponents/Button/deprecated/E2EButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../../../src/TestComponents/Button/deprecated/E2EButtonTest.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EACL,gCAAgC,EAChC,0BAA0B,EAC1B,yCAAyC,EACzC,qCAAqC,EACrC,sCAAsC,GACvC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,IAAM,wBAAwB,GAA4B;IACzD,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,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,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,MAAM,aACL,OAAO,EAAC,kCAAkC,EAC1C,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,qCAAqC,IAErD,SAAS,CAAC,gCAAgC,CAAC,EAC/C;YACF,oBAAC,MAAM,aACL,OAAO,EAAE,sCAAsC,EAC/C,OAAO,EAAE,OAAO,IAEZ,SAAS,CAAC,yCAAyC,CAAC,EACxD;YACD,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;YACH,6FAA6F;2BACzF,SAAS,CAAC,0BAA0B,CAAC,oBAGpC,CACR,CAAC,CAAC,CAAC,IAAI,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ButtonTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/TestComponents/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/fluent-tester/src/TestComponents/Button/index.js

@@ -0,0 +1,2 @@
+export * from './ButtonTest';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/fluent-tester/src/TestComponents/Callout/CalloutE2ETest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Callout/CalloutE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Callout/CalloutE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsElC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Callout/CalloutE2ETest.js

@@ -0,0 +1,45 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button, Callout, Text } from '@fluentui/react-native';
+import { Switch } from '@fluentui-react-native/switch';
+import { BUTTON_TO_OPEN_CALLOUT, CALLOUT_ACCESSIBILITY_LABEL, CALLOUT_TEST_COMPONENT } from '../../../../E2E/src/Callout/consts';
+import { testProps } from '../Common/TestProps';
+export var E2ECalloutTest = function () {
+    var _a = React.useState(false), showCallout = _a[0], setShowCallout = _a[1];
+    var _b = React.useState(false), isCalloutVisible = _b[0], setIsCalloutVisible = _b[1];
+    var _c = React.useState({
+        preventDismissOnKeyDown: false,
+        preventDismissOnClickOutside: false,
+    }), dismissBehaviors = _c[0], setDismissBehaviors = _c[1];
+    var toggleShowCallout = React.useCallback(function () {
+        setShowCallout(!showCallout);
+        setIsCalloutVisible(false);
+    }, [showCallout, setIsCalloutVisible, setShowCallout]);
+    var onShowCallout = React.useCallback(function () {
+        setIsCalloutVisible(true);
+    }, [setIsCalloutVisible]);
+    var onDismissCallout = React.useCallback(function () {
+        setIsCalloutVisible(false);
+        setShowCallout(false);
+    }, [setIsCalloutVisible, setShowCallout]);
+    var myRect = { screenX: 10, screenY: 10, width: 100, height: 100 };
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'column', paddingVertical: 5 } },
+            React.createElement(Text, { variant: "subheaderSemibold" }, "Dismiss Behaviors"),
+            React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } }, Object.entries(dismissBehaviors).map(function (_a, i) {
+                var behavior = _a[0], checked = _a[1];
+                return (React.createElement(Switch, { label: behavior, checked: checked, onChange: function (_, isChecked) {
+                        var _a;
+                        return setDismissBehaviors(__assign(__assign({}, dismissBehaviors), (_a = {}, _a[behavior] = isChecked, _a)));
+                    }, key: i }));
+            })),
+            React.createElement(Button, __assign({ onClick: toggleShowCallout }, testProps(BUTTON_TO_OPEN_CALLOUT)), "Press for Callout"),
+            React.createElement(Text, { selectable: true },
+                React.createElement(Text, null, "Visibility: "),
+                isCalloutVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible"))),
+        showCallout && (React.createElement(Callout, __assign({ anchorRect: myRect, onDismiss: onDismissCallout, onShow: onShowCallout, accessibilityLabel: CALLOUT_ACCESSIBILITY_LABEL, accessibilityRole: "alert", accessibilityOnShowAnnouncement: "Be informed that a customized callout has been opened.", dismissBehaviors: Object.keys(dismissBehaviors).filter(function (behavior) { return dismissBehaviors[behavior]; }) }, testProps(CALLOUT_TEST_COMPONENT)),
+            React.createElement(View, { style: { padding: 20, borderWidth: 2, borderColor: 'black' } },
+                React.createElement(Text, null, "just some text so it does not take focus and is not empty."))))));
+};
+//# sourceMappingURL=CalloutE2ETest.js.map