@fluentui-react-native/tester-core 0.1.1

package/assets/MoreHorizontalFilled.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.25 10C6.25 10.6904 5.69036 11.25 5 11.25C4.30964 11.25 3.75 10.6904 3.75 10C3.75 9.30964 4.30964 8.75 5 8.75C5.69036 8.75 6.25 9.30964 6.25 10ZM11.25 10C11.25 10.6904 10.6904 11.25 10 11.25C9.30964 11.25 8.75 10.6904 8.75 10C8.75 9.30964 9.30964 8.75 10 8.75C10.6904 8.75 11.25 9.30964 11.25 10ZM15 11.25C15.6904 11.25 16.25 10.6904 16.25 10C16.25 9.30964 15.6904 8.75 15 8.75C14.3096 8.75 13.75 9.30964 13.75 10C13.75 10.6904 14.3096 11.25 15 11.25Z" fill="#424242"/>
+</svg>

package/assets/accessible-icon-brands.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="accessible-icon" class="svg-inline--fa fa-accessible-icon fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"></path></svg>

package/assets/dismissIcon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 1.5C5.30558 1.5 1.5 5.30558 1.5 10C1.5 14.6944 5.30558 18.5 10 18.5C14.6944 18.5 18.5 14.6944 18.5 10C18.5 5.30558 14.6944 1.5 10 1.5ZM13.4462 6.39705L13.5303 6.46967C13.7966 6.73594 13.8208 7.1526 13.6029 7.44621L13.5303 7.53033L11.061 10L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L10 11.061L7.53033 13.5303C7.26406 13.7966 6.8474 13.8208 6.55379 13.6029L6.46967 13.5303C6.2034 13.2641 6.1792 12.8474 6.39705 12.5538L6.46967 12.4697L8.939 10L6.46967 7.53033C6.2034 7.26406 6.1792 6.8474 6.39705 6.55379L6.46967 6.46967C6.73594 6.2034 7.1526 6.1792 7.44621 6.39705L7.53033 6.46967L10 8.939L12.4697 6.46967C12.7359 6.2034 13.1526 6.1792 13.4462 6.39705Z" fill="currentColor"/>
+</svg>

package/assets/filledIcon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="currentColor"/>
+</svg>

package/assets/outlineIcon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM18.5 10C18.5 14.6944 14.6944 18.5 10 18.5C5.30558 18.5 1.5 14.6944 1.5 10C1.5 5.30558 5.30558 1.5 10 1.5C14.6944 1.5 18.5 5.30558 18.5 10Z" fill="currentColor"/>
+</svg>

package/assets/play_button.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M10.8556 8.15498C10.0225 7.69354 9 8.29608 9 9.24847V14.7516C9 15.704 10.0225 16.3065 10.8556 15.8451L16.6134 12.6561C16.852 12.524 17 12.2727 17 12C17 11.7273 16.852 11.4761 16.6134 11.3439L10.8556 8.15498ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12Z"/></svg>

package/assets/test.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="accessible-icon" class="svg-inline--fa fa-accessible-icon fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"></path></svg>

package/babel.config.js

@@ -0,0 +1 @@
+module.exports = require('@fluentui-react-native/babel-config');

package/eslint.config.js

@@ -0,0 +1,3 @@
+const baseConfig = require('@fluentui-react-native/eslint-config-rules');
+
+module.exports = baseConfig;

package/lib/FluentTester.d.ts

