@fluentui-react-native/tester 0.135.2 → 0.136.0

package/lib/fluent-tester/src/TestComponents/PersonaCoin/StandardUsage.js

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { Switch, View, Text } from 'react-native';
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { satyaPhotoUrl, undefinedText } from './styles';
+import { StyledPicker } from '../Common/StyledPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+var allSizes = [
+    undefinedText,
+    'size8',
+    'size24',
+    'size32',
+    'size40',
+    'size48',
+    'size56',
+    'size72',
+    'size100',
+    'size120',
+];
+var allColors = [
+    undefinedText,
+    'cornflower',
+    'blue',
+    'royalBlue',
+    'teal',
+    'forest',
+    'darkGreen',
+    'berry',
+    'hotPink',
+    'grape',
+    'purple',
+    'pumpkin',
+    'red',
+    'burgundy',
+    'orchid',
+    'brass',
+    'darkRed',
+    'beige',
+    'platinum',
+    'steel',
+    'brown',
+];
+var allPresences = [undefinedText, 'none', 'online', 'offline', 'busy', 'dnd', 'blocked', 'away'];
+export var StandardUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState('size72'), imageSize = _b[0], setImageSize = _b[1];
+    var _c = React.useState('brass'), coinColor = _c[0], setCoinColor = _c[1];
+    var _d = React.useState('online'), presence = _d[0], setPresence = _d[1];
+    var onSizeChange = React.useCallback(function (value) { return setImageSize(value); }, []);
+    var onColorChange = React.useCallback(function (value) { return setCoinColor(value); }, []);
+    var onPresenceChange = React.useCallback(function (value) { return setPresence(value); }, []);
+    var theme = useTheme();
+    var textStyles = { color: theme.colors.inputText };
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settingsPicker },
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, { style: textStyles }, "Show image"),
+                React.createElement(Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
+            React.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
+            React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
+        React.createElement(View, { style: commonStyles.pickerControlled },
+            React.createElement(PersonaCoin, { size: imageSize === undefinedText ? undefined : imageSize, initials: "SN", imageDescription: "Photo of Satya Nadella", presence: presence === undefinedText ? undefined : presence, imageUrl: showImage ? satyaPhotoUrl : undefined, coinColorFluent: coinColor === undefinedText ? undefined : coinColor }))));
+};
+//# sourceMappingURL=StandardUsage.js.map

package/lib/fluent-tester/src/TestComponents/PersonaCoin/StandardUsage.js.map

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

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/PersonaCoin/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+    oneCoin: {
+        margin: number;
+    };
+};
+export declare const satyaPhotoUrl = "https://upload.wikimedia.org/wikipedia/commons/5/53/Satya_bookcover-print.jpg";
+export declare const steveBallmerPhotoUrl = "https://www.rmndigital.com/wp-content/uploads/2012/11/stevems.jpg";
+export declare const undefinedText = "(undefined)";
+//# sourceMappingURL=styles.d.ts.map

package/lib/fluent-tester/src/TestComponents/PersonaCoin/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/PersonaCoin/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;CAAgD,CAAC;AAEpE,eAAO,MAAM,aAAa,kFAAkF,CAAC;AAE7G,eAAO,MAAM,oBAAoB,sEAAsE,CAAC;AAExG,eAAO,MAAM,aAAa,gBAAgB,CAAC"}

package/lib/fluent-tester/src/TestComponents/PersonaCoin/styles.js

@@ -0,0 +1,6 @@
+import { StyleSheet } from 'react-native';
+export var styles = StyleSheet.create({ oneCoin: { margin: 8 } });
+export var satyaPhotoUrl = 'https://upload.wikimedia.org/wikipedia/commons/5/53/Satya_bookcover-print.jpg';
+export var steveBallmerPhotoUrl = 'https://www.rmndigital.com/wp-content/uploads/2012/11/stevems.jpg';
+export var undefinedText = '(undefined)';
+//# sourceMappingURL=styles.js.map

