@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.js

@@ -0,0 +1,42 @@
+import { __spreadArray } from "tslib";
+import * as React from 'react';
+import { Platform } from 'react-native';
+import { StandardUsage } from './BasicAvatar';
+import { CustomizeUsage } from './CustomizedAvatar';
+import { E2EAvatarTest } from './E2EAvatarTest';
+import { AVATAR_TESTPAGE } from '../../../../E2E/src/Avatar/consts';
+import { Test } from '../Test';
+var avatarSections = __spreadArray([
+    {
+        name: 'Standard Usage',
+        testID: AVATAR_TESTPAGE,
+        component: StandardUsage,
+    }
+], Platform.select({
+    android: [null],
+    default: [
+        {
+            name: 'Customize Usage',
+            component: CustomizeUsage,
+        },
+    ],
+}), true);
+var e2eSections = [
+    {
+        name: 'Avatar E2E',
+        component: E2EAvatarTest,
+    },
+];
+export var AvatarTest = function () {
+    var status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Beta',
+        macosStatus: 'Experimental',
+        androidStatus: 'Experimental',
+    };
+    var description = 'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
+    var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Avatar/SPEC.md';
+    return (React.createElement(Test, { name: "Avatar Test", description: description, spec: spec, sections: avatarSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=AvatarTest.js.map

package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,cAAc;IAClB;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,aAAa;KACzB;GACE,QAAQ,CAAC,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,CAAC;IACf,OAAO,EAAE;QACP;YACE,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,cAAc;SAC1B;KACF;CACF,CAAC,OACH,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACtI,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+export declare const StandardUsage: FunctionComponent;
+//# sourceMappingURL=BasicAvatar.android.d.ts.map

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAvatar.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc/C,eAAO,MAAM,aAAa,EAAE,iBA0K3B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js

@@ -0,0 +1,105 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Avatar } from '@fluentui-react-native/avatar';
+import { PresenceBadgeStatuses } from '@fluentui-react-native/badge';
+import { Switch } from '@fluentui-react-native/switch';
+import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
+import { StyledPicker } from '../Common/StyledPicker';
+import { mobileStyles } from '../Common/styles';
+export var StandardUsage = function () {
+    var _a = React.useState('available'), status = _a[0], setStatus = _a[1];
+    var _b = React.useState(false), activityRing = _b[0], setActivityRing = _b[1];
+    var _c = React.useState(false), outOfOffice = _c[0], setOutOfOffice = _c[1];
+    var onStatusChange = React.useCallback(function (value) { return setStatus(value); }, []);
+    var toggleActivityState = function (_e, isActive) {
+        setActivityRing(isActive);
+    };
+    var toggleOutOfOffice = function (_e, isActive) {
+        setOutOfOffice(isActive);
+    };
+    return (React.createElement(View, { style: mobileStyles.pageStyle },
+        React.createElement(Switch, { label: 'Show Activity Ring', defaultChecked: activityRing, onChange: toggleActivityState }),
+        React.createElement(Switch, { label: 'Out of Office', defaultChecked: outOfOffice, onChange: toggleOutOfOffice }),
+        React.createElement(StyledPicker, { prompt: "Status", selected: status, onChange: onStatusChange, collection: PresenceBadgeStatuses }),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 16, name: "Rafi", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 20, name: "Richard Faynman", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 24, name: "Gita Khawas", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 32, name: "Mary Kom", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 40, name: "Khan Sir", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 56, name: "Harry Potter", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 72, name: "Ellie armstrong", avatarColor: 'colorful' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 16, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 20, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 24, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 32, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 40, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 56, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 72, imageUrl: steveBallmerPhotoUrl })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { size: 16, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { size: 20, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { size: 24, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { size: 32, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { size: 40, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { size: 56, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { size: 72, badge: { status: status, outOfOffice: outOfOffice }, imageUrl: steveBallmerPhotoUrl })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 16, avatarColor: 'brand' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 20, avatarColor: 'brand' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 24, avatarColor: 'brand' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 32, avatarColor: 'brand' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 40, avatarColor: 'brand' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 56, avatarColor: 'brand' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 72, avatarColor: 'brand' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 16, avatarColor: 'brand' }),
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 20, avatarColor: 'brand' }),
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 24, avatarColor: 'brand' }),
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 32, avatarColor: 'brand' }),
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 40, avatarColor: 'brand' }),
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 56, avatarColor: 'brand' }),
+            React.createElement(Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 72, avatarColor: 'brand' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 16, avatarColor: 'brandInverted' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 20, avatarColor: 'brandInverted' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 24, avatarColor: 'brandInverted' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 32, avatarColor: 'brandInverted' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 40, avatarColor: 'brandInverted' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 56, avatarColor: 'brandInverted' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 72, avatarColor: 'brandInverted' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 16 }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 20 }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 24 }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 32 }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 40 }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 56 }),
+            React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 72, activeAppearance: "ring", active: activityRing ? 'active' : 'inactive' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 16, avatarColor: 'accent' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 20, avatarColor: 'accent' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 24, avatarColor: 'accent' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 32, avatarColor: 'accent' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 40, avatarColor: 'accent' }),
+            React.createElement(Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: "ring", size: 56, avatarColor: 'accent' }),
+            React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 72, activeAppearance: "ring", active: activityRing ? 'active' : 'inactive', avatarColor: 'accent' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { shape: 'square', size: 16, name: "Rafi", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { shape: 'square', size: 20, name: "Richard Faynman", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { shape: 'square', size: 24, name: "Gita Khawas", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { shape: 'square', size: 32, name: "Mary Kom", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { shape: 'square', size: 40, name: "Khan Sir", avatarColor: 'colorful', imageUrl: steveBallmerPhotoUrl }),
+            React.createElement(Avatar, { shape: 'square', size: 56, name: "Harry Potter", avatarColor: 'colorful' }),
+            React.createElement(Avatar, { shape: 'square', size: 72, name: "Ellie armstrong", avatarColor: 'colorful' })),
+        React.createElement(View, { style: mobileStyles.testVariants },
+            React.createElement(Avatar, { size: 16, initials: "20" }),
+            React.createElement(Avatar, { size: 20, initials: "11" }),
+            React.createElement(Avatar, { size: 24, initials: "88" }),
+            React.createElement(Avatar, { size: 32, initials: "20" }),
+            React.createElement(Avatar, { size: 40, initials: "20" }),
+            React.createElement(Avatar, { size: 56, initials: "56" }),
+            React.createElement(Avatar, { size: 72, initials: "20" }))));
+};
+//# sourceMappingURL=BasicAvatar.android.js.map

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js.map

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

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+export declare const StandardUsage: FunctionComponent;
+//# sourceMappingURL=BasicAvatar.d.ts.map

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsB/C,eAAO,MAAM,aAAa,EAAE,iBAgH3B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.js