@@ -0,0 +1,9 @@
+/**
+import MessageQueue from 'react-native/Libraries/BatchedBridge/MessageQueue';
+MessageQueue.spy(true);
+ */
+export interface FluentTesterProps {
+  enableSinglePaneView?: boolean;
+}
+export declare const FluentTester: (props: FluentTesterProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=FluentTester.d.ts.map

package/lib/FluentTester.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentTester.d.ts","sourceRoot":"","sources":["../src/FluentTester.tsx"],"names":[],"mappings":"AAiBA;;;GAGG;AAEH,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAiFD,eAAO,MAAM,YAAY,uEA0IxB,CAAC"}

package/lib/FluentTester.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { ScrollView, View, Text as RNText, Platform, SafeAreaView, BackHandler, I18nManager } from 'react-native';
+import { Separator, TextV1 as Text } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { BASE_TESTPAGE, TESTPAGE_BUTTONS_SCROLLVIEWER, TESTPAGE_CONTENT_SCROLLVIEWER } from '@fluentui-react-native/e2e-testing';
+import { ROOT_VIEW } from '@fluentui-react-native/e2e-testing';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { fluentTesterStyles, mobileStyles } from './TestComponents/Common/styles';
+import { testProps } from './TestComponents/Common/TestProps';
+import { tests } from './testPages';
+import { ThemePickers } from './theme/ThemePickers';
+const getThemedStyles = themedStyleSheet((t) => {
+  return {
+    root: {
+      backgroundColor: t.colors.neutralBackground1,
+      flex: 1,
+      flexGrow: 1,
+      flexDirection: 'column',
+      justifyContent: 'flex-start',
+      alignItems: 'stretch',
+      padding: 4,
+    },
+    testSeparator: {
+      borderColor: t.colors.menuDivider,
+      borderWidth: 0.1,
+    },
+  };
+});
+const EmptyComponent = () => {
+  return _jsx(RNText, { style: fluentTesterStyles.noTest, children: 'Select a component from the test list.' });
+};
+const HeaderSeparator = Separator.customize((t) => ({
+  color: t.colors.bodyFrameDivider,
+  separatorWidth: 2,
+}));
+const TestListSeparator = Separator.customize((t) => ({
+  color: t.colors.menuDivider,
+  separatorWidth: 2,
+}));
+const Header = React.memo((props) => {
+  const { enableSinglePaneView, enableBackButtonIOS, onBackButtonPressedIOS } = props;
+  const theme = useTheme();
+  const headerStyle = enableSinglePaneView ? fluentTesterStyles.headerWithBackButton : fluentTesterStyles.header;
+  const backButtonTitle = I18nManager.isRTL ? 'Back ›' : '‹ Back';
+  return _jsxs(View, {
+    style: headerStyle,
+    children: [
+      _jsx(Text, {
+        style: fluentTesterStyles.testHeader,
+        variant: 'heroLargeSemibold',
+        color: theme.host.palette?.TextEmphasis,
+        ...testProps(BASE_TESTPAGE),
+        children: '\u269B FluentUI Tests',
+      }),
+      _jsxs(View, {
+        style: fluentTesterStyles.header,
+        children: [
+          Platform.OS === 'ios' &&
+            !Platform.isPad &&
+            _jsx(Button, {
+              appearance: 'subtle',
+              style: fluentTesterStyles.backButton,
+              onClick: onBackButtonPressedIOS,
+              disabled: !enableBackButtonIOS,
+              children: backButtonTitle,
+            }),
+          _jsx(ThemePickers, {}),
+        ],
+      }),
+    ],
+  });
+});
+// filters and sorts tests alphabetically
+const filteredTestComponents = tests.filter((test) => test.platforms.includes(Platform.OS));
+const sortedTestComponents = filteredTestComponents.sort((a, b) => a.name.localeCompare(b.name));
+export const FluentTester = (props) => {
+  const { enableSinglePaneView } = props;
+  const [selectedTestIndex, setSelectedTestIndex] = React.useState(-1);
+  const [onTestListView, setOnTestListView] = React.useState(true);
+  const theme = useTheme();
+  const themedStyles = getThemedStyles(theme);
+  const removeBackHandler = React.useMemo(() => {
+    return {
+      remove: undefined,
+    };
+  }, []);
+  const onBackPress = React.useCallback(() => {
+    setOnTestListView(true);
+    if (Platform.OS === 'android' && removeBackHandler.remove) {
+      removeBackHandler.remove();
+    }
+    return true;
+  }, []);
+  const TestComponent = selectedTestIndex == -1 ? EmptyComponent : sortedTestComponents[selectedTestIndex].component;
+  // This is used to initially bring focus to the app on win32
+  const focusOnMountRef = React.useRef(null);
+  React.useEffect(() => {
+    if (Platform.OS === 'win32') {
+      focusOnMountRef.current?.focus();
+    }
+  }, []);
+  const RootView = Platform.select({
+    ios: SafeAreaView,
+    default: View,
+  });
+  const isTestListVisible = !enableSinglePaneView || (enableSinglePaneView && onTestListView);
+  const isTestSectionVisible = !enableSinglePaneView || (enableSinglePaneView && !onTestListView);
+  const TestList = React.memo(() => {
+    return _jsxs(View, {
+      style: fluentTesterStyles.testList,
+      children: [
+        _jsx(ScrollView, {
+          contentContainerStyle: fluentTesterStyles.testListContainerStyle,
+          ...testProps(TESTPAGE_BUTTONS_SCROLLVIEWER),
+          children: sortedTestComponents.map((description, index) => {
+            return _jsx(
+              Button,
+              {
+                appearance: 'subtle',
+                disabled: index == selectedTestIndex,
+                onClick: () => setSelectedTestIndex(index),
+                style: fluentTesterStyles.testListItem,
+                ...testProps(description.testPageButton),
+                ...(index === 0 && { componentRef: focusOnMountRef }),
+                children: description.name,
+              },
+              index,
+            );
+          }),
+        }),
+        _jsx(TestListSeparator, { vertical: true, style: fluentTesterStyles.testListSeparator }),
+      ],
+    });
+  });
+  const MobileTestList = React.memo(() => {
+    return _jsx(View, {
+      style: { ...mobileStyles.testList, display: isTestListVisible ? 'flex' : 'none' },
+      children: _jsx(ScrollView, {
+        contentContainerStyle: fluentTesterStyles.testListContainerStyle,
+        ...testProps(TESTPAGE_BUTTONS_SCROLLVIEWER),
+        children: sortedTestComponents.map((description, index) => {
+          return _jsxs(
+            View,
+            {
+              children: [
+                _jsx(
+                  Text,
+                  {
+                    onPress: () => {
+                      setOnTestListView(false);
+                      setSelectedTestIndex(index);
+                      if (Platform.OS === 'android') {
+                        // add the listener and remember the remove function so it can be cleaned up later
+                        removeBackHandler.remove = BackHandler.addEventListener('hardwareBackPress', onBackPress).remove;
+                      }
+                    },
+                    style: mobileStyles.testListItem,
+                    ...testProps(description.testPageButton),
+                    children: description.name,
+                  },
+                  index,
+                ),
+                _jsx(Separator, { style: themedStyles.testSeparator }),
+              ],
+            },
+            index,
+          );
+        }),
+      }),
+    });
+  });
+  const TestComponentView = () => {
+    return _jsx(ScrollView, {
+      keyboardShouldPersistTaps: 'handled', // Prevents keyboard from dismissing when tapping on a text input
+      contentContainerStyle: fluentTesterStyles.testSection,
+      ...testProps(TESTPAGE_CONTENT_SCROLLVIEWER),
+      children: _jsx(TestComponent, {}),
+    });
+  };
+  return (
+    // On iOS, the accessible prop must be set to false because iOS does not support nested accessibility elements
+    _jsxs(RootView, {
+      style: themedStyles.root,
+      accessible: Platform.OS !== 'ios',
+      ...testProps(ROOT_VIEW),
+      children: [
+        _jsx(Header, {
+          enableSinglePaneView: enableSinglePaneView,
+          enableBackButtonIOS: !onTestListView,
+          onBackButtonPressedIOS: onBackPress,
+        }),
+        _jsx(HeaderSeparator, {}),
+        _jsxs(View, {
+          style: fluentTesterStyles.testRoot,
+          children: [
+            enableSinglePaneView ? _jsx(MobileTestList, {}) : _jsx(TestList, {}),
+            isTestSectionVisible && _jsx(TestComponentView, {}),
+          ],
+        }),
+      ],
+    })
+  );
+};
+//# sourceMappingURL=FluentTester.js.map

package/lib/FluentTester.js.map

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

package/lib/FluentTesterApp.d.ts

@@ -0,0 +1,3 @@
+import type { FluentTesterProps } from './FluentTester';
+export declare const FluentTesterApp: (props: FluentTesterProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=FluentTesterApp.d.ts.map

package/lib/FluentTesterApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,eAAO,MAAM,eAAe,uEA6C3B,CAAC"}

package/lib/FluentTesterApp.js

@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+'use strict';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Platform } from 'react-native';
+import { useHorizontalSizeClass } from '@fluentui-react-native/experimental-appearance-additions';
+import { ThemeReference, ThemeProvider } from '@fluentui-react-native/theme';
+import { FluentTester } from './FluentTester';
+import { testerTheme } from './theme/index';
+export const FluentTesterApp = (props) => {
+  const sizeClass = useHorizontalSizeClass();
+  const isMobile = Platform.OS === 'android' || (Platform.OS === 'ios' && Platform.isPad === false);
+  // If on iPad we are presented in a Split View or Slide Over context, show the single pane view.
+  const shouldShowSinglePane = isMobile || (!isMobile && sizeClass === 'compact');
+  const customTheme = new ThemeReference(
+    testerTheme,
+    () => {
+      return {
+        colors: { brandBackground2: 'red' }, // Overrides the buttonBackground color token, all other colors are kept in-tact.
+      };
+    },
+    () => {
+      return {
+        colors: {
+          hostColorPink: 'pink', // New custom color key.
+          hostColorBrandText: 'purple', // New custom color key.
+          hostColorButtonBackground: 'yellow', // New custom color key.
+        },
+        spacing: {
+          s1: '10px',
+        },
+      };
+    },
+    () => {
+      // Any other recipe.
+      return {
+        colors: {
+          yellowBrandColor: 'yellow', // New custom color key.
+          hostColorButtonBackground: 'green', // Overrides custom color key 'hostColorButtonBackground' - it is green in theme now.
+        },
+      };
+    },
+  );
+  // Use the custom colors for Android and iOS.
+  const fluentTesterTheme = isMobile ? customTheme : testerTheme;
+  return _jsx(ThemeProvider, {
+    theme: fluentTesterTheme,
+    children: _jsx(FluentTester, { enableSinglePaneView: shouldShowSinglePane, ...props }),
+  });
+};
+//# sourceMappingURL=FluentTesterApp.js.map

package/lib/FluentTesterApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC;IAC3D,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAElG,gGAAgG;IAChG,MAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,MAAM,WAAW,GAAG,IAAI,cAAc,CACpC,WAAW,EACX,GAAG,EAAE,CAAC;QACJ,OAAO;YACL,MAAM,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,iFAAiF;SACvH,CAAC;IAAA,CACH,EACD,GAAG,EAAE,CAAC;QACJ,OAAO;YACL,MAAM,EAAE;gBACN,aAAa,EAAE,MAAM,EAAE,wBAAwB;gBAC/C,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB;gBACtD,yBAAyB,EAAE,QAAQ,EAAE,wBAAwB;aAC9D;YACD,OAAO,EAAE;gBACP,EAAE,EAAE,MAAM;aACX;SACF,CAAC;IAAA,CACH,EACD,GAAG,EAAE,CAAC;QACJ,oBAAoB;QACpB,OAAO;YACL,MAAM,EAAE;gBACN,gBAAgB,EAAE,QAAQ,EAAE,wBAAwB;gBACpD,yBAAyB,EAAE,OAAO,EAAE,qFAAqF;aAC1H;SACF,CAAC;IAAA,CACH,CACF,CAAC;IAEF,6CAA6C;IAC7C,MAAM,iBAAiB,GAAmB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAE/E,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,iBAAiB,YACrC,KAAC,YAAY,IAAC,oBAAoB,EAAE,oBAAoB,KAAM,KAAK,GAAI,GACzD,CACjB,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts

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

package/lib/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicatorTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyF/B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAazC,CAAC"}

package/lib/TestComponents/ActivityIndicator/ActivityIndicatorTest.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, Switch } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { ACTIVITY_INDICATOR_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { ActivityIndicator } from '@fluentui-react-native/experimental-activity-indicator';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+const BasicActivityIndicator = () => {
+  const [animating, setAnimating] = React.useState(true);
+  const [hidesWhenStopped, setHidesWhenStopped] = React.useState(true);
+  return _jsx(Stack, {
+    style: stackStyle,
+    children: _jsxs(View, {
+      style: commonStyles.root,
+      children: [
+        _jsxs(View, {
+          style: commonStyles.settings,
+          children: [
+            _jsxs(View, {
+              style: commonStyles.switch,
+              children: [_jsx(Text, { children: 'Animating' }), _jsx(Switch, { value: animating, onValueChange: setAnimating })],
+            }),
+            _jsxs(View, {
+              style: commonStyles.switch,
+              children: [
+                _jsx(Text, { children: 'HidesWhenStopped' }),
+                _jsx(Switch, { value: hidesWhenStopped, onValueChange: setHidesWhenStopped }),
+              ],
+            }),
+          ],
+        }),
+        _jsx(ActivityIndicator, { animating: animating, hidesWhenStopped: hidesWhenStopped }),
+      ],
+    }),
+  });
+};
+const ActivityIndicatorMainTest = () => {
+  return _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsx(Text, { children: 'Extra Small' }),
+      _jsx(ActivityIndicator, { size: 'xSmall' }),
+      _jsx(Text, { children: 'Small' }),
+      _jsx(ActivityIndicator, { size: 'small' }),
+      _jsx(Text, { children: 'Medium' }),
+      _jsx(ActivityIndicator, { size: 'medium' }),
+      _jsx(Text, { children: 'Large' }),
+      _jsx(ActivityIndicator, { size: 'large' }),
+      _jsx(Text, { children: 'Extra Large' }),
+      _jsx(ActivityIndicator, { size: 'xLarge' }),
+      _jsx(Text, { children: 'Size=xLarge and Line Thickness=large' }),
+      _jsx(ActivityIndicator, { size: 'xLarge', lineThickness: 'large' }),
+      _jsx(Text, { children: 'Color props' }),
+      _jsx(ActivityIndicator, { activityIndicatorColor: 'orange', accessibilityLabel: 'orange progressbar' }),
+    ],
+  });
+};
+const CustomizedActivityIndicator = ActivityIndicator.customize({
+  activityIndicatorColor: 'orange',
+  size: 'large',
+});
+const CustomizedActivityIndicatorTest = () => {
+  return _jsxs(Stack, {
+    style: stackStyle,
+    children: [_jsx(Text, { children: 'Customized Activity Indicator' }), _jsx(CustomizedActivityIndicator, {})],
+  });
+};
+const activityIndicatorSections = [
+  {
+    name: 'Base ActivityIndicator',
+    testID: ACTIVITY_INDICATOR_TESTPAGE,
+    component: BasicActivityIndicator,
+  },
+  {
+    name: 'ActivityIndicator',
+    testID: ACTIVITY_INDICATOR_TESTPAGE,
+    component: ActivityIndicatorMainTest,
+  },
+  {
+    name: 'Customized ActivityIndicator',
+    testID: ACTIVITY_INDICATOR_TESTPAGE,
+    component: CustomizedActivityIndicatorTest,
+  },
+];
+export const ActivityIndicatorTest = () => {
+  const status = {
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
+  };
+  const description =
+    'ActivityIndicator is a visual representation that data is being loaded. It is implemented with a View wrapping an Animated SVG. The View is to ensure that AccessibilityRole works. AccessibilityRole currently does not work on SVGs.';
+  return _jsx(Test, { name: 'ActivityIndicator Test', description: description, sections: activityIndicatorSections, status: status });
+};
+//# sourceMappingURL=ActivityIndicatorTest.js.map