package/lib/fluent-tester/src/TestComponents/PersonaCoin/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/PersonaCoin/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAEpE,MAAM,CAAC,IAAM,aAAa,GAAG,+EAA+E,CAAC;AAE7G,MAAM,CAAC,IAAM,oBAAoB,GAAG,mEAAmE,CAAC;AAExG,MAAM,CAAC,IAAM,aAAa,GAAG,aAAa,CAAC"}

package/lib/fluent-tester/src/TestComponents/Pressable/PressableTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Pressable/PressableTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Pressable/PressableTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyI/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Pressable/PressableTest.js

@@ -0,0 +1,117 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Alert, StyleSheet, View, Text } from 'react-native';
+import { Pressable } from '@fluentui/react-native';
+import { useFocusState, useHoverState, usePressState } from '@fluentui-react-native/interactive-hooks';
+import { Stack } from '@fluentui-react-native/stack';
+import { PRESSABLE_TESTPAGE } from '../../../../E2E/src/Pressable/consts';
+import { Square } from '../Common/Square';
+import { Test } from '../Test';
+var styles = StyleSheet.create({
+    dottedBorder: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 4,
+        borderStyle: 'dotted',
+        borderColor: 'red',
+    },
+    solidBorder: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 4,
+        borderStyle: 'solid',
+        borderColor: 'black',
+    },
+    notfocused: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 4,
+        borderColor: '#ababab',
+        borderStyle: 'solid',
+    },
+    focused: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 4,
+        borderStyle: 'solid',
+        borderColor: 'black',
+        backgroundColor: 'lightblue',
+    },
+    notPressed: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 4,
+        width: 30,
+        height: 30,
+        borderColor: '#ababab',
+        borderStyle: 'solid',
+    },
+    pressed: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 4,
+        width: 30,
+        height: 30,
+        borderStyle: 'dashed',
+        borderColor: 'black',
+        backgroundColor: 'lightgreen',
+    },
+});
+function renderStyle(state) {
+    return (state.pressed && { opacity: 0.5 }) || {};
+}
+/* Pressable that only has focusState */
+var FocusComponent = function () {
+    var _a = useFocusState({}), focusProps = _a[0], focusState = _a[1];
+    return (React.createElement(Stack, { focusable: false },
+        React.createElement(View, __assign({ focusable: true }, focusProps, { style: focusState.focused ? styles.focused : styles.notfocused }))));
+};
+/* Pressable that only has pressState */
+var PressComponent = function (props) {
+    var _a = usePressState(props), pressProps = _a[0], pressState = _a[1];
+    var onTouchEnd = React.useCallback(function (e) {
+        pressProps.onTouchEnd && pressProps.onTouchEnd(e);
+        Alert.alert('Alert.', 'Object has been pressed.');
+    }, [pressProps]);
+    return (React.createElement(Stack, { focusable: false },
+        React.createElement(View, __assign({ focusable: true }, pressProps, { onTouchEnd: onTouchEnd, style: pressState.pressed ? styles.pressed : styles.notPressed }))));
+};
+var PressableMainTest = function () {
+    var _a = useHoverState({}), hoverProps = _a[0], hoverState = _a[1];
+    return (React.createElement(Stack, { horizontal: true, gap: 5 },
+        React.createElement(Square, { color: "blue" }),
+        React.createElement(Pressable, { renderStyle: renderStyle },
+            React.createElement(Square, null)),
+        React.createElement(Square, { color: "green" }),
+        React.createElement(Stack, null,
+            React.createElement(View, __assign({}, hoverProps, { style: hoverState.hovered ? styles.dottedBorder : styles.solidBorder }),
+                React.createElement(Text, null, hoverState.hovered ? 'hovered' : 'not hovered'))),
+        React.createElement(Stack, null,
+            React.createElement(Text, null, "Click a component to initially focus and tab to keyboard focus to next component: "),
+            React.createElement(FocusComponent, null),
+            React.createElement(FocusComponent, null),
+            React.createElement(FocusComponent, null),
+            React.createElement(FocusComponent, null)),
+        React.createElement(Stack, null,
+            React.createElement(Text, null, "Press to alert: "),
+            React.createElement(PressComponent, null))));
+};
+var pressableSections = [
+    {
+        name: 'Pressable Components',
+        testID: PRESSABLE_TESTPAGE,
+        component: PressableMainTest,
+    },
+];
+export var PressableTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'No description.';
+    return React.createElement(Test, { name: "Pressable Test", description: description, sections: pressableSections, status: status });
+};
+//# sourceMappingURL=PressableTest.js.map