@@ -0,0 +1,61 @@
+import { __spreadArray } from "tslib";
+import React, { useState, useCallback } from 'react';
+import { View, Text, Platform } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { AvatarSizes, AvatarColors, Avatar } from '@fluentui-react-native/avatar';
+import { PresenceBadgeStatuses } from '@fluentui-react-native/badge';
+import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
+import { svgProps } from '../Common/iconExamples';
+import { StyledPicker } from '../Common/StyledPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+var avatarActive = ['unset', 'active', 'inactive'];
+var avatarColors = __spreadArray(['neutral', 'brand', 'colorful'], AvatarColors, true);
+var allSizes = __spreadArray([undefinedText], AvatarSizes, true);
+var allPresences = __spreadArray([undefinedText], PresenceBadgeStatuses, true);
+export var StandardUsage = function () {
+    var _a = useState(false), isSquare = _a[0], setSquare = _a[1];
+    var _b = useState(true), showImage = _b[0], setShowImage = _b[1];
+    var _c = useState(false), outOfOffice = _c[0], setOutOfOffice = _c[1];
+    var _d = useState('unset'), active = _d[0], setActive = _d[1];
+    var _e = useState(72), imageSize = _e[0], setImageSize = _e[1];
+    var _f = useState('available'), presence = _f[0], setPresence = _f[1];
+    var _g = useState('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
+    var onActiveChange = useCallback(function (value) { return setActive(value); }, []);
+    var onAvatarColorChange = useCallback(function (value) { return setAvatarColor(value); }, []);
+    var onSizeChange = useCallback(function (value) { return setImageSize(value); }, []);
+    var onPresenceChange = useCallback(function (value) { return setPresence(value); }, []);
+    var avatarSizesForPicker = allSizes.map(function (size) { return size.toString(); });
+    var activeAppearance = 'ring';
+    var fontBuiltInProps = {
+        fontFamily: 'Arial',
+        codepoint: 0x2663,
+    };
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+    var badgeStatus = presence === undefinedText ? undefined : presence;
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settingsPicker },
+            React.createElement(ToggleButton, { onClick: function () { return setShowImage(!showImage); }, checked: showImage, style: commonStyles.vmargin },
+                showImage ? 'Hide' : 'Show',
+                " image"),
+            React.createElement(ToggleButton, { onClick: function () { return setSquare(!isSquare); }, checked: isSquare, style: commonStyles.vmargin },
+                "Set ",
+                isSquare ? ' circle' : ' square',
+                " Avatar"),
+            React.createElement(ToggleButton, { onClick: function () { return setOutOfOffice(!outOfOffice); }, checked: outOfOffice, style: commonStyles.vmargin },
+                "Set ",
+                outOfOffice ? ' In office' : ' Out of office'),
+            React.createElement(StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
+            React.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
+            active === 'active' && React.createElement(Text, null, "Active appearance is ring"),
+            React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
+            React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
+        React.createElement(View, { style: commonStyles.pickerControlled },
+            React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === undefinedText ? undefined : imageSize }),
+            React.createElement(Avatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, name: "Satya Nadella", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: badgeStatus, outOfOffice: outOfOffice, accessibilityLabel: badgeStatus }, imageUrl: showImage ? satyaPhotoUrl : undefined, avatarColor: avatarColor }),
+            React.createElement(Avatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Icon", image: { source: showImage ? { uri: satyaPhotoUrl } : undefined }, name: "* Richard Faynman *", avatarColor: "#ff0099", initialsColor: "yellow" }),
+            React.createElement(Avatar, { active: active, activeAppearance: activeAppearance, size: 36, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { fontSource: fontBuiltInProps }, avatarColor: avatarColor, badge: { status: 'outOfOffice', outOfOffice: outOfOffice } }),
+            React.createElement(Avatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { fontSource: fontBuiltInProps, color: 'green' }, avatarColor: avatarColor, badge: { status: 'outOfOffice', outOfOffice: outOfOffice } }),
+            svgIconsEnabled && (React.createElement(React.Fragment, null,
+                React.createElement(Avatar, { accessibilityHint: "A picture representing a user", active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, shape: isSquare ? 'square' : 'circular', accessibilityLabel: "SVG Icon", icon: { svgSource: svgProps }, avatarColor: avatarColor, badge: { status: 'away', outOfOffice: outOfOffice }, idForColor: "15" }))))));
+};
+//# sourceMappingURL=BasicAvatar.js.map