package/lib/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map

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

package/lib/TestComponents/ActivityIndicator/index.d.ts

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

package/lib/TestComponents/ActivityIndicator/index.d.ts.map

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

package/lib/TestComponents/ActivityIndicator/index.js

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

package/lib/TestComponents/ActivityIndicator/index.js.map

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

package/lib/TestComponents/Avatar/AvatarTest.d.ts

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

package/lib/TestComponents/Avatar/AvatarTest.d.ts.map

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

package/lib/TestComponents/Avatar/AvatarTest.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Platform } from 'react-native';
+import { AVATAR_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Test } from '../Test';
+import { StandardUsage } from './BasicAvatar';
+import { CustomizeUsage } from './CustomizedAvatar';
+import { E2EAvatarTest } from './E2EAvatarTest';
+const avatarSections = [
+  {
+    name: 'Standard Usage',
+    testID: AVATAR_TESTPAGE,
+    component: StandardUsage,
+  },
+  ...Platform.select({
+    android: [null],
+    default: [
+      {
+        name: 'Customize Usage',
+        component: CustomizeUsage,
+      },
+    ],
+  }),
+];
+const e2eSections = [
+  {
+    name: 'Avatar E2E',
+    component: E2EAvatarTest,
+  },
+];
+export const AvatarTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  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.';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Avatar/SPEC.md';
+  return _jsx(Test, {
+    name: 'Avatar Test',
+    description: description,
+    spec: spec,
+    sections: avatarSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=AvatarTest.js.map

package/lib/TestComponents/Avatar/AvatarTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAGrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,aAAa;KACzB;IACD,GAAG,QAAQ,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,iBAAiB;gBACvB,SAAS,EAAE,cAAc;aAC1B;SACF;KACF,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA4B,GAAG,EAAE,CAAC;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,MAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,CACL,KAAC,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;AAAA,CACH,CAAC"}

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