@fluentui-react-native/tester 0.65.5 → 0.66.0

package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx

@@ -4,10 +4,10 @@ import {
   AvatarSizes,
   AvatarColor,
   AvatarColors,
-  JSAvatar,
+  Avatar,
   AvatarActive,
   AvatarActiveAppearance,
-} from '@fluentui-react-native/experimental-avatar';
+} from '@fluentui-react-native/avatar';
 import { PresenceBadgeStatuses, PresenceBadgeStatus } from '@fluentui-react-native/badge';
 import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
 import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
@@ -100,12 +100,12 @@ export const StandardUsage: FunctionComponent = () => {
         <StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
         <StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
       </View>
-      <JSAvatar
+      <Avatar
         accessibilityLabel="Fall-back Icon"
         accessibilityHint="A picture representing a user"
         size={imageSize === undefinedText ? undefined : imageSize}
       />
-      <JSAvatar
+      <Avatar
         active={active}
         activeAppearance={activeAppearance}
         size={imageSize === undefinedText ? undefined : imageSize}
@@ -116,7 +116,7 @@ export const StandardUsage: FunctionComponent = () => {
         imageUrl={showImage ? satyaPhotoUrl : undefined}
         avatarColor={avatarColor}
       />
-      <JSAvatar
+      <Avatar
         active={active}
         activeAppearance={activeAppearance}
         size={imageSize === undefinedText ? undefined : imageSize}
@@ -128,7 +128,7 @@ export const StandardUsage: FunctionComponent = () => {
       />
       {svgIconsEnabled && (
         <>
-          <JSAvatar
+          <Avatar
             active={active}
             activeAppearance={activeAppearance}
             size={imageSize === undefinedText ? undefined : imageSize}
@@ -138,7 +138,7 @@ export const StandardUsage: FunctionComponent = () => {
             avatarColor={avatarColor}
             badge={{ status: 'outOfOffice', outOfOffice }}
           />
-          <JSAvatar
+          <Avatar
             accessibilityHint="A picture representing a user"
             active={active}
             activeAppearance={activeAppearance}

package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useMemo } from 'react';
-import { JSAvatar, AvatarSize } from '@fluentui-react-native/experimental-avatar';
+import { Avatar, AvatarSize } from '@fluentui-react-native/avatar';
 import { Switch, View, Text, TextInput, Platform } from 'react-native';
 import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
@@ -38,7 +38,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
       ringBackgroundColor,
       ringThickness: parseInt(ringThickness),
     };
-    return JSAvatar.customize(tokens);
+    return Avatar.customize(tokens);
   }, [
     avatarColor,
     textColor,
@@ -190,7 +190,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
       </View>
       <View style={{ marginLeft: 20 }}>
         <Text>Avatar customized with props</Text>
-        <JSAvatar
+        <Avatar
           active="active"
           activeAppearance="ring"
           avatarColor={avatarColor}

package/src/FluentTester/TestComponents/Avatar/E2EAvatarTest.tsx

@@ -1,10 +1,10 @@
-import { JSAvatar } from '@fluentui-react-native/experimental-avatar';
+import { Avatar } from '@fluentui-react-native/avatar';
 import * as React from 'react';
 import { View } from 'react-native';
 import {
-  JSAVATAR_ACCESSIBILITY_LABEL,
-  JSAVATAR_ACCESSIBILITY_HINT,
-  JSAVATAR_ACCESSIBILITY_ROLE,
+  AVATAR_ACCESSIBILITY_LABEL,
+  AVATAR_ACCESSIBILITY_HINT,
+  AVATAR_ACCESSIBILITY_ROLE,
   AVATAR_TEST_COMPONENT,
   AVATAR_SECONDARY_TEST_COMPONENT,
 } from './consts';
@@ -12,13 +12,13 @@ import {
 export const E2EAvatarTest: React.FunctionComponent = () => {
   return (
     <View>
-      <JSAvatar
+      <Avatar
         testID={AVATAR_TEST_COMPONENT}
-        accessibilityHint={JSAVATAR_ACCESSIBILITY_HINT}
-        accessibilityLabel={JSAVATAR_ACCESSIBILITY_LABEL}
-        accessibilityRole={JSAVATAR_ACCESSIBILITY_ROLE}
+        accessibilityHint={AVATAR_ACCESSIBILITY_HINT}
+        accessibilityLabel={AVATAR_ACCESSIBILITY_LABEL}
+        accessibilityRole={AVATAR_ACCESSIBILITY_ROLE}
       />
-      <JSAvatar testID={AVATAR_SECONDARY_TEST_COMPONENT} name="Richard" badge={{ status: 'available' }} />
+      <Avatar testID={AVATAR_SECONDARY_TEST_COMPONENT} name="Richard" badge={{ status: 'available' }} />
     </View>
   );
 };

package/src/FluentTester/TestComponents/Avatar/NativeAvatarTest.tsx

@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { NativeAvatar, Size } from '@fluentui-react-native/experimental-avatar/';
+import { Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { NATIVE_AVATAR_TESTPAGE } from './consts';
+import { Test, TestSection, PlatformStatus } from '../Test';
+import { testImageSource, rainbowGradientSource } from './testImageSources';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { Switch, View } from 'react-native';
+
+export const BasicAvatar: React.FunctionComponent = () => {
+  const [showImage, setShowImage] = React.useState(true);
+  const [showPresence, setShowPresence] = React.useState(false);
+  const [showRing, setShowRing] = React.useState(false);
+
+  return (
+    <View style={commonStyles.root}>
+      {/* settings */}
+      <View style={commonStyles.settings}>
+        <View style={commonStyles.switch}>
+          <Text>Show image</Text>
+          <Switch value={showImage} onValueChange={setShowImage} />
+        </View>
+        <View style={commonStyles.switch}>
+          <Text>Show presence</Text>
+          <Switch value={showPresence} onValueChange={setShowPresence} />
+        </View>
+        <View style={commonStyles.switch}>
+          <Text>Show Ring</Text>
+          <Switch value={showRing} onValueChange={setShowRing} />
+        </View>
+      </View>
+      {/* component under test */}
+      <NativeAvatar
+        primaryText="Kat Larrson"
+        secondaryText="Kat.Larrson@example.com"
+        imageSource={showImage ? testImageSource : undefined}
+        presence={showPresence ? 'available' : null}
+        isRingVisible={showRing}
+        size={'xxLarge'}
+      />
+    </View>
+  );
+};
+
+export const CustomizeColors: React.FunctionComponent = () => {
+  const [showCustomRingColor, setShowCustomRingColor] = React.useState(false);
+  const [showCustomForeground, setShowCustomForeground] = React.useState(false);
+  const [showCustomBackground, setShowCustomBackground] = React.useState(false);
+  const [showCustomBorderImage, setShowCustomBorderImage] = React.useState(false);
+  const [showRingGap, setShowRingGap] = React.useState(false);
+
+  return (
+    <View style={commonStyles.root}>
+      {/* settings */}
+      <View style={commonStyles.settings}>
+        <View style={commonStyles.switch}>
+          <Text>Custom foreground</Text>
+          <Switch value={showCustomForeground} onValueChange={setShowCustomForeground} />
+        </View>
+        <View style={commonStyles.switch}>
+          <Text>Custom background</Text>
+          <Switch value={showCustomBackground} onValueChange={setShowCustomBackground} />
+        </View>
+        <View style={commonStyles.switch}>
+          <Text>Custom ring color</Text>
+          <Switch value={showCustomRingColor} onValueChange={setShowCustomRingColor} />
+        </View>
+        <View style={commonStyles.switch}>
+          <Text>Custom Border Image</Text>
+          <Switch value={showCustomBorderImage} onValueChange={setShowCustomBorderImage} />
+        </View>
+        <View style={commonStyles.switch}>
+          <Text>Show Ring Gap</Text>
+          <Switch value={showRingGap} onValueChange={setShowRingGap} />
+        </View>
+      </View>
+      {/* component under test */}
+      <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={'xxLarge'}
+      />
+    </View>
+  );
+};
+
+const AvatarSizeRamp: React.FunctionComponent = () => {
+  const allSizes: Size[] = ['xSmall', 'small', 'medium', 'large', 'xLarge', 'xxLarge'];
+
+  return (
+    <Stack style={{ flexDirection: 'row' }}>
+      {allSizes.map((size, index) => (
+        <NativeAvatar key={index} primaryText="Kat Larrson" secondaryText="Kat.Larrson@example.com" size={size} />
+      ))}
+    </Stack>
+  );
+};
+
+const avatarSections: TestSection[] = [
+  {
+    name: 'Basic Avatar',
+    testID: NATIVE_AVATAR_TESTPAGE,
+    component: BasicAvatar,
+  },
+  {
+    name: 'Custom Colors',
+    testID: NATIVE_AVATAR_TESTPAGE,
+    component: CustomizeColors,
+  },
+  {
+    name: 'Size Ramp',
+    component: AvatarSizeRamp,
+  },
+];
+
+export const NativeAvatarTest: React.FunctionComponent = () => {
+  const status: PlatformStatus = {
+    win32Status: 'Backlog',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Beta',
+    macosStatus: 'Experimental',
+    androidStatus: 'Backlog',
+  };
+
+  const 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 <Test name="Avatar Test" description={description} sections={avatarSections} status={status} />;
+};

package/src/FluentTester/TestComponents/Avatar/consts.ts

@@ -1,11 +1,12 @@
 export const HOMEPAGE_AVATAR_BUTTON = 'Homepage_Avatar_Button';
-export const AVATAR_TESTPAGE = 'Avatar_TestPage';
-export const JSAVATAR_TESTPAGE = 'Avatar_Win32_TestPage';
+export const HOMEPAGE_NATIVE_AVATAR_BUTTON = 'Homepage_Native_Avatar_Button';
+export const NATIVE_AVATAR_TESTPAGE = 'NativeAvatar_TestPage';
+export const AVATAR_TESTPAGE = 'Avatar_Win32_TestPage';
 
-export const JSAVATAR_ACCESSIBILITY_LABEL = 'E2E Avatar Accessibility label';
-export const JSAVATAR_ACCESSIBILITY_LABEL_BY_NAME = 'Richard, available';
-export const JSAVATAR_ACCESSIBILITY_HINT = 'E2E Avatar Accessibility hint';
-export const JSAVATAR_ACCESSIBILITY_ROLE = 'link';
+export const AVATAR_ACCESSIBILITY_LABEL = 'E2E Avatar Accessibility label';
+export const AVATAR_ACCESSIBILITY_LABEL_BY_NAME = 'Richard, available';
+export const AVATAR_ACCESSIBILITY_HINT = 'E2E Avatar Accessibility hint';
+export const AVATAR_ACCESSIBILITY_ROLE = 'link';
 
 export const AVATAR_TEST_COMPONENT = 'AVATAR_TEST_COMPONENT';
 export const AVATAR_SECONDARY_TEST_COMPONENT = 'AVATAR_SECONDARY_TEST_COMPONENT';

package/src/FluentTester/TestComponents/Avatar/index.ts

@@ -1,3 +1,3 @@
+export * from './NativeAvatarTest';
 export * from './AvatarTest';
-export * from './JSAvatarTest';
 export * from './consts';

package/src/FluentTester/testPages.android.ts

@@ -1,5 +1,5 @@
 import { TestDescription } from './TestComponents';
-import { JSAvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
@@ -31,7 +31,7 @@ export const tests: TestDescription[] = [
   },
   {
     name: 'Avatar Test',
-    component: JSAvatarTest,
+    component: AvatarTest,
     testPage: HOMEPAGE_AVATAR_BUTTON,
   },
   {

package/src/FluentTester/testPages.ios.ts

@@ -1,5 +1,5 @@
 import { TestDescription } from './TestComponents';
-import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { AvatarTest, NativeAvatarTest, HOMEPAGE_AVATAR_BUTTON, HOMEPAGE_NATIVE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { CheckboxTest, HOMEPAGE_CHECKBOX_BUTTON } from './TestComponents/Checkbox';
@@ -32,6 +32,11 @@ export const tests: TestDescription[] = [
     component: AvatarTest,
     testPage: HOMEPAGE_AVATAR_BUTTON,
   },
+  {
+    name: 'NativeAvatar Test',
+    component: NativeAvatarTest,
+    testPage: HOMEPAGE_NATIVE_AVATAR_BUTTON,
+  },
   {
     name: 'Badge Test',
     component: BadgeTest,

package/src/FluentTester/testPages.macos.ts

@@ -1,5 +1,5 @@
 import { TestDescription } from './TestComponents';
-import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { AvatarTest, NativeAvatarTest, HOMEPAGE_AVATAR_BUTTON, HOMEPAGE_NATIVE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
@@ -39,6 +39,11 @@ export const tests: TestDescription[] = [
     component: AvatarTest,
     testPage: HOMEPAGE_AVATAR_BUTTON,
   },
+  {
+    name: 'NativeAvatar Test',
+    component: NativeAvatarTest,
+    testPage: HOMEPAGE_NATIVE_AVATAR_BUTTON,
+  },
   {
     name: 'Badge Test',
     component: BadgeTest,

package/src/FluentTester/testPages.ts

@@ -1,5 +1,5 @@
 import { TestDescription } from './TestComponents';
-import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { NativeAvatarTest, HOMEPAGE_NATIVE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { CheckboxTest, HOMEPAGE_CHECKBOX_BUTTON } from './TestComponents/Checkbox';
@@ -37,8 +37,8 @@ export const tests: TestDescription[] = [
   },
   {
     name: 'Avatar Test',
-    component: AvatarTest,
-    testPage: HOMEPAGE_AVATAR_BUTTON,
+    component: NativeAvatarTest,
+    testPage: HOMEPAGE_NATIVE_AVATAR_BUTTON,
   },
   {
     name: 'Badge Test',

package/src/FluentTester/testPages.web.ts

@@ -1,5 +1,5 @@
 import { TestDescription } from './TestComponents';
-import { JSAvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { CheckboxTest, HOMEPAGE_CHECKBOX_BUTTON } from './TestComponents/Checkbox';
@@ -23,7 +23,7 @@ export const tests: TestDescription[] = [
   },
   {
     name: 'Avatar Test',
-    component: JSAvatarTest,
+    component: AvatarTest,
     testPage: HOMEPAGE_AVATAR_BUTTON,
   },
   {

package/src/FluentTester/testPages.win32.ts

@@ -1,4 +1,4 @@
-import { JSAvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
@@ -37,7 +37,7 @@ export const tests: TestDescription[] = [
   },
   {
     name: 'Avatar Test',
-    component: JSAvatarTest,
+    component: AvatarTest,
     testPage: HOMEPAGE_AVATAR_BUTTON,
   },
   {

package/src/FluentTester/testPages.windows.ts

@@ -1,4 +1,4 @@
-import { JSAvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
 import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
 import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
 import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
@@ -25,7 +25,7 @@ export const tests = [
   },
   {
     name: 'Avatar Test',
-    component: JSAvatarTest,
+    component: AvatarTest,
     testPage: HOMEPAGE_AVATAR_BUTTON,
   },
   {

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.d.ts

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

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.d.ts.map

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

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { JSAVATAR_TESTPAGE } from './consts';
-import { Test } from '../Test';
-import { StandardUsage } from './BasicAvatar';
-import { CustomizeUsage } from './CustomizedAvatar';
-import { E2EAvatarTest } from './E2EAvatarTest';
-var avatarSections = [
-    {
-        name: 'Standard Usage',
-        testID: JSAVATAR_TESTPAGE,
-        component: StandardUsage,
-    },
-    {
-        name: 'Customize Usage',
-        component: CustomizeUsage,
-    },
-    {
-        name: 'Avatar E2E',
-        component: E2EAvatarTest,
-    },
-];
-export var JSAvatarTest = function () {
-    var status = {
-        win32Status: 'Experimental',
-        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=JSAvatarTest.js.map

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JSAvatarTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,iBAAiB;QACzB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Avatar/JSAvatarTest.d.ts

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

package/lib-commonjs/FluentTester/TestComponents/Avatar/JSAvatarTest.d.ts.map

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

package/lib-commonjs/FluentTester/TestComponents/Avatar/JSAvatarTest.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JSAvatarTest = void 0;
-var tslib_1 = require("tslib");
-var React = (0, tslib_1.__importStar)(require("react"));
-var consts_1 = require("./consts");
-var Test_1 = require("../Test");
-var BasicAvatar_1 = require("./BasicAvatar");
-var CustomizedAvatar_1 = require("./CustomizedAvatar");
-var E2EAvatarTest_1 = require("./E2EAvatarTest");
-var avatarSections = [
-    {
-        name: 'Standard Usage',
-        testID: consts_1.JSAVATAR_TESTPAGE,
-        component: BasicAvatar_1.StandardUsage,
-    },
-    {
-        name: 'Customize Usage',
-        component: CustomizedAvatar_1.CustomizeUsage,
-    },
-    {
-        name: 'Avatar E2E',
-        component: E2EAvatarTest_1.E2EAvatarTest,
-    },
-];
-var JSAvatarTest = function () {
-    var status = {
-        win32Status: 'Experimental',
-        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_1.Test, { name: "Avatar Test", description: description, sections: avatarSections, status: status });
-};
-exports.JSAvatarTest = JSAvatarTest;
-//# sourceMappingURL=JSAvatarTest.js.map

package/lib-commonjs/FluentTester/TestComponents/Avatar/JSAvatarTest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JSAvatarTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,mCAA6C;AAC7C,gCAA4D;AAC5D,6CAA8C;AAC9C,uDAAoD;AACpD,iDAAgD;AAEhD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,0BAAiB;QACzB,SAAS,EAAE,2BAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,iCAAc;KAC1B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,6BAAa;KACzB;CACF,CAAC;AAEK,IAAM,YAAY,GAA4B;IACnD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB"}

package/src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { JSAVATAR_TESTPAGE } from './consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
-import { StandardUsage } from './BasicAvatar';
-import { CustomizeUsage } from './CustomizedAvatar';
-import { E2EAvatarTest } from './E2EAvatarTest';
-
-const avatarSections: TestSection[] = [
-  {
-    name: 'Standard Usage',
-    testID: JSAVATAR_TESTPAGE,
-    component: StandardUsage,
-  },
-  {
-    name: 'Customize Usage',
-    component: CustomizeUsage,
-  },
-  {
-    name: 'Avatar E2E',
-    component: E2EAvatarTest,
-  },
-];
-
-export const JSAvatarTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Beta',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
-  };
-
-  const 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 <Test name="Avatar Test" description={description} sections={avatarSections} status={status} />;
-};