@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Persona/CustomizeUsage.js

@@ -0,0 +1,63 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View, Text, Switch, TextInput } from 'react-native';
+import { Persona } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { michaelImageUrl } from './styles';
+import { Slider } from '../Common/Slider';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+var getThemedStyles = themedStyleSheet(function (t) {
+    return { textbox: __assign(__assign({}, commonStyles.textBox), { borderColor: t.colors.inputBorder }) };
+});
+export var CustomizeUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
+    var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
+    var _d = React.useState(23), textSize = _d[0], setTextSize = _d[1];
+    var _e = React.useState(20), secondarySize = _e[0], setSecondarySize = _e[1];
+    var _f = React.useState(17), tertiarySize = _f[0], setTertiarySize = _f[1];
+    var _g = React.useState(14), optionalSize = _g[0], setOptionalSize = _g[1];
+    var _h = React.useState(), horizontalGap = _h[0], setHorizontalGap = _h[1];
+    var _j = React.useState(), verticalGap = _j[0], setVerticalGap = _j[1];
+    var theme = useTheme();
+    var textBoxBorderStyle = getThemedStyles(theme);
+    var CustomizedPersona = React.useMemo(function () {
+        var tokens = {
+            backgroundColor: coinColor,
+            color: textColor,
+            textFont: { fontSize: textSize },
+            secondaryFont: { fontSize: secondarySize },
+            tertiaryFont: { fontSize: tertiarySize },
+            optionalFont: { fontSize: optionalSize },
+            horizontalGap: horizontalGap,
+            verticalGap: verticalGap,
+        };
+        return Persona.customize({ tokens: tokens });
+    }, [coinColor, textColor, textSize, secondarySize, tertiarySize, optionalSize, horizontalGap, verticalGap]);
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show image"),
+                React.createElement(Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setCoinColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { accessibilityLabel: "Initials text color", style: textBoxBorderStyle.textbox, placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setTextColor(e.nativeEvent.text);
+                } }),
+            React.createElement(Text, null, "Primary text size"),
+            React.createElement(Slider, { maximum: 50, minimum: 5, initialValue: textSize, style: commonStyles.vmargin, onChange: setTextSize }),
+            React.createElement(Text, null, "Secondary text size"),
+            React.createElement(Slider, { maximum: 50, minimum: 5, initialValue: secondarySize, style: commonStyles.vmargin, onChange: setSecondarySize }),
+            React.createElement(Text, null, "Tertiary text size"),
+            React.createElement(Slider, { maximum: 50, minimum: 5, initialValue: tertiarySize, style: commonStyles.vmargin, onChange: setTertiarySize }),
+            React.createElement(Text, null, "Optional text size"),
+            React.createElement(Slider, { maximum: 50, minimum: 5, initialValue: optionalSize, style: commonStyles.vmargin, onChange: setOptionalSize }),
+            React.createElement(Text, null, "Horizontal gap"),
+            React.createElement(Slider, { maximum: 100, initialValue: 5, minimum: 0, style: commonStyles.vmargin, onChange: setHorizontalGap }),
+            React.createElement(Text, null, "Vertical gap"),
+            React.createElement(Slider, { maximum: 20, initialValue: 5, minimum: 0, style: commonStyles.vmargin, onChange: setVerticalGap })),
+        React.createElement(CustomizedPersona, { initials: "MJ", size: "size72", text: "Michael Jackson", secondaryText: "Pop singer", tertiaryText: "King of pop", optionalText: "Indiana", imageDescription: "Legendary pop singer", presence: "offline", imageUrl: showImage ? michaelImageUrl : undefined })));
+};
+//# sourceMappingURL=CustomizeUsage.js.map

package/lib/fluent-tester/src/TestComponents/Persona/CustomizeUsage.js.map

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

