@fluentui-react-native/tester 0.135.2 → 0.135.3

package/lib/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.js

@@ -0,0 +1,155 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View, TextInput, Platform } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
+import { CHECKBOXV1_TESTPAGE } from '../../../../E2E/src/CheckboxV1/consts';
+import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
+import { Test } from '../Test';
+function onChangeUncontrolled(_e, isChecked) {
+    console.log(isChecked);
+}
+var BasicCheckbox = function () {
+    return (React.createElement(View, null,
+        React.createElement(Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
+        React.createElement(Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
+        React.createElement(Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
+        React.createElement(Checkbox, { label: "Disabled checkbox", disabled: true }),
+        React.createElement(Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
+        React.createElement(Checkbox, { label: "A required checkbox", required: true })));
+};
+var DesktopSpecificCheckbox = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
+        React.createElement(Checkbox, { label: "A circular checkbox", shape: "circular" }),
+        React.createElement(Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" })));
+};
+var SizeCheckbox = function () {
+    return (React.createElement(View, null,
+        React.createElement(Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
+        React.createElement(Checkbox, { tooltip: "Large checkbox", size: "large" }),
+        React.createElement(Checkbox, { label: "Medium checkbox", size: "medium" }),
+        React.createElement(Checkbox, { label: "Large checkbox", size: "large" })));
+};
+var OtherCheckbox = function () {
+    var _a = React.useState(false), isChecked = _a[0], setisChecked = _a[1];
+    var setCheckedTrue = React.useCallback(function () {
+        setisChecked(true);
+    }, []);
+    var setCheckedFalse = React.useCallback(function () {
+        setisChecked(false);
+    }, []);
+    var memoizedStyles = React.useMemo(function () { return (Platform.OS === 'android' ? __assign(__assign({}, mobileStyles.containerSpacedEvenly), { height: 150 }) : {}); }, []);
+    return (React.createElement(View, { style: memoizedStyles },
+        React.createElement(Button, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
+        React.createElement(Button, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below"),
+        React.createElement(Checkbox, { label: "This is a controlled Checkbox", checked: isChecked }),
+        Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
+            React.createElement(Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
+            React.createElement(Checkbox, { label: "A required checkbox with other required text", required: "**" })))));
+};
+var CircleColorCheckbox = Checkbox.customize({
+    checked: {
+        checkboxBackgroundColor: 'green',
+        checkboxBorderColor: 'green',
+        checkmarkColor: 'white',
+    },
+});
+var HoverCheckbox = Checkbox.customize({
+    hovered: {
+        checkmarkOpacity: 1,
+    },
+});
+var BigLabelCheckbox = Checkbox.customize({
+    label: {
+        fontSize: 24,
+        fontWeight: 'bold',
+    },
+});
+var ComposedCheckbox = Checkbox.compose({
+    slotProps: {
+        label: { style: { color: 'hotpink' } },
+    },
+});
+var getThemedStyles = themedStyleSheet(function (t) {
+    return { textbox: __assign(__assign({}, commonStyles.textBox), { borderColor: t.colors.inputBorder }) };
+});
+var TokenCheckbox = function () {
+    var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
+    var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
+    var BlueCheckbox = Checkbox.customize({
+        checked: {
+            checkboxBackgroundColor: checkboxColor,
+            checkboxBorderColor: checkboxColor,
+            checkmarkColor: checkmarkColor,
+        },
+    });
+    var theme = useTheme();
+    var textBoxBorderStyle = getThemedStyles(theme);
+    return (React.createElement(View, null,
+        Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
+            React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
+            React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }))),
+        React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
+        React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
+        React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
+        React.createElement(TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                setCheckboxColor(e.nativeEvent.text);
+            } }),
+        React.createElement(TextInput, { accessibilityLabel: "Checkmark color", style: textBoxBorderStyle.textbox, placeholder: "Checkmark color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                setCheckmarkColor(e.nativeEvent.text);
+            } })));
+};
+var checkboxSections = [
+    {
+        name: 'Basic Checkboxes',
+        testID: CHECKBOXV1_TESTPAGE,
+        component: BasicCheckbox,
+    },
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Size Checkboxes',
+            component: SizeCheckbox,
+        },
+    }),
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Desktop Specific Checkboxes',
+            component: DesktopSpecificCheckbox,
+        },
+    }),
+    {
+        name: 'Other Implementations',
+        component: OtherCheckbox,
+    },
+    Platform.select({
+        android: null,
+        default: {
+            name: 'Token Customized Checkboxes',
+            component: TokenCheckbox,
+        },
+    }),
+];
+var e2eSections = [
+    {
+        name: 'E2E Testing for CheckboxV1',
+        component: E2ECheckboxV1Test,
+    },
+];
+export var CheckboxV1Test = function () {
+    var status = {
+        win32Status: 'Production',
+        uwpStatus: 'N/A',
+        iosStatus: 'N/A',
+        macosStatus: 'Experimental',
+        androidStatus: 'Experimental',
+    };
+    var description = 'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).';
+    return React.createElement(Test, { name: "CheckboxV1 Test", description: description, sections: checkboxSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=CheckboxV1Test.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.js.map

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/E2ECheckboxV1Test.d.ts

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/E2ECheckboxV1Test.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/CheckboxV1/E2ECheckboxV1Test.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { Stack } from '@fluentui-react-native/stack';
+import { CHECKBOXV1_TEST_COMPONENT, CHECKBOXV1_ACCESSIBILITY_LABEL, CHECKBOXV1_NO_A11Y_LABEL_COMPONENT, CHECKBOXV1_TEST_COMPONENT_LABEL, CHECKBOXV1_ON_PRESS, } from '../../../../E2E/src/CheckboxV1/consts';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var E2ECheckboxV1Test = function () {
+    var _a = React.useState(false), checkboxPressed = _a[0], setCheckboxPressed = _a[1];
+    var onClick = React.useCallback(function (_e, checked) {
+        setCheckboxPressed(checked);
+    }, [setCheckboxPressed]);
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Checkbox, __assign({ accessibilityLabel: CHECKBOXV1_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", onChange: onClick }, testProps(CHECKBOXV1_TEST_COMPONENT))),
+            React.createElement(Checkbox, __assign({ label: CHECKBOXV1_TEST_COMPONENT_LABEL }, testProps(CHECKBOXV1_NO_A11Y_LABEL_COMPONENT))),
+            checkboxPressed ? (React.createElement(Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps(CHECKBOXV1_ON_PRESS)), "Checkbox Selected")) : null)));
+};
+//# sourceMappingURL=E2ECheckboxV1Test.js.map

package/lib/fluent-tester/src/TestComponents/CheckboxV1/E2ECheckboxV1Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ECheckboxV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxV1/E2ECheckboxV1Test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,kCAAkC,EAClC,+BAA+B,EAC/B,mBAAmB,GACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IAClD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAC;IAEpE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,UAAC,EAAE,EAAE,OAAO;QACV,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,QAAQ,aACP,kBAAkB,EAAE,8BAA8B,EAClD,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAE,OAAO,IAEb,SAAS,CAAC,yBAAyB,CAAC,EACxC;YACF,oBAAC,QAAQ,aACP,KAAK,EAAE,+BAA+B,IAElC,SAAS,CAAC,kCAAkC,CAAC,EACjD;YACD,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,IAAI;YACH,6FAA6F;2BACzF,SAAS,CAAC,mBAAmB,CAAC,uBAG7B,CACR,CAAC,CAAC,CAAC,IAAI,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/ColorTokens/ColorTokenTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/ColorTokens/ColorTokenTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTokenTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/ColorTokens/ColorTokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8O/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAYnC,CAAC"}

package/lib/fluent-tester/src/TestComponents/ColorTokens/ColorTokenTest.js

@@ -0,0 +1,184 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View, StyleSheet, Platform } from 'react-native';
+import { Text, ToggleButton } from '@fluentui/react-native';
+import { createAliasTokens } from '@fluentui-react-native/default-theme';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { createOfficeAliasTokens } from '@fluentui-react-native/win32-theme';
+import Svg, { G, Path } from 'react-native-svg';
+import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '../../../../E2E/src/ColorTokens/consts';
+import { commonTestStyles } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+import { Test } from '../Test';
+var getThemedStyles = themedStyleSheet(function (theme) {
+    return {
+        swatch: {
+            width: 80,
+            height: 20,
+            marginRight: 5,
+            borderWidth: 2,
+            borderColor: theme.colors.bodyText,
+        },
+    };
+});
+var styles = StyleSheet.create({
+    swatchItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginVertical: 5,
+    },
+    stackStyle: {
+        borderWidth: 2,
+        padding: 12,
+        margin: 8,
+    },
+    statusView: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        margin: 8,
+    },
+    // Needed to ensure that with the button is toggled on, the top of the newly shown
+    // content is visible so the user knows to scroll down
+    toggleButtonAreaPadding: { paddingBottom: 10 },
+    colorDescriptionStyle: { flexDirection: 'row', flexWrap: 'wrap', flex: 1 },
+    colorDescriptionNamePadding: { paddingRight: 5 },
+});
+var getSwatchColorStyle = function (colorName, colorValue) {
+    styles[colorName] = styles[colorName] || { backgroundColor: colorValue };
+    return styles[colorName];
+};
+var ColorToken = function (p) {
+    var _a;
+    if (p.colorValue === undefined) {
+        console.warn('Color token ' + p.colorName + ' is undefined');
+    }
+    var themedStyles = getThemedStyles(useTheme());
+    return (React.createElement(View, { style: styles.swatchItem },
+        React.createElement(View, __assign({ style: [getSwatchColorStyle(p.colorName, p.colorValue), themedStyles.swatch] }, testProps(COLORTOKENS_TEST_COMPONENT))),
+        React.createElement(View, { style: styles.colorDescriptionStyle },
+            React.createElement(Text, { style: styles.colorDescriptionNamePadding }, p.colorName),
+            React.createElement(Text, null, '(' + ((_a = p.colorValue) === null || _a === void 0 ? void 0 : _a.toString()) + ')'))));
+};
+var getSwatch = function (item) {
+    var colorValue = item.colorValue, colorName = item.colorName;
+    return React.createElement(ColorToken, { key: colorName, colorValue: colorValue, colorName: colorName });
+};
+/// Alias color tokens
+var AliasColorTokensSwatchList = function () {
+    var theme = useTheme();
+    var isOfficeTheme = theme.name === 'White' ||
+        theme.name === 'Colorful' ||
+        theme.name === 'DarkGray' ||
+        theme.name === 'Black' ||
+        theme.name === 'HighContrast';
+    var aliasColorTokens = isOfficeTheme
+        ? createOfficeAliasTokens(theme.name)
+        : createAliasTokens(getCurrentAppearance(theme.host.appearance, 'light'));
+    var aggregator = React.useCallback(function (colorName) {
+        return { colorName: colorName, colorValue: aliasColorTokens[colorName] };
+    }, [aliasColorTokens]);
+    var flattenArray = React.useCallback(function () {
+        return Object.keys(aliasColorTokens).map(aggregator);
+    }, [aliasColorTokens, aggregator]);
+    var aliasColorTokensAsArray = React.useMemo(flattenArray, [flattenArray]);
+    var renderSwatch = React.useCallback(getSwatch, []);
+    return (React.createElement(View, { style: commonTestStyles.view },
+        React.createElement(View, { style: styles.stackStyle }, aliasColorTokensAsArray.map(function (item) { return renderSwatch(item); }))));
+};
+/// Global color tokens - neutral
+var globalNeutralColorNamesSortedDarkToLight = Object.keys(globalTokens.color)
+    .filter(function (globalColorName) { return globalColorName.includes('grey') || globalColorName === 'black' || globalColorName === 'white'; })
+    .sort(function (color1, color2) {
+    var color1hex = globalTokens.color[color1];
+    var color2hex = globalTokens.color[color2];
+    // All global color tokens are hex based colors, so we can make the assumption that ordering the hex values alphabetically
+    // will order the colors from dark to light
+    return color1hex === color2hex ? 0 : color1hex < color2hex ? -1 : 1;
+});
+var globalNeutralColorTokensAsArray = globalNeutralColorNamesSortedDarkToLight.map(function (colorName) {
+    return {
+        colorName: colorName,
+        colorValue: globalTokens.color[colorName],
+    };
+});
+var GlobalNeutralColorTokensSwatchList = function () {
+    var renderSwatch = React.useCallback(getSwatch, []);
+    return (React.createElement(View, { style: commonTestStyles.view },
+        React.createElement(View, { style: styles.stackStyle }, globalNeutralColorTokensAsArray.map(function (item) { return renderSwatch(item); }))));
+};
+/// Global color tokens - shared
+var globalSharedColorNames = Object.keys(globalTokens.color).filter(function (key) { return globalTokens.color[key].primary !== undefined; });
+var globalSharedColorVariantsSortedDarkToLight = Object.keys(globalTokens.color.red).sort(function (color1, color2) {
+    var color1hex = globalTokens.color.red[color1];
+    var color2hex = globalTokens.color.red[color2];
+    // All global color tokens are hex based colors, so we can make the assumption that ordering the hex values alphabetically
+    // will order the colors from dark to light
+    return color1hex === color2hex ? 0 : color1hex < color2hex ? -1 : 1;
+});
+var globalSharedColorTokensAsArray = globalSharedColorNames
+    .map(function (sharedColorName) {
+    return globalSharedColorVariantsSortedDarkToLight.map(function (variant) {
+        return {
+            colorName: sharedColorName + '.' + variant,
+            colorValue: globalTokens.color[sharedColorName][variant],
+        };
+    });
+})
+    .reduce(function (accumulator, sharedColor) { return accumulator.concat(sharedColor); });
+var GlobalSharedColorTokensSwatchList = function () {
+    var renderSwatch = React.useCallback(getSwatch, []);
+    var _a = React.useState(false), showGlobalSharedColors = _a[0], setShowGlobalSharedColors = _a[1];
+    var toggleSvg = function () {
+        var plusPath = 'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
+        var minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
+        var path = showGlobalSharedColors ? minusPath : plusPath;
+        return (React.createElement(Svg, null,
+            React.createElement(G, null,
+                React.createElement(Path, { d: path, fill: "black" }))));
+    };
+    var svgProps = { src: toggleSvg };
+    var plusCodepoint = 0x2795;
+    var minusCodepoint = 0x2796;
+    var fontIconProps = {
+        codepoint: showGlobalSharedColors ? minusCodepoint : plusCodepoint,
+        fontSize: 10,
+    };
+    var toggleIconProps = Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
+    return (React.createElement(View, { style: styles.toggleButtonAreaPadding },
+        React.createElement(View, { style: styles.statusView },
+            React.createElement(Text, { variant: "subheaderStandard" }, "Show color tokens"),
+            React.createElement(ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: function () { return setShowGlobalSharedColors(!showGlobalSharedColors); } })),
+        showGlobalSharedColors && (React.createElement(View, { style: commonTestStyles.view },
+            React.createElement(View, { style: styles.stackStyle }, globalSharedColorTokensAsArray.map(function (item) { return renderSwatch(item); }))))));
+};
+var themeSections = [
+    {
+        name: 'Alias Color Tokens',
+        testID: COLORTOKEN_TESTPAGE,
+        component: function () { return React.createElement(AliasColorTokensSwatchList, null); },
+    },
+    {
+        name: 'Global Color Tokens - Neutral Colors',
+        component: function () { return React.createElement(GlobalNeutralColorTokensSwatchList, null); },
+    },
+    {
+        name: 'Global Color Tokens - Shared Colors',
+        component: function () { return React.createElement(GlobalSharedColorTokensSwatchList, null); },
+    },
+];
+export var ColorTokensTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Experimental',
+        macosStatus: 'Backlog',
+        androidStatus: 'Experimental',
+    };
+    var description = 'Alias and global tokens given from token pipeline. Used to style components.';
+    return React.createElement(Test, { name: "Color Tokens Test", description: description, sections: themeSections, status: status });
+};
+//# sourceMappingURL=ColorTokenTest.js.map