package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.js.map

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

package/lib/fluent-tester/src/TestComponents/Avatar/CustomizedAvatar.d.ts

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

package/lib/fluent-tester/src/TestComponents/Avatar/CustomizedAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6OlC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Avatar/CustomizedAvatar.js

@@ -0,0 +1,129 @@
+import React, { useState, useMemo } from 'react';
+import { View, Text, TextInput, Platform, StyleSheet } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { Avatar } from '@fluentui-react-native/avatar';
+import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
+import { svgProps } from '../Common/iconExamples';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+var styles = StyleSheet.create({
+    avatarTestCaseContainer: { marginLeft: 20 },
+    avatarTokenOptions: { flexDirection: 'row' },
+    fontTokenOptions: { paddingHorizontal: 20 },
+    tokenHeader: { fontWeight: 'bold' },
+});
+export var CustomizeUsage = function () {
+    var _a = useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = useState(true), showInitials = _b[0], setShowInitials = _b[1];
+    var _c = useState(), avatarColor = _c[0], setAvatarColor = _c[1];
+    var _d = useState(), textColor = _d[0], setTextColor = _d[1];
+    var _e = useState('96'), size = _e[0], setSize = _e[1];
+    var _f = useState(24), iconSize = _f[0], setIconSize = _f[1];
+    var _g = useState(undefined), iconColor = _g[0], setIconColor = _g[1];
+    var _h = useState(16), initialsSize = _h[0], setInitialsSize = _h[1];
+    var _j = useState('normal'), fontWeight = _j[0], setFontWeight = _j[1];
+    var _k = useState('Georgia'), fontFamily = _k[0], setFontFamily = _k[1];
+    var _l = useState('Steve Ballmer'), name = _l[0], setName = _l[1];
+    var _m = useState(''), initials = _m[0], setInitials = _m[1];
+    var _o = useState(undefined), ringColor = _o[0], setRingColor = _o[1];
+    var _p = useState('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
+    var _q = useState('4'), ringThickness = _q[0], setRingThickness = _q[1];
+    var _r = useState('4'), ringInnerGap = _r[0], setRingInnerGap = _r[1];
+    var _s = useState(true), showRing = _s[0], setShowRing = _s[1];
+    var CustomizedAvatar = useMemo(function () {
+        var tokens = {
+            avatarColor: avatarColor,
+            color: textColor,
+            size: parseInt(size),
+            iconSize: iconSize,
+            iconColor: iconColor,
+            fontSize: initialsSize,
+            fontWeight: fontWeight,
+            fontFamily: fontFamily,
+            ringColor: ringColor,
+            ringBackgroundColor: ringBackgroundColor,
+            ringThickness: parseInt(ringThickness),
+            ringInnerGap: parseInt(ringInnerGap),
+        };
+        return Avatar.customize(tokens);
+    }, [
+        avatarColor,
+        textColor,
+        iconColor,
+        iconSize,
+        initialsSize,
+        size,
+        ringColor,
+        ringBackgroundColor,
+        ringInnerGap,
+        ringThickness,
+        fontWeight,
+        fontFamily,
+    ]);
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(ToggleButton, { onClick: function () { return setShowImage(!showImage); }, checked: showImage, style: commonStyles.vmargin },
+                showImage ? 'Hide' : 'Show',
+                " image"),
+            React.createElement(ToggleButton, { onClick: function () { return setShowInitials(!showInitials); }, checked: showInitials, style: commonStyles.vmargin },
+                showInitials ? 'Hide' : 'Show',
+                " initials"),
+            React.createElement(ToggleButton, { onClick: function () { return setShowRing(!showRing); }, checked: showRing, style: commonStyles.vmargin },
+                showRing ? 'Hide' : 'Show',
+                " ring"),
+            React.createElement(View, { style: styles.avatarTokenOptions },
+                React.createElement(View, null,
+                    React.createElement(TextInput, { accessibilityLabel: "Name for generating initials", style: commonStyles.textBox, placeholder: "Name for generating initials", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setName(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Initials", style: commonStyles.textBox, placeholder: "Initials", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setInitials(e.nativeEvent.text);
+                        } }),
+                    React.createElement(Text, { style: styles.tokenHeader }, "Avatar tokens"),
+                    React.createElement(TextInput, { accessibilityLabel: "Background color", style: commonStyles.textBox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setAvatarColor(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Avatar size", style: commonStyles.textBox, placeholder: "Avatar size", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setSize(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Icon size", style: commonStyles.textBox, placeholder: "Icon size", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setIconSize(parseInt(e.nativeEvent.text));
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Icon color", style: commonStyles.textBox, placeholder: "Icon color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setIconColor(e.nativeEvent.text);
+                        } }),
+                    React.createElement(Text, { style: styles.tokenHeader }, "Ring tokens"),
+                    React.createElement(TextInput, { accessibilityLabel: "Ring background color", style: commonStyles.textBox, placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setRingBackgroundColor(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Ring color", style: commonStyles.textBox, placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setRingColor(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Ring thickness", style: commonStyles.textBox, placeholder: "Ring thickness", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setRingThickness(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Ring inner gap", style: commonStyles.textBox, placeholder: "Ring inner gap", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setRingInnerGap(e.nativeEvent.text);
+                        } })),
+                React.createElement(View, { style: styles.fontTokenOptions },
+                    React.createElement(Text, { style: styles.tokenHeader }, "Font tokens"),
+                    React.createElement(TextInput, { accessibilityLabel: "Initials text color", style: commonStyles.textBox, placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setTextColor(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Initials size", style: commonStyles.textBox, placeholder: "Initials size", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setInitialsSize(parseInt(e.nativeEvent.text));
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Font weight", style: commonStyles.textBox, placeholder: "Font weight", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setFontWeight(e.nativeEvent.text);
+                        } }),
+                    React.createElement(TextInput, { accessibilityLabel: "Font family", style: commonStyles.textBox, placeholder: "Font family", blurOnSubmit: true, onSubmitEditing: function (e) {
+                            setFontFamily(e.nativeEvent.text);
+                        } })))),
+        React.createElement(View, null,
+            React.createElement(Text, null, "Customized Avatar"),
+            React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
+        React.createElement(View, { style: styles.avatarTestCaseContainer },
+            React.createElement(Text, null, "Avatar customized with props"),
+            React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing, ringInnerGap: parseInt(ringInnerGap) }))));
+};
+//# sourceMappingURL=CustomizedAvatar.js.map