package/lib/fluent-tester/src/TestComponents/Persona/PersonaTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Persona/PersonaTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Persona/PersonaTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Persona/PersonaTest.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { CustomizeUsage } from './CustomizeUsage';
+import { StandardUsage } from './StandardUsage';
+import { PERSONA_TESTPAGE } from '../../../../E2E/src/Persona/consts';
+import { Test } from '../Test';
+var personaSections = [
+    {
+        name: 'Standard Usage',
+        testID: PERSONA_TESTPAGE,
+        component: StandardUsage,
+    },
+    {
+        name: 'Customize Usage',
+        component: CustomizeUsage,
+    },
+];
+export var PersonaTest = function () {
+    var status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = "Personas are used for rendering an individual's avatar and presence. Persona renders a PersonaCoin along with descriptive text components.";
+    return React.createElement(Test, { name: "Persona Test", description: description, sections: personaSections, status: status });
+};
+//# sourceMappingURL=PersonaTest.js.map

package/lib/fluent-tester/src/TestComponents/Persona/PersonaTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Persona/PersonaTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,gBAAgB;QACxB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAA4B;IAClD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,4IAA4I,CAAC;IAE/I,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC3G,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Persona/StandardUsage.d.ts

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

package/lib/fluent-tester/src/TestComponents/Persona/StandardUsage.d.ts.map

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

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

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { View, Text, Switch } from 'react-native';
+import { Persona } from '@fluentui/react-native';
+import { satyaImageUrl } from './styles';
+import { MenuPicker } from '../Common/MenuPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { undefinedText } from '../PersonaCoin/styles';
+var allSizes = [
+    undefinedText,
+    'size8',
+    'size24',
+    'size32',
+    'size40',
+    'size48',
+    'size56',
+    'size72',
+    'size100',
+    'size120',
+];
+var allSizesCollection = allSizes.map(function (size) {
+    return {
+        label: size,
+        value: size,
+    };
+});
+function SwitchWithLabel(props) {
+    var label = props.label, value = props.value, onValueChange = props.onValueChange;
+    return (React.createElement(View, { style: commonStyles.switch },
+        React.createElement(Text, null, label),
+        React.createElement(Switch, { value: value, onValueChange: onValueChange })));
+}
+export var StandardUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(true), showPrimary = _b[0], setShowPrimary = _b[1];
+    var _c = React.useState(true), showSecondary = _c[0], setShowSecondary = _c[1];
+    var _d = React.useState(true), showTertiary = _d[0], setShowTertiary = _d[1];
+    var _e = React.useState(true), showOptional = _e[0], setShowOptional = _e[1];
+    var _f = React.useState('size72'), imageSize = _f[0], setImageSize = _f[1];
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(SwitchWithLabel, { label: "Show image", value: showImage, onValueChange: setShowImage }),
+            React.createElement(SwitchWithLabel, { label: "Show primary text", value: showPrimary, onValueChange: setShowPrimary }),
+            React.createElement(SwitchWithLabel, { label: "Show secondary text", value: showSecondary, onValueChange: setShowSecondary }),
+            React.createElement(SwitchWithLabel, { label: "Show tertiary text", value: showTertiary, onValueChange: setShowTertiary }),
+            React.createElement(SwitchWithLabel, { label: "Show optional text", value: showOptional, onValueChange: setShowOptional }),
+            React.createElement(MenuPicker, { prompt: "Size", style: commonStyles.header, selected: imageSize || undefinedText, onChange: function (size) { return setImageSize(size === undefinedText ? undefined : size); }, collection: allSizesCollection })),
+        React.createElement(Persona, { text: showPrimary ? 'Satya Nadella' : undefined, secondaryText: showSecondary ? 'CEO' : undefined, tertiaryText: showTertiary ? 'Microsoft' : undefined, optionalText: showOptional ? 'Office of the CEO' : undefined, size: imageSize, initials: "SN", imageUrl: showImage ? satyaImageUrl : undefined, imageDescription: "Profile photo of Satya Nadella", presence: 'away' })));
+};
+//# sourceMappingURL=StandardUsage.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export * from '../PersonaCoin/styles';
+export declare const satyaImageUrl = "https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg/330px-MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg";
+export declare const michaelImageUrl = "https://upload.wikimedia.org/wikipedia/commons/3/31/Michael_Jackson_in_1988.jpg";
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Persona/styles.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,aAAa,gLACqJ,CAAC;AAEhL,eAAO,MAAM,eAAe,oFAAoF,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from '../PersonaCoin/styles';
+export var satyaImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg/330px-MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg';
+export var michaelImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/3/31/Michael_Jackson_in_1988.jpg';
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Persona/styles.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAEtC,MAAM,CAAC,IAAM,aAAa,GACxB,6KAA6K,CAAC;AAEhL,MAAM,CAAC,IAAM,eAAe,GAAG,iFAAiF,CAAC"}

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

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

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

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

