@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/TestComponents/Avatar/BasicAvatar.android.js

@@ -0,0 +1,403 @@
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.StandardUsage = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = __importDefault(require('react'));
+const react_native_1 = require('react-native');
+const avatar_1 = require('@fluentui-react-native/avatar');
+const badge_1 = require('@fluentui-react-native/badge');
+const switch_1 = require('@fluentui-react-native/switch');
+const StyledPicker_1 = require('../Common/StyledPicker');
+const styles_1 = require('../Common/styles');
+const styles_2 = require('../PersonaCoin/styles');
+const StandardUsage = () => {
+  const [status, setStatus] = react_1.default.useState('available');
+  const [activityRing, setActivityRing] = react_1.default.useState(false);
+  const [outOfOffice, setOutOfOffice] = react_1.default.useState(false);
+  const onStatusChange = react_1.default.useCallback((value) => setStatus(value), []);
+  const toggleActivityState = (_e, isActive) => {
+    setActivityRing(isActive);
+  };
+  const toggleOutOfOffice = (_e, isActive) => {
+    setOutOfOffice(isActive);
+  };
+  const nameAccessibilityLabel = 'Steve Ballmer';
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.mobileStyles.pageStyle,
+    children: [
+      jsx_runtime_1.jsx(switch_1.Switch, { label: 'Show Activity Ring', defaultChecked: activityRing, onChange: toggleActivityState }),
+      jsx_runtime_1.jsx(switch_1.Switch, { label: 'Out of Office', defaultChecked: outOfOffice, onChange: toggleOutOfOffice }),
+      jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+        prompt: 'Status',
+        selected: status,
+        onChange: onStatusChange,
+        collection: badge_1.PresenceBadgeStatuses,
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 16,
+            name: 'Rafi',
+            avatarColor: 'colorful',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 20,
+            name: 'Richard Faynman',
+            avatarColor: 'colorful',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 24,
+            name: 'Gita Khawas',
+            avatarColor: 'colorful',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 32,
+            name: 'Mary Kom',
+            avatarColor: 'colorful',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 40,
+            name: 'Khan Sir',
+            avatarColor: 'colorful',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 56,
+            name: 'Harry Potter',
+            avatarColor: 'colorful',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 72,
+            name: 'Ellie armstrong',
+            avatarColor: 'colorful',
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 16,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 20,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 24,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 32,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 40,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 56,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            accessibilityLabel: nameAccessibilityLabel,
+            activeAppearance: 'ring',
+            size: 72,
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 16,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 20,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 24,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 32,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 40,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 56,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            size: 72,
+            accessibilityLabel: nameAccessibilityLabel,
+            badge: { status: status, outOfOffice: outOfOffice },
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 16,
+            avatarColor: 'brand',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 20,
+            avatarColor: 'brand',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 24,
+            avatarColor: 'brand',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 32,
+            avatarColor: 'brand',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 40,
+            avatarColor: 'brand',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 56,
+            avatarColor: 'brand',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 72,
+            avatarColor: 'brand',
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 16, avatarColor: 'brand' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 20, avatarColor: 'brand' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 24, avatarColor: 'brand' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 32, avatarColor: 'brand' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 40, avatarColor: 'brand' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 56, avatarColor: 'brand' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { badge: { status: status, outOfOffice: outOfOffice }, size: 72, avatarColor: 'brand' }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 16,
+            avatarColor: 'brandInverted',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 20,
+            avatarColor: 'brandInverted',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 24,
+            avatarColor: 'brandInverted',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 32,
+            avatarColor: 'brandInverted',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 40,
+            avatarColor: 'brandInverted',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 56,
+            avatarColor: 'brandInverted',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 72,
+            avatarColor: 'brandInverted',
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: 'ring', size: 16 }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: 'ring', size: 20 }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: 'ring', size: 24 }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: 'ring', size: 32 }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: 'ring', size: 40 }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { active: activityRing ? 'active' : 'inactive', activeAppearance: 'ring', size: 56 }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            accessibilityLabel: 'Fall-back Icon',
+            accessibilityHint: 'A picture representing a user',
+            size: 72,
+            activeAppearance: 'ring',
+            active: activityRing ? 'active' : 'inactive',
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 16,
+            avatarColor: 'accent',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 20,
+            avatarColor: 'accent',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 24,
+            avatarColor: 'accent',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 32,
+            avatarColor: 'accent',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 40,
+            avatarColor: 'accent',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: activityRing ? 'active' : 'inactive',
+            activeAppearance: 'ring',
+            size: 56,
+            avatarColor: 'accent',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            accessibilityLabel: 'Fall-back Icon',
+            accessibilityHint: 'A picture representing a user',
+            size: 72,
+            activeAppearance: 'ring',
+            active: activityRing ? 'active' : 'inactive',
+            avatarColor: 'accent',
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, { shape: 'square', size: 16, name: 'Rafi', avatarColor: 'colorful' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { shape: 'square', size: 20, name: 'Richard Faynman', avatarColor: 'colorful' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { shape: 'square', size: 24, name: 'Gita Khawas', avatarColor: 'colorful' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { shape: 'square', size: 32, name: 'Mary Kom', avatarColor: 'colorful' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            shape: 'square',
+            size: 40,
+            name: 'Khan Sir',
+            avatarColor: 'colorful',
+            imageUrl: styles_2.steveBallmerPhotoUrl,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { shape: 'square', size: 56, name: 'Harry Potter', avatarColor: 'colorful' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { shape: 'square', size: 72, name: 'Ellie armstrong', avatarColor: 'colorful' }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.mobileStyles.testVariants,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 16, initials: '20' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 20, initials: '11' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 24, initials: '88' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 32, initials: '20' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 40, initials: '20' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 56, initials: '56' }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, { size: 72, initials: '20' }),
+        ],
+      }),
+    ],
+  });
+};
+exports.StandardUsage = StandardUsage;
+//# sourceMappingURL=BasicAvatar.android.js.map