package/lib/fluent-tester/src/TestComponents/Avatar/CustomizedAvatar.js.map

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

package/lib/fluent-tester/src/TestComponents/Avatar/E2EAvatarTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Avatar/E2EAvatarTest.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Avatar/E2EAvatarTest.js

@@ -0,0 +1,12 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { Avatar } from '@fluentui-react-native/avatar';
+import { AVATAR_ACCESSIBILITY_LABEL, AVATAR_ACCESSIBILITY_HINT, AVATAR_ACCESSIBILITY_ROLE, AVATAR_TEST_COMPONENT, AVATAR_SECONDARY_TEST_COMPONENT, } from '../../../../E2E/src/Avatar/consts';
+import { testProps } from '../Common/TestProps';
+export var E2EAvatarTest = function () {
+    return (React.createElement(View, null,
+        React.createElement(Avatar, __assign({ accessibilityHint: AVATAR_ACCESSIBILITY_HINT, accessibilityLabel: AVATAR_ACCESSIBILITY_LABEL, accessibilityRole: AVATAR_ACCESSIBILITY_ROLE }, testProps(AVATAR_TEST_COMPONENT))),
+        React.createElement(Avatar, __assign({ name: "Richard", badge: { status: 'available' } }, testProps(AVATAR_SECONDARY_TEST_COMPONENT)))));
+};
+//# sourceMappingURL=E2EAvatarTest.js.map