package/lib/fluent-tester/src/TestComponents/Pressable/PressableTest.js.map

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

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyE2ETest.d.ts

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

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupLegacyE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/RadioGroupLegacy/RadioGroupLegacyE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAkD3C,CAAC"}

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyE2ETest.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { RadioButton, RadioGroup } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { RADIOGROUP_TEST_COMPONENT, RADIOGROUP_NO_A11Y_LABEL_COMPONENT, RADIOGROUP_TEST_COMPONENT_LABEL, RADIOGROUP_ACCESSIBILITY_LABEL, FIRST_RADIO_BUTTON, SECOND_RADIO_BUTTON, THIRD_RADIO_BUTTON, FOURTH_RADIO_BUTTON, FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL, SECOND_RADIO_BUTTON_LABEL, } from '../../../../E2E/src/RadioGroupLegacy/consts';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var RadioGroupLegacyE2ETest = function () {
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(RadioGroup, __assign({ label: "RadioGroup for E2E Testing - Ally Label Set", accessibilityLabel: RADIOGROUP_ACCESSIBILITY_LABEL }, testProps(RADIOGROUP_TEST_COMPONENT)),
+                React.createElement(RadioButton, __assign({ content: "Option A", buttonKey: "A", accessibilityLabel: FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL }, testProps(FIRST_RADIO_BUTTON))),
+                React.createElement(RadioButton, __assign({ content: SECOND_RADIO_BUTTON_LABEL, buttonKey: "B" }, testProps(SECOND_RADIO_BUTTON))),
+                React.createElement(RadioButton, __assign({ content: "Option C (disabled)", buttonKey: "C", disabled: true }, testProps(THIRD_RADIO_BUTTON))),
+                React.createElement(RadioButton, __assign({ content: "Option D", buttonKey: "C" }, testProps(FOURTH_RADIO_BUTTON)))),
+            React.createElement(RadioGroup, __assign({ label: RADIOGROUP_TEST_COMPONENT_LABEL }, testProps(RADIOGROUP_NO_A11Y_LABEL_COMPONENT)),
+                React.createElement(RadioButton, { content: "Option W", buttonKey: "W" }),
+                React.createElement(RadioButton, { content: "Option X", buttonKey: "X" }),
+                React.createElement(RadioButton, { content: "Option Y (disabled)", buttonKey: "C", disabled: true }),
+                React.createElement(RadioButton, { content: "Option Z", buttonKey: "Z" })))));
+};
+//# sourceMappingURL=RadioGroupLegacyE2ETest.js.map

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupLegacyE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/RadioGroupLegacy/RadioGroupLegacyE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EACL,yBAAyB,EACzB,kCAAkC,EAClC,+BAA+B,EAC/B,8BAA8B,EAC9B,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,sCAAsC,EACtC,yBAAyB,GAC1B,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,UAAU,aACT,KAAK,EAAC,6CAA6C,EACnD,kBAAkB,EAAE,8BAA8B,IAE9C,SAAS,CAAC,yBAAyB,CAAC;gBAExC,oBAAC,WAAW,aACV,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,GAAG,EACb,kBAAkB,EAAE,sCAAsC,IAEtD,SAAS,CAAC,kBAAkB,CAAC,EACjC;gBACF,oBAAC,WAAW,aACV,OAAO,EAAE,yBAAyB,EAClC,SAAS,EAAC,GAAG,IAET,SAAS,CAAC,mBAAmB,CAAC,EAClC;gBACF,oBAAC,WAAW,aACV,OAAO,EAAC,qBAAqB,EAC7B,SAAS,EAAC,GAAG,EACb,QAAQ,EAAE,IAAI,IAEV,SAAS,CAAC,kBAAkB,CAAC,EACjC;gBACF,oBAAC,WAAW,aACV,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,GAAG,IAET,SAAS,CAAC,mBAAmB,CAAC,EAClC,CACS;YACb,oBAAC,UAAU,aACT,KAAK,EAAE,+BAA+B,IAElC,SAAS,CAAC,kCAAkC,CAAC;gBAEjD,oBAAC,WAAW,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,GAAG,GAAG;gBAChD,oBAAC,WAAW,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,GAAG,GAAG;gBAChD,oBAAC,WAAW,IAAC,OAAO,EAAC,qBAAqB,EAAC,SAAS,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,GAAI;gBAC3E,oBAAC,WAAW,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,GAAG,GAAG,CACrC,CACP,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupLegacyTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwE/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAcxC,CAAC"}

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.js

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { RadioButton, RadioGroup, Separator } from '@fluentui/react-native';
+import { RadioGroupLegacyE2ETest } from './RadioGroupLegacyE2ETest';
+import { RADIOGROUP_TESTPAGE } from '../../../../E2E/src/RadioGroupLegacy/consts';
+import { Test } from '../Test';
+var BasicRadioGroup = function () {
+    // Client's example onChange function
+    var onChange = function (key) {
+        console.log(key);
+    };
+    var _a = React.useState('C'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onChange2 = React.useCallback(function (key) {
+        if (key == 'A') {
+            setSelectedKey('A');
+        }
+        else if (key == 'B') {
+            setSelectedKey('B');
+        }
+        else if (key == 'C') {
+            setSelectedKey('C');
+        }
+        else if (key == 'D') {
+            setSelectedKey('D');
+        }
+    }, []);
+    return (React.createElement(View, null,
+        React.createElement(RadioGroup, { label: "Uncontrolled RadioGroup", defaultSelectedKey: "X", onChange: onChange },
+            React.createElement(RadioButton, { content: "Option W", buttonKey: "W", accessibilityLabel: "Test Accessibility Label" }),
+            React.createElement(RadioButton, { content: "Option X", buttonKey: "X" }),
+            React.createElement(RadioButton, { content: "Option Y (disabled)", buttonKey: "C", disabled: true }),
+            React.createElement(RadioButton, { content: "Option Z", buttonKey: "Z" })),
+        React.createElement(Separator, null),
+        React.createElement(RadioGroup, { label: "Controlled RadioGroup", selectedKey: selectedKey, onChange: onChange2 },
+            React.createElement(View, null,
+                React.createElement(RadioButton, { content: "Option A", buttonKey: "A", accessibilityLabel: "Test Accessibility Label", accessibilityPositionInSet: 1, accessibilitySetSize: 4 }),
+                React.createElement(RadioButton, { content: "Option B", buttonKey: "B", accessibilityPositionInSet: 2, accessibilitySetSize: 4 }),
+                React.createElement(RadioButton, { content: "Option C", buttonKey: "C", accessibilityPositionInSet: 3, accessibilitySetSize: 4 }),
+                React.createElement(RadioButton, { content: "Option D", buttonKey: "D", accessibilityPositionInSet: 4, accessibilitySetSize: 4 })))));
+};
+var radioGroupSections = [
+    {
+        name: 'Basic RadioGroup Usage',
+        testID: RADIOGROUP_TESTPAGE,
+        component: BasicRadioGroup,
+    },
+];
+var e2eSections = [
+    {
+        name: 'RadioGroup for E2E Testing',
+        component: RadioGroupLegacyE2ETest,
+    },
+];
+export var RadioGroupLegacyTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Beta',
+        androidStatus: 'Backlog',
+    };
+    var description = 'No description.';
+    return (React.createElement(Test, { name: "RadioGroup Legacy Test", description: description, sections: radioGroupSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=RadioGroupLegacyTest.js.map

package/lib/fluent-tester/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.js.map

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

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/RadioGroupV1/CustomizedRadioGroup.d.ts

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

package/lib/fluent-tester/src/TestComponents/RadioGroupV1/CustomizedRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedRadioGroup.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/RadioGroupV1/CustomizedRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAoWxC,CAAC"}