package/lib/fluent-tester/src/TestComponents/ColorTokens/ColorTokenTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTokenTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/ColorTokens/ColorTokenTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,OAAO,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AACzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,eAAe,GAAG,gBAAgB,CAAC,UAAC,KAAY;IACpD,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SACnC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;KAClB;IACD,UAAU,EAAE;QACV,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,CAAC;KACV;IACD,kFAAkF;IAClF,sDAAsD;IACtD,uBAAuB,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;IAC9C,qBAAqB,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE;IAC1E,2BAA2B,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CACjD,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAAG,UAAC,SAAiB,EAAE,UAAsB;IACpE,MAAM,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC;IACzE,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC;AAC3B,CAAC,CAAC;AAGF,IAAM,UAAU,GAA6C,UAAC,CAAkB;;IAC9E,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,EAAE;QAC9B,OAAO,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC;KAC9D;IAED,IAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;QAC5B,oBAAC,IAAI,aACH,KAAK,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,IAExE,SAAS,CAAC,0BAA0B,CAAC,EACzC;QACF,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB;YACvC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,2BAA2B,IAAG,CAAC,CAAC,SAAS,CAAQ;YACrE,oBAAC,IAAI,QAAE,GAAG,IAAG,MAAA,CAAC,CAAC,UAAU,0CAAE,QAAQ,EAAE,CAAA,GAAG,GAAG,CAAQ,CAC9C,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,SAAS,GAAG,UAAC,IAAI;IACb,IAAA,UAAU,GAAgB,IAAI,WAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAU;IACvC,OAAO,oBAAC,UAAU,IAAC,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACtF,CAAC,CAAC;AAEF,sBAAsB;AAEtB,IAAM,0BAA0B,GAA4B;IAC1D,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAM,aAAa,GACjB,KAAK,CAAC,IAAI,KAAK,OAAO;QACtB,KAAK,CAAC,IAAI,KAAK,UAAU;QACzB,KAAK,CAAC,IAAI,KAAK,UAAU;QACzB,KAAK,CAAC,IAAI,KAAK,OAAO;QACtB,KAAK,CAAC,IAAI,KAAK,cAAc,CAAC;IAEhC,IAAM,gBAAgB,GAAG,aAAa;QACpC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,IAAI,CAAC;QACrC,CAAC,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5E,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,SAAiB;QAChB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC;IAC3E,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;QACrC,OAAO,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,IAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE5E,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI;QAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,uBAAuB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAQ,CAC7F,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,iCAAiC;AAEjC,IAAM,wCAAwC,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;KAC7E,MAAM,CAAC,UAAC,eAAe,IAAK,OAAA,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,eAAe,KAAK,OAAO,IAAI,eAAe,KAAK,OAAO,EAA9F,CAA8F,CAAC;KAC3H,IAAI,CAAC,UAAC,MAAM,EAAE,MAAM;IACnB,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7C,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7C,0HAA0H;IAC1H,2CAA2C;IAC3C,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC,CAAC;AAEL,IAAM,+BAA+B,GAAG,wCAAwC,CAAC,GAAG,CAAC,UAAC,SAAiB;IACrG,OAAO;QACL,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;KAC1C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,kCAAkC,GAA4B;IAClE,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI;QAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,+BAA+B,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAQ,CACrG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gCAAgC;AAEhC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,SAAS,EAA7C,CAA6C,CAAC,CAAC;AAC9H,IAAM,0CAA0C,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAC,MAAM,EAAE,MAAM;IACzG,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACjD,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACjD,0HAA0H;IAC1H,2CAA2C;IAC3C,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC,CAAC;AACH,IAAM,8BAA8B,GAAG,sBAAsB;KAC1D,GAAG,CAAC,UAAC,eAAe;IACnB,OAAO,0CAA0C,CAAC,GAAG,CAAC,UAAC,OAAO;QAC5D,OAAO;YACL,SAAS,EAAE,eAAe,GAAG,GAAG,GAAG,OAAO;YAC1C,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;SACzD,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;KACD,MAAM,CAAC,UAAC,WAAW,EAAE,WAAW,IAAK,OAAA,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,EAA/B,CAA+B,CAAC,CAAC;AAEzE,IAAM,iCAAiC,GAA4B;IACjE,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAEhD,IAAA,KAAsD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1E,sBAAsB,QAAA,EAAE,yBAAyB,QAAyB,CAAC;IAElF,IAAM,SAAS,GAAsC;QACnD,IAAM,QAAQ,GACZ,kSAAkS,CAAC;QACrS,IAAM,SAAS,GAAG,mGAAmG,CAAC;QAEtH,IAAM,IAAI,GAAG,sBAAsB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC3D,OAAO,CACL,oBAAC,GAAG;YACF,oBAAC,CAAC;gBACA,oBAAC,IAAI,IAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5B,CACA,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAClD,IAAM,aAAa,GAAG,MAAM,CAAC;IAC7B,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,aAAa,GAAG;QACpB,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;QAClE,QAAQ,EAAE,EAAE;KACb,CAAC;IACF,IAAM,eAAe,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEnI,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,uBAAuB;QACzC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;YAC5B,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,wBAAyB;YAC1D,oBAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,cAAM,OAAA,yBAAyB,CAAC,CAAC,sBAAsB,CAAC,EAAlD,CAAkD,GAAI,CACrH;QACN,sBAAsB,IAAI,CACzB,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI;YAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,8BAA8B,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,CAAQ,CACpG,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAAkB;IACnC;QACE,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,mBAAmB;QAC3B,SAAS,EAAE,cAAM,OAAA,oBAAC,0BAA0B,OAAG,EAA9B,CAA8B;KAChD;IACD;QACE,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,cAAM,OAAA,oBAAC,kCAAkC,OAAG,EAAtC,CAAsC;KACxD;IACD;QACE,IAAI,EAAE,qCAAqC;QAC3C,SAAS,EAAE,cAAM,OAAA,oBAAC,iCAAiC,OAAG,EAArC,CAAqC;KACvD;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAA4B;IACtD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,8EAA8E,CAAC;IAEnG,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC9G,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/Common/AlignmentPicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconAlignment } from '@fluentui/react-native';
+interface IAlignmentPickerProps {
+    style?: StyleProp<ViewStyle>;
+    label: string;
+    onSelectionChange: (value: IconAlignment) => void;
+}
+export declare const AlignmentPicker: React.FunctionComponent<IAlignmentPickerProps>;
+export {};
+//# sourceMappingURL=AlignmentPicker.d.ts.map