package/lib/fluent-tester/src/TestComponents/Avatar/E2EAvatarTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EAvatarTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/E2EAvatarTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,OAAO,EACL,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,EACzB,qBAAqB,EACrB,+BAA+B,GAChC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,MAAM,aACL,iBAAiB,EAAE,yBAAyB,EAC5C,kBAAkB,EAAE,0BAA0B,EAC9C,iBAAiB,EAAE,yBAAyB,IAExC,SAAS,CAAC,qBAAqB,CAAC,EACpC;QACF,oBAAC,MAAM,aACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,IAE1B,SAAS,CAAC,+BAA+B,CAAC,EAC9C,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Avatar/NativeAvatarTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Avatar/NativeAvatarTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeAvatarTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/NativeAvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAiC/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBA8CnC,CAAC;AA+BF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAapC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Avatar/NativeAvatarTest.js

@@ -0,0 +1,83 @@
+import * as React from 'react';
+import { Switch, View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { NativeAvatar } from '@fluentui-react-native/experimental-avatar/';
+import { Stack } from '@fluentui-react-native/stack';
+import { testImageSource, rainbowGradientSource } from './testImageSources';
+import { NATIVE_AVATAR_TESTPAGE } from '../../../../E2E/src/Avatar/consts';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+export var BasicAvatar = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(false), showPresence = _b[0], setShowPresence = _b[1];
+    var _c = React.useState(false), showRing = _c[0], setShowRing = _c[1];
+    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 presence"),
+                React.createElement(Switch, { value: showPresence, onValueChange: setShowPresence })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show Ring"),
+                React.createElement(Switch, { value: showRing, onValueChange: setShowRing }))),
+        React.createElement(NativeAvatar, { primaryText: "Kat Larrson", secondaryText: "Kat.Larrson@example.com", imageSource: showImage ? testImageSource : undefined, presence: showPresence ? 'available' : null, isRingVisible: showRing, size: 'size72' })));
+};
+export var CustomizeColors = function () {
+    var _a = React.useState(false), showCustomRingColor = _a[0], setShowCustomRingColor = _a[1];
+    var _b = React.useState(false), showCustomForeground = _b[0], setShowCustomForeground = _b[1];
+    var _c = React.useState(false), showCustomBackground = _c[0], setShowCustomBackground = _c[1];
+    var _d = React.useState(false), showCustomBorderImage = _d[0], setShowCustomBorderImage = _d[1];
+    var _e = React.useState(false), showRingGap = _e[0], setShowRingGap = _e[1];
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Custom foreground"),
+                React.createElement(Switch, { value: showCustomForeground, onValueChange: setShowCustomForeground })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Custom background"),
+                React.createElement(Switch, { value: showCustomBackground, onValueChange: setShowCustomBackground })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Custom ring color"),
+                React.createElement(Switch, { value: showCustomRingColor, onValueChange: setShowCustomRingColor })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Custom Border Image"),
+                React.createElement(Switch, { value: showCustomBorderImage, onValueChange: setShowCustomBorderImage })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show Ring Gap"),
+                React.createElement(Switch, { value: showRingGap, onValueChange: setShowRingGap }))),
+        React.createElement(NativeAvatar, { primaryText: "Kat Larrson", secondaryText: "Kat.Larrson@example.com", ringColor: showCustomRingColor ? 'red' : null, foregroundColor: showCustomForeground ? 'green' : null, backgroundColor: showCustomBackground ? 'blue' : null, customBorderImageSource: showCustomBorderImage ? rainbowGradientSource : null, isRingVisible: true, hasRingInnerGap: showRingGap, size: 'size72' })));
+};
+var AvatarSizeRamp = function () {
+    var allSizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
+    return (React.createElement(Stack, { style: { flexDirection: 'row' } }, allSizes.map(function (size, index) { return (React.createElement(NativeAvatar, { key: index, primaryText: "Kat Larrson", secondaryText: "Kat.Larrson@example.com", size: size })); })));
+};
+var avatarSections = [
+    {
+        name: 'Basic Avatar',
+        testID: NATIVE_AVATAR_TESTPAGE,
+        component: BasicAvatar,
+    },
+    {
+        name: 'Custom Colors',
+        testID: NATIVE_AVATAR_TESTPAGE,
+        component: CustomizeColors,
+    },
+    {
+        name: 'Size Ramp',
+        component: AvatarSizeRamp,
+    },
+];
+export var NativeAvatarTest = function () {
+    var status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Beta',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
+    return React.createElement(Test, { name: "Avatar Test", description: description, sections: avatarSections, status: status });
+};
+//# sourceMappingURL=NativeAvatarTest.js.map

package/lib/fluent-tester/src/TestComponents/Avatar/NativeAvatarTest.js.map

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './NativeAvatarTest';
+export * from './AvatarTest';
+//# sourceMappingURL=index.js.map

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

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

package/lib/fluent-tester/src/TestComponents/Avatar/testImageSources.d.ts

@@ -0,0 +1,4 @@
+import type { ImageURISource } from 'react-native';
+export declare const testImageSource: ImageURISource;
+export declare const rainbowGradientSource: ImageURISource;
+//# sourceMappingURL=testImageSources.d.ts.map