package/lib-commonjs/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-commonjs/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-commonjs/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,iBAkI3B,CAAC"}

package/lib-commonjs/TestComponents/Avatar/BasicAvatar.js

@@ -0,0 +1,164 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.StandardUsage = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = require('react');
+const react_native_1 = require('react-native');
+const react_native_2 = require('@fluentui/react-native');
+const avatar_1 = require('@fluentui-react-native/avatar');
+const badge_1 = require('@fluentui-react-native/badge');
+const iconExamples_1 = require('../Common/iconExamples');
+const StyledPicker_1 = require('../Common/StyledPicker');
+const styles_1 = require('../Common/styles');
+const styles_2 = require('../PersonaCoin/styles');
+const avatarActive = ['unset', 'active', 'inactive'];
+const avatarColors = ['neutral', 'brand', 'colorful', ...avatar_1.AvatarColors];
+const allSizes = [styles_2.undefinedText, ...avatar_1.AvatarSizes];
+const allPresences = [styles_2.undefinedText, ...badge_1.PresenceBadgeStatuses];
+const StandardUsage = () => {
+  const [isSquare, setSquare] = (0, react_1.useState)(false);
+  const [showImage, setShowImage] = (0, react_1.useState)(true);
+  const [outOfOffice, setOutOfOffice] = (0, react_1.useState)(false);
+  const [active, setActive] = (0, react_1.useState)('unset');
+  const [imageSize, setImageSize] = (0, react_1.useState)(72);
+  const [presence, setPresence] = (0, react_1.useState)('available');
+  const [avatarColor, setAvatarColor] = (0, react_1.useState)('brass');
+  const onActiveChange = (0, react_1.useCallback)((value) => setActive(value), []);
+  const onAvatarColorChange = (0, react_1.useCallback)((value) => setAvatarColor(value), []);
+  const onSizeChange = (0, react_1.useCallback)((value) => setImageSize(value), []);
+  const onPresenceChange = (0, react_1.useCallback)((value) => setPresence(value), []);
+  const avatarSizesForPicker = allSizes.map((size) => size.toString());
+  const activeAppearance = 'ring';
+  const fontBuiltInProps = {
+    fontFamily: 'Arial',
+    codepoint: 0x2663,
+  };
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+  const badgeStatus = presence === styles_2.undefinedText ? undefined : presence;
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.commonTestStyles.root,
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.commonTestStyles.settingsPicker,
+        children: [
+          jsx_runtime_1.jsxs(react_native_2.ToggleButton, {
+            onClick: () => setShowImage(!showImage),
+            checked: showImage,
+            style: styles_1.commonTestStyles.vmargin,
+            children: [showImage ? 'Hide' : 'Show', ' image'],
+          }),
+          jsx_runtime_1.jsxs(react_native_2.ToggleButton, {
+            onClick: () => setSquare(!isSquare),
+            checked: isSquare,
+            style: styles_1.commonTestStyles.vmargin,
+            children: ['Set ', isSquare ? ' circle' : ' square', ' Avatar'],
+          }),
+          jsx_runtime_1.jsxs(react_native_2.ToggleButton, {
+            onClick: () => setOutOfOffice(!outOfOffice),
+            checked: outOfOffice,
+            style: styles_1.commonTestStyles.vmargin,
+            children: ['Set ', outOfOffice ? ' In office' : ' Out of office'],
+          }),
+          jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+            style: styles_1.commonTestStyles.vmargin,
+            prompt: 'Size',
+            selected: imageSize.toString(),
+            onChange: onSizeChange,
+            collection: avatarSizesForPicker,
+          }),
+          jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+            style: styles_1.commonTestStyles.vmargin,
+            prompt: 'Active',
+            selected: active,
+            onChange: onActiveChange,
+            collection: avatarActive,
+          }),
+          active === 'active' && jsx_runtime_1.jsx(react_native_1.Text, { children: 'Active appearance is ring' }),
+          jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+            style: styles_1.commonTestStyles.vmargin,
+            prompt: 'Avatar Color',
+            selected: avatarColor,
+            onChange: onAvatarColorChange,
+            collection: avatarColors,
+          }),
+          jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+            style: styles_1.commonTestStyles.vmargin,
+            prompt: 'Presence status',
+            selected: presence,
+            onChange: onPresenceChange,
+            collection: allPresences,
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.commonTestStyles.pickerControlled,
+        children: [
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            accessibilityLabel: 'Fall-back Icon',
+            accessibilityHint: 'A picture representing a user',
+            size: imageSize === styles_2.undefinedText ? undefined : imageSize,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: active,
+            activeAppearance: activeAppearance,
+            size: imageSize === styles_2.undefinedText ? undefined : imageSize,
+            name: 'Satya Nadella',
+            shape: isSquare ? 'square' : 'circular',
+            accessibilityLabel: 'Photo of Satya Nadella',
+            badge: { status: badgeStatus, outOfOffice, accessibilityLabel: badgeStatus },
+            imageUrl: showImage ? styles_2.satyaPhotoUrl : undefined,
+            avatarColor: avatarColor,
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: active,
+            activeAppearance: activeAppearance,
+            size: imageSize === styles_2.undefinedText ? undefined : imageSize,
+            shape: isSquare ? 'square' : 'circular',
+            accessibilityLabel: 'Icon',
+            image: { source: showImage ? { uri: styles_2.satyaPhotoUrl } : undefined },
+            name: '* Richard Faynman *',
+            avatarColor: '#ff0099',
+            initialsColor: 'yellow',
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: active,
+            activeAppearance: activeAppearance,
+            size: 36,
+            shape: isSquare ? 'square' : 'circular',
+            accessibilityLabel: 'SVG Icon',
+            icon: { fontSource: fontBuiltInProps },
+            avatarColor: avatarColor,
+            badge: { status: 'outOfOffice', outOfOffice },
+          }),
+          jsx_runtime_1.jsx(avatar_1.Avatar, {
+            active: active,
+            activeAppearance: activeAppearance,
+            size: imageSize === styles_2.undefinedText ? undefined : imageSize,
+            shape: isSquare ? 'square' : 'circular',
+            accessibilityLabel: 'SVG Icon',
+            icon: { fontSource: fontBuiltInProps, color: 'green' },
+            avatarColor: avatarColor,
+            badge: { status: 'outOfOffice', outOfOffice },
+          }),
+          svgIconsEnabled &&
+            jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {
+              children: jsx_runtime_1.jsx(avatar_1.Avatar, {
+                accessibilityHint: 'A picture representing a user',
+                active: active,
+                activeAppearance: activeAppearance,
+                size: imageSize === styles_2.undefinedText ? undefined : imageSize,
+                shape: isSquare ? 'square' : 'circular',
+                accessibilityLabel: 'SVG Icon',
+                icon: { svgSource: iconExamples_1.svgProps },
+                avatarColor: avatarColor,
+                badge: { status: 'away', outOfOffice },
+                idForColor: '15',
+              }),
+            }),
+        ],
+      }),
+    ],
+  });
+};
+exports.StandardUsage = StandardUsage;
+//# sourceMappingURL=BasicAvatar.js.map

package/lib-commonjs/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-commonjs/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-commonjs/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"}