package/lib/fluent-tester/src/TestComponents/Common/AlignmentPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignmentPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/AlignmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAO5D,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAsB1E,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/AlignmentPicker.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { MenuPicker } from './MenuPicker';
+import { undefinedText } from '../PersonaCoin/styles';
+var alignmentValues = [undefinedText, 'start', 'center', 'end'];
+export var AlignmentPicker = function (props) {
+    var label = props.label, onSelectionChange = props.onSelectionChange, style = props.style;
+    var _a = React.useState(), selectedValue = _a[0], setSelectedValue = _a[1];
+    var alignmentCollection = alignmentValues.map(function (value) {
+        return {
+            label: value,
+            value: value,
+        };
+    });
+    return (React.createElement(MenuPicker, { style: style, prompt: label, selected: selectedValue || undefinedText, onChange: function (value, index) {
+            var alignmentValue = index == 0 ? undefined : value;
+            onSelectionChange(alignmentValue);
+            setSelectedValue(alignmentValue);
+        }, collection: alignmentCollection }));
+};
+//# sourceMappingURL=AlignmentPicker.js.map

package/lib/fluent-tester/src/TestComponents/Common/AlignmentPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignmentPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/AlignmentPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,IAAM,eAAe,GAAgD,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAQ/G,MAAM,CAAC,IAAM,eAAe,GAAmD,UAAC,KAA4B;IAClG,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,iBAAiB,GAAY,KAAK,kBAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC5C,IAAA,KAAoC,KAAK,CAAC,QAAQ,EAAiB,EAAlE,aAAa,QAAA,EAAE,gBAAgB,QAAmC,CAAC;IAC1E,IAAM,mBAAmB,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,KAAK;QACpD,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,aAAa,IAAI,aAAa,EACxC,QAAQ,EAAE,UAAC,KAAoB,EAAE,KAAa;YAC5C,IAAM,cAAc,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;YACtD,iBAAiB,CAAC,cAAc,CAAC,CAAC;YAClC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACnC,CAAC,EACD,UAAU,EAAE,mBAAmB,GAC/B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
+export { CollectionItem, MenuPickerProps };
+export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
+//# sourceMappingURL=MenuPicker.d.ts.map

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAO3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6B/D,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { MenuPickerProps, CollectionItem } from './MenuPicker.types';
+export { MenuPickerProps, CollectionItem };
+export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
+//# sourceMappingURL=MenuPicker.desktop.d.ts.map

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.desktop.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.desktop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAO3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAkC/D,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { ButtonV1 as Button, Text } from '@fluentui/react-native';
+import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
+import { SvgXml } from 'react-native-svg';
+var chevronXml = "\n<svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n  <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n</svg>";
+export var MenuPicker = function (props) {
+    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
+    var label;
+    collection.forEach(function (item) {
+        if (item.value == selected) {
+            label = item.label;
+        }
+    });
+    return (React.createElement(View, { style: menuPickerStyles.container },
+        React.createElement(Text, { style: menuPickerStyles.prompt }, prompt),
+        React.createElement(Menu, null,
+            React.createElement(MenuTrigger, null,
+                React.createElement(Button, null,
+                    React.createElement(Text, null, label),
+                    React.createElement(View, { style: menuPickerStyles.chevronContainer },
+                        React.createElement(SvgXml, { xml: chevronXml })))),
+            React.createElement(MenuPopover, null,
+                React.createElement(MenuList, null, collection.map(function (collectionItem, index) {
+                    var _a;
+                    return (React.createElement(MenuItem, { onClick: function () { return onChange(collectionItem.value, index); }, key: (_a = collectionItem.value) !== null && _a !== void 0 ? _a : index }, collectionItem.label));
+                }))))));
+};
+var menuPickerStyles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        margin: 5,
+    },
+    prompt: {
+        marginRight: 5,
+    },
+    chevronContainer: {
+        padding: 4,
+    },
+});
+//# sourceMappingURL=MenuPicker.desktop.js.map

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.desktop.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.desktop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,IAAM,UAAU,GAAG,mcAGZ,CAAC;AAER,MAAM,CAAC,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IAEzD,IAAI,KAAK,CAAC;IACV,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SACpB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS;QACrC,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,IAAG,MAAM,CAAQ;QACrD,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM;oBACL,oBAAC,IAAI,QAAE,KAAK,CAAQ;oBACpB,oBAAC,IAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB;wBAC5C,oBAAC,MAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACG;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ,QACN,UAAU,CAAC,GAAG,CAAC,UAAC,cAA8B,EAAE,KAAa;;oBAAK,OAAA,CACjE,oBAAC,QAAQ,IAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EAArC,CAAqC,EAAE,GAAG,EAAE,MAAA,cAAc,CAAC,KAAK,mCAAI,KAAK,IAC/F,cAAc,CAAC,KAAK,CACZ,CACZ,CAAA;iBAAA,CAAC,CACO,CACC,CACT,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;KACf;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.js

@@ -0,0 +1,19 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Picker } from '@react-native-picker/picker';
+import { testProps } from './TestProps';
+/*
+ * The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
+ * MenuPicker uses the community Picker package for iOS/Win32 and our own Picker for Win32/MacOS.
+ */
+export var MenuPicker = function (props) {
+    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
+    var selectedItemKey;
+    collection.forEach(function (item) {
+        if (item.value == selected) {
+            selectedItemKey = item.value;
+        }
+    });
+    return (React.createElement(Picker, __assign({ prompt: prompt, selectedValue: selectedItemKey, onValueChange: function (value, index) { return onChange(value, index); }, style: __assign({}, style) }, testProps(testID)), collection.map(function (item, index) { return (React.createElement(Picker.Item, __assign({ label: item.label, key: index, value: item.value }, testProps(item.testID)))); })));
+};
+//# sourceMappingURL=MenuPicker.js.map

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC;;;GAGG;AAEH,MAAM,CAAC,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,MAAM,aACL,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,eAAe,EAC9B,aAAa,EAAE,UAAC,KAAa,EAAE,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,EACvE,KAAK,eAAO,KAAK,KAEb,SAAS,CAAC,MAAM,CAAC,GAEpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,MAAM,CAAC,IAAI,aACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,IACb,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAC1B,CACH,EAPgC,CAOhC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.macos.d.ts

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

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.macos.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.macos.js

@@ -0,0 +1,2 @@
+export * from './MenuPicker.desktop';
+//# sourceMappingURL=MenuPicker.macos.js.map

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.macos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.macos.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.macos.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.types.d.ts

@@ -0,0 +1,14 @@
+export interface CollectionItem<T = string> {
+    label: string;
+    value?: T;
+    testID?: string;
+}
+export interface MenuPickerProps {
+    prompt?: string;
+    selected?: string;
+    onChange?: (value: any, index?: number) => void;
+    collection?: CollectionItem[];
+    style?: any;
+    testID?: string;
+}
+//# sourceMappingURL=MenuPicker.types.d.ts.map