package/lib/fluent-tester/src/TestComponents/PersonaCoin/CustomizeUsage.android.js

@@ -0,0 +1,2 @@
+export * from './CustomizeUsage.mobile';
+//# sourceMappingURL=CustomizeUsage.android.js.map

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

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

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

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

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/PersonaCoin/CustomizeUsage.ios.js

@@ -0,0 +1,2 @@
+export * from './CustomizeUsage.mobile';
+//# sourceMappingURL=CustomizeUsage.ios.js.map

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

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

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

@@ -0,0 +1,101 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Switch, View, Text, TextInput } from 'react-native';
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { steveBallmerPhotoUrl } from './styles';
+import { AlignmentPicker } from '../Common/AlignmentPicker';
+import { Slider } from '../Common/Slider';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+var getThemedStyles = themedStyleSheet(function (t) {
+    return { textbox: __assign(__assign({}, commonStyles.textBox), { borderColor: t.colors.inputBorder }) };
+});
+export var CustomizeUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
+    var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
+    var _d = React.useState(80), physicalSize = _d[0], setPhysicalSize = _d[1];
+    var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
+    var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
+    var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
+    var _h = React.useState(14), initialsSize = _h[0], setInitialsSize = _h[1];
+    var _j = React.useState(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
+    var _k = React.useState(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
+    var _l = React.useState('red'), ringColor = _l[0], setRingColor = _l[1];
+    var _m = React.useState(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
+    var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
+    var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
+    var theme = useTheme();
+    var textBoxBorderStyle = getThemedStyles(theme);
+    var CustomizedPersonaCoin = React.useMemo(function () {
+        var tokens = {
+            backgroundColor: coinColor,
+            color: textColor,
+            horizontalIconAlignment: horizontalAlignment,
+            verticalIconAlignment: verticalAlignment,
+            iconSize: iconSize,
+            iconStrokeWidth: iconStrokeWidth,
+            iconStrokeColor: iconStrokeColor,
+            initialsSize: initialsSize,
+            coinSize: physicalSize,
+        };
+        return PersonaCoin.customize({ tokens: tokens });
+    }, [
+        coinColor,
+        textColor,
+        horizontalAlignment,
+        verticalAlignment,
+        iconSize,
+        iconStrokeWidth,
+        iconStrokeColor,
+        initialsSize,
+        physicalSize,
+    ]);
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show image"),
+                React.createElement(Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show rings"),
+                React.createElement(Switch, { value: showRing, onValueChange: setShowRing })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Transparent Ring"),
+                React.createElement(Switch, { value: transparent, onValueChange: setTransparent })),
+            React.createElement(TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setCoinColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { accessibilityLabel: "Initials text color", style: textBoxBorderStyle.textbox, placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setTextColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { accessibilityLabel: "Icon stroke color", style: textBoxBorderStyle.textbox, placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setIconStrokeColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { accessibilityLabel: "Ring color", style: textBoxBorderStyle.textbox, placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setRingColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { accessibilityLabel: "Ring background color", style: textBoxBorderStyle.textbox, placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setRingBackgroundColor(e.nativeEvent.text);
+                } }),
+            React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
+            React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment }),
+            React.createElement(Text, null, "Coin size"),
+            React.createElement(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange: setPhysicalSize }),
+            React.createElement(Text, null, "Icon size"),
+            React.createElement(Slider, { minimum: 8, maximum: 100, initialValue: 24, style: commonStyles.vmargin, onChange: setIconSize }),
+            React.createElement(Text, null, "Icon stroke width"),
+            React.createElement(Slider, { minimum: 0, maximum: 8, initialValue: 2, style: commonStyles.vmargin, onChange: setIconStrokeWidth }),
+            React.createElement(Text, null, "Font size"),
+            React.createElement(Slider, { minimum: 5, maximum: 50, initialValue: 14, style: commonStyles.vmargin, onChange: setInitialsSize })),
+        React.createElement(CustomizedPersonaCoin, { initials: "SB", imageDescription: "Former CEO of Microsoft", presence: "blocked", imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ring: showRing
+                ? {
+                    ringColor: ringColor,
+                    ringBackgroundColor: ringBackgroundColor,
+                    ringThickness: 4,
+                    innerGap: 4,
+                    transparent: transparent,
+                }
+                : undefined })));
+};
+//# sourceMappingURL=CustomizeUsage.js.map

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

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/PersonaCoin/CustomizeUsage.mobile.js

@@ -0,0 +1,98 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Switch, View, Text, TextInput, StyleSheet } from 'react-native';
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import Slider from '@react-native-community/slider';
+import { steveBallmerPhotoUrl } from './styles';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+var styles = StyleSheet.create({ slider: __assign(__assign({}, commonStyles.vmargin), { flex: 1 }) });
+var StyledSlider = function (props) {
+    var title = props.title, min = props.min, max = props.max, initial = props.initial, onChange = props.onChange, current = props.current, step = props.step;
+    var theme = useTheme();
+    return (React.createElement(View, { style: { flexDirection: 'row' } },
+        React.createElement(Text, { style: { flex: 0.5, color: theme.colors.inputText } }, title),
+        React.createElement(Slider, { step: step || 1, minimumValue: min, maximumValue: max, value: initial, style: styles.slider, onValueChange: onChange }),
+        React.createElement(Text, { style: { flex: 0.2, color: theme.colors.inputText } }, current)));
+};
+var StyledTextInput = function (props) {
+    var theme = useTheme();
+    var textInputStyles = [
+        commonStyles.textBox,
+        { flex: 1, marginHorizontal: 5, borderColor: theme.colors.disabledBodyText, color: theme.colors.inputText },
+    ];
+    return (React.createElement(TextInput, __assign({ accessibilityLabel: props.placeholder, style: textInputStyles, placeholderTextColor: theme.colors.disabledBodyText, blurOnSubmit: true }, props)));
+};
+var StyledSwitch = function (props) {
+    var title = props.title, value = props.value, onChange = props.onChange;
+    var theme = useTheme();
+    return (React.createElement(View, { style: commonStyles.switch },
+        React.createElement(Text, { style: { color: theme.colors.inputText, flex: 1 } }, title),
+        React.createElement(Switch, { style: { flex: 1 }, value: value, onValueChange: onChange })));
+};
+export var CustomizeUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(true), showRings = _b[0], setShowRings = _b[1];
+    var _c = React.useState(true), showPresence = _c[0], setShowPresence = _c[1];
+    var _d = React.useState(false), showColoredBackground = _d[0], setShowColoredBackground = _d[1];
+    var _e = React.useState(false), transparent = _e[0], setTransparent = _e[1];
+    var _f = React.useState('green'), coinColor = _f[0], setCoinColor = _f[1];
+    var _g = React.useState('white'), textColor = _g[0], setTextColor = _g[1];
+    var _h = React.useState(88), coinSize = _h[0], setCoinsize = _h[1];
+    var _j = React.useState(4), ringThickness = _j[0], setRingThickness = _j[1];
+    var _k = React.useState(4), innerGap = _k[0], setInnerGap = _k[1];
+    var _l = React.useState(20), iconSize = _l[0], setIconSize = _l[1];
+    var _m = React.useState(4), iconStrokeWidth = _m[0], setIconStrokeWidth = _m[1];
+    var _o = React.useState('green'), ringColor = _o[0], setRingColor = _o[1];
+    var _p = React.useState(undefined), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
+    var CustomizedPersonaCoin = React.useMemo(function () {
+        var tokens = {
+            backgroundColor: coinColor,
+            color: textColor,
+            ring: { ringColor: 'red' },
+            coinSize: coinSize,
+            iconSize: iconSize,
+            iconStrokeWidth: iconStrokeWidth,
+        };
+        return PersonaCoin.customize({ tokens: tokens });
+    }, [coinColor, textColor, coinSize, iconSize, iconStrokeWidth]);
+    return (React.createElement(View, { style: { flexDirection: 'column', padding: 10, backgroundColor: showColoredBackground ? 'gray' : 'transparent' } },
+        React.createElement(View, { style: { flexDirection: 'row', padding: 20, alignItems: 'center' } },
+            React.createElement(View, { style: { width: '35%', alignItems: 'center' } },
+                React.createElement(CustomizedPersonaCoin, { initials: "SB", imageDescription: "Photo of Satya Nadella", imageUrl: showImage ? steveBallmerPhotoUrl : undefined, presence: showPresence && iconSize ? 'away' : undefined, ring: showRings && ringThickness
+                        ? {
+                            ringColor: ringColor,
+                            ringBackgroundColor: ringBackgroundColor,
+                            ringThickness: ringThickness,
+                            innerGap: innerGap,
+                            transparent: transparent,
+                        }
+                        : undefined })),
+            React.createElement(View, { style: { width: '50%', marginLeft: 30 } },
+                React.createElement(StyledSwitch, { title: "Change Background", value: showColoredBackground, onChange: setShowColoredBackground }),
+                React.createElement(StyledSwitch, { title: "Show Image", value: showImage, onChange: setShowImage }),
+                React.createElement(StyledSwitch, { title: "Show Presence", value: showPresence, onChange: setShowPresence }),
+                React.createElement(StyledSwitch, { title: "Show Rings", value: showRings, onChange: setShowRings }),
+                React.createElement(StyledSwitch, { title: "Show transparent rings", value: transparent, onChange: setTransparent }))),
+        React.createElement(View, null,
+            React.createElement(StyledSlider, { min: 8, max: 120, initial: 88, onChange: setCoinsize, current: coinSize, step: 8, title: "coinSize" }),
+            React.createElement(StyledSlider, { min: 0, max: 8, initial: 4, onChange: setRingThickness, current: ringThickness, title: "ringThickness" }),
+            React.createElement(StyledSlider, { min: 0, max: 8, initial: 4, onChange: setInnerGap, current: innerGap, title: "innerGap" }),
+            React.createElement(StyledSlider, { min: 0, max: 28, initial: 20, onChange: setIconSize, current: iconSize, step: 4, title: "iconSize" }),
+            React.createElement(StyledSlider, { min: 2, max: 8, initial: 4, onChange: setIconStrokeWidth, current: iconStrokeWidth, title: "iconStrokeWidth" }),
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(StyledTextInput, { placeholder: "Ring glow color", onSubmitEditing: function (e) {
+                        setRingColor(e.nativeEvent.text);
+                    } }),
+                React.createElement(StyledTextInput, { placeholder: "Ring background color", onSubmitEditing: function (e) {
+                        setRingBackgroundColor(e.nativeEvent.text);
+                    } })),
+            React.createElement(View, { style: { flexDirection: 'row' } },
+                React.createElement(StyledTextInput, { placeholder: "Background color", onSubmitEditing: function (e) {
+                        setCoinColor(e.nativeEvent.text);
+                    } }),
+                React.createElement(StyledTextInput, { placeholder: "Initials text color", onSubmitEditing: function (e) {
+                        setTextColor(e.nativeEvent.text);
+                    } })))));
+};
+//# sourceMappingURL=CustomizeUsage.mobile.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { CustomizeUsage } from './CustomizeUsage';
+import { StandardUsage } from './StandardUsage';
+import { PERSONACOIN_TESTPAGE } from '../../../../E2E/src/PersonaCoin/consts';
+import { Test } from '../Test';
+var personaCoinSections = [
+    {
+        name: 'Standard Usage',
+        testID: PERSONACOIN_TESTPAGE,
+        component: StandardUsage,
+    },
+    {
+        name: 'Customize Usage',
+        component: CustomizeUsage,
+    },
+];
+export var PersonaCoinTest = function () {
+    var status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = "PersonaCoins are used for rendering an individual's avatar. PersonaCoin renders the circular image component.";
+    return React.createElement(Test, { name: "PersonaCoin Test", description: description, sections: personaCoinSections, status: status });
+};
+//# sourceMappingURL=PersonaCoinTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaCoinTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/PersonaCoin/PersonaCoinTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAE9E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,mBAAmB,GAAkB;IACzC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,oBAAoB;QAC5B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAA4B;IACtD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,+GAA+G,CAAC;IAEpI,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACnH,CAAC,CAAC"}

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

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

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

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