@fluentui-react-native/tester 0.129.2 → 0.129.4

package/src/TestComponents/Callout/CalloutTest.tsx

@@ -1,17 +1,11 @@
 import * as React from 'react';
-import { ScreenRect, Text, View, Switch, ScrollView } from 'react-native';
-import {
-  Button,
-  Callout,
-  Separator,
-  IFocusable,
-  Pressable,
-  RestoreFocusEvent,
-  DismissBehaviors,
-  StealthButton,
-} from '@fluentui/react-native';
+import type { ScreenRect } from 'react-native';
+import { Text, View, Switch, ScrollView } from 'react-native';
+import type { IFocusable, RestoreFocusEvent, DismissBehaviors } from '@fluentui/react-native';
+import { Button, Callout, Separator, Pressable, StealthButton } from '@fluentui/react-native';
 import { CALLOUT_TESTPAGE } from '../../../../E2E/src/Callout/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { E2ECalloutTest } from './CalloutE2ETest';
 import { fluentTesterStyles } from '../Common/styles';
 import { MenuPicker } from '../Common/MenuPicker';

package/src/TestComponents/CheckboxLegacy/CheckboxLegacyTest.tsx

@@ -1,11 +1,13 @@
 import { Checkbox } from '@fluentui/react-native';
-import { Theme, useTheme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/theme-types';
 import * as React from 'react';
 import { View, TextInput } from 'react-native';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { CHECKBOX_TESTPAGE } from '../../../../E2E/src/CheckboxLegacy/consts';
 import { CheckboxLegacyE2ETest } from './CheckboxLegacyE2ETest';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 
 function onChangeUncontrolled(isChecked: boolean) {

package/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx

@@ -1,12 +1,14 @@
 import * as React from 'react';
 import { CHECKBOXV1_TESTPAGE } from '../../../../E2E/src/CheckboxV1/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
-import { Theme, useTheme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/theme-types';
 import { View, TextInput, Platform } from 'react-native';
 import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
 import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
-import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 

package/src/TestComponents/ColorTokens/ColorTokenTest.tsx

@@ -1,18 +1,22 @@
 import * as React from 'react';
-import { View, ViewStyle, StyleSheet, ColorValue, Platform } from 'react-native';
-import { useTheme, Theme } from '@fluentui-react-native/theme-types';
+import type { ViewStyle, ColorValue } from 'react-native';
+import { View, StyleSheet, Platform } from 'react-native';
+import type { Theme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/theme-types';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
 import { createOfficeAliasTokens } from '@fluentui-react-native/win32-theme';
 import { createAliasTokens } from '@fluentui-react-native/default-theme';
 import { commonTestStyles } from '../Common/styles';
 import { Text, ToggleButton } from '@fluentui/react-native';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '../../../../E2E/src/ColorTokens/consts';
 import { testProps } from '../Common/TestProps';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import Svg, { G, Path, SvgProps } from 'react-native-svg';
-import { SvgIconProps } from '@fluentui-react-native/icon';
+import type { SvgProps } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
+import type { SvgIconProps } from '@fluentui-react-native/icon';
 
 const getThemedStyles = themedStyleSheet((theme: Theme) => {
   return {

package/src/TestComponents/Common/AlignmentPicker.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { undefinedText } from '../PersonaCoin/styles';
-import { IconAlignment } from '@fluentui/react-native';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { IconAlignment } from '@fluentui/react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import { MenuPicker } from './MenuPicker';
 
 const alignmentValues: Array<typeof undefinedText | IconAlignment> = [undefinedText, 'start', 'center', 'end'];

package/src/TestComponents/Common/MenuPicker.desktop.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
-import { MenuPickerProps, CollectionItem } from './MenuPicker';
+import type { MenuPickerProps, CollectionItem } from './MenuPicker';
+export type { MenuPickerProps, CollectionItem } from './MenuPicker';
 import { ButtonV1 as Button, Text } from '@fluentui/react-native';
 import { SvgXml } from 'react-native-svg';
 

package/src/TestComponents/Common/MenuPicker.windows.tsx

@@ -1,7 +1,7 @@
 export * from './MenuPicker.desktop';
 import * as React from 'react';
 import { Button, Text, View, StyleSheet } from 'react-native';
-import { MenuPickerProps, CollectionItem } from './MenuPicker';
+import type { MenuPickerProps, CollectionItem } from './MenuPicker';
 
 export const MenuPicker: React.FunctionComponent<MenuPickerProps> = (props: MenuPickerProps) => {
   const { prompt, onChange, collection } = props;

package/src/TestComponents/Common/Slider.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { ViewProps, StyleSheet, StyleProp, ViewStyle, UIManager, Text, findNodeHandle, View } from 'react-native';
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import { StyleSheet, UIManager, Text, findNodeHandle, View } from 'react-native';
 import { Separator, Pressable } from '@fluentui/react-native';
-import { IPressableState } from '@fluentui-react-native/interactive-hooks';
+import type { IPressableState } from '@fluentui-react-native/interactive-hooks';
 
 const thumbSize = 20;
 const defaultMaximumValue = 100;

package/src/TestComponents/Common/Square.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ViewProps, View, StyleProp, ViewStyle, ColorValue } from 'react-native';
+import type { ViewProps, StyleProp, ViewStyle, ColorValue } from 'react-native';
+import { View } from 'react-native';
 
 export interface ISquareProps extends ViewProps {
   color?: ColorValue;

package/src/TestComponents/Common/StyledPicker.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MenuPicker } from './MenuPicker';
-import { ColorValue } from 'react-native';
+import type { ColorValue } from 'react-native';
 import { useTheme } from '@fluentui-react-native/theme-types';
 import { commonTestStyles as commonStyles } from './styles';
 

package/src/TestComponents/Common/iconExamples.tsx

@@ -1,5 +1,5 @@
 import { Platform } from 'react-native';
-import { SvgIconProps, FontIconProps, IconProps } from '@fluentui-react-native/icon';
+import type { SvgIconProps, FontIconProps, IconProps } from '@fluentui-react-native/icon';
 import TestSvg from '../../../assets/test.svg';
 
 export const svgProps: SvgIconProps = {

package/src/TestComponents/Common/styles.ts

@@ -1,5 +1,5 @@
 import { StyleSheet } from 'react-native';
-import { IStackProps } from '@fluentui-react-native/stack';
+import type { IStackProps } from '@fluentui-react-native/stack';
 
 export const commonTestStyles = StyleSheet.create({
   root: {

package/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx

@@ -12,7 +12,8 @@ import {
   Checkbox,
 } from '@fluentui/react-native';
 import { CONTEXTUALMENU_TESTPAGE } from '../../../../E2E/src/ContextualMenu/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { svgProps, fontProps, testImage } from '../Common/iconExamples';
 import { E2EContextualMenuTest } from './E2EContextualMenuTest';
 

package/src/TestComponents/CornerRadius/CornerRadiusTest.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { HOMEPAGE_CORNERRADIUS_TESTPAGE } from '../../../../E2E/src/CornerRadiusTokens/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { View } from 'react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';

package/src/TestComponents/Drawer/DrawerTest.tsx

@@ -7,7 +7,8 @@ import { Drawer } from '@fluentui-react-native/experimental-drawer';
 import { Stack } from '@fluentui-react-native/stack';
 import { Icon } from '@fluentui-react-native/icon';
 import { DRAWER_TESTPAGE } from './consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { svgProps } from '../Common/iconExamples';
 
 const BasicDrawer: React.FunctionComponent = () => {

package/src/TestComponents/Dropdown/DropdownTest.tsx

@@ -3,7 +3,8 @@ import { Option, Dropdown } from '@fluentui-react-native/dropdown';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { DROPDOWN_TESTPAGE } from './consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const DropdownDefault: React.FunctionComponent = () => {
   return (

package/src/TestComponents/Expander/ExpanderTest.tsx

@@ -3,7 +3,8 @@ import { Expander } from '@fluentui-react-native/experimental-expander';
 import { Text } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { EXPANDER_TESTPAGE } from './consts';
 import { View, Switch } from 'react-native';
 

package/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx

@@ -1,11 +1,15 @@
-import { FocusTrapZone, IFocusTrapZoneProps, Text } from '@fluentui/react-native';
-import { KeyPressEvent, useFocusState } from '@fluentui-react-native/interactive-hooks';
+import type { IFocusTrapZoneProps } from '@fluentui/react-native';
+import { FocusTrapZone, Text } from '@fluentui/react-native';
+import type { KeyPressEvent } from '@fluentui-react-native/interactive-hooks';
+import { useFocusState } from '@fluentui-react-native/interactive-hooks';
 import { Stack } from '@fluentui-react-native/stack';
 import * as React from 'react';
-import { TouchableHighlight, TouchableHighlightProps, View, ViewProps } from 'react-native';
+import type { TouchableHighlightProps, ViewProps } from 'react-native';
+import { TouchableHighlight, View } from 'react-native';
 import { stackStyle } from '../Common/styles';
 import { FOCUSTRAPZONE_TESTPAGE } from '../../../../E2E/src/FocusTrapZone/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const trapZoneStyle: IFocusTrapZoneProps['style'] = {
   padding: 10,

package/src/TestComponents/FocusZone/FocusZoneE2ETest.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import { View } from 'react-native';
-import { FocusZoneDirection, FocusZone, MenuButton, Text } from '@fluentui/react-native';
+import type { FocusZoneDirection } from '@fluentui/react-native';
+import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
 import { Switch } from '@fluentui-react-native/switch';
-import { ButtonV1 as Button, ButtonProps } from '@fluentui-react-native/button';
+import type { ButtonProps } from '@fluentui-react-native/button';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { commonTestStyles } from '../Common/styles';
 import {
   FOCUSZONE_TEST_COMPONENT,

package/src/TestComponents/FocusZone/FocusZoneTest.tsx

@@ -1,13 +1,17 @@
 import * as React from 'react';
 import { View, ScrollView, Pressable } from 'react-native';
-import { FocusZone, FocusZoneDirection, Text, useOnPressWithFocus } from '@fluentui/react-native';
+import type { FocusZoneDirection } from '@fluentui/react-native';
+import { FocusZone, Text, useOnPressWithFocus } from '@fluentui/react-native';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
-import { Checkbox, CheckboxProps } from '@fluentui-react-native/experimental-checkbox';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { CheckboxProps } from '@fluentui-react-native/experimental-checkbox';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { FOCUSZONE_TESTPAGE } from '../../../../E2E/src/FocusZone/consts';
 import { focusZoneTestStyles, SubheaderText } from './styles';
 import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, GridOfButtons } from './FocusZoneE2ETest';
-import { MenuPicker, CollectionItem } from '../Common/MenuPicker';
+import type { CollectionItem } from '../Common/MenuPicker';
+import { MenuPicker } from '../Common/MenuPicker';
 
 const directionCollection: CollectionItem[] = FocusZoneDirections.map((dir) => ({ label: dir, value: dir }));
 

package/src/TestComponents/Icon/IconLegacyE2ETest.tsx

@@ -4,7 +4,7 @@ import { View } from 'react-native';
 import { Text } from '@fluentui/react-native';
 import { Icon } from '@fluentui-react-native/icon';
 import { ICON_ACCESSIBILITY_LABEL } from '../../../../E2E/src/IconLegacy/consts';
-import { RasterImageIconProps } from '@fluentui-react-native/icon';
+import type { RasterImageIconProps } from '@fluentui-react-native/icon';
 import { testImage } from '../Common/iconExamples';
 
 export const E2ETestingIcon: React.FunctionComponent = () => {

package/src/TestComponents/Icon/IconTest.tsx

@@ -2,8 +2,10 @@
 import * as React from 'react';
 import { Platform, PlatformColor, View } from 'react-native';
 import { Text } from '@fluentui/react-native';
-import { Icon, RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
+import { Icon } from '@fluentui-react-native/icon';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { ICON_TESTPAGE } from '../../../../E2E/src/IconLegacy/consts';
 import { E2ETestingIcon } from './IconLegacyE2ETest';
 import { IconV1E2ETest } from './IconV1E2ETest';

package/src/TestComponents/Icon/IconV1.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
-import { FontIcon, SvgIcon, IconV1, FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
+import type { FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
+import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
 import { Text, View } from 'react-native';
 import TestSvg from '../../../assets/test.svg';
 

package/src/TestComponents/Icon/IconV1E2ETest.tsx

@@ -2,7 +2,8 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { Text } from '@fluentui/react-native';
-import { FontIcon, SvgIcon, IconV1, FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
+import type { FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
+import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
 import {
   ICON_ACCESSIBILITY_LABEL,
   ICON_TEST_COMPONENT,

package/src/TestComponents/LinkLegacy/LinkLegacyTest.tsx

@@ -4,7 +4,8 @@ import { Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { LINK_TESTPAGE } from '../../../../E2E/src/LinkLegacy/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { E2ELinkLegacyTest } from './E2ELinkLegacyTest';
 
 const Links: React.FunctionComponent = () => {

package/src/TestComponents/LinkV1/LinkV1Test.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { Alert, View, StyleSheet, Text, TextInput } from 'react-native';
-import { LinkV1 as Link, LinkTokens } from '@fluentui/react-native';
+import type { LinkTokens } from '@fluentui/react-native';
+import { LinkV1 as Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
 import { LINKV1_TESTPAGE } from '../../../../E2E/src/LinkV1/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { E2ELinkV1Test } from './E2ELinkV1Test';
 import { Platform } from 'react-native';
 import { InlineLinks } from './InlineLinksTest';

package/src/TestComponents/Menu/MenuTest.tsx

@@ -13,7 +13,8 @@ import {
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { MENU_TESTPAGE } from '../../../../E2E/src/Menu/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { TextV1 as Text } from '@fluentui-react-native/text';
 import { E2EMenuTest } from './E2EMenuTest';
 import { MenuTriggerHoverCallback, MenuTriggerOnClickCallback } from './MenuTriggerCallbacks';

package/src/TestComponents/Menu/MenuTriggerCallbacks.tsx

@@ -3,7 +3,7 @@ import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
-import { ColorValue } from 'react-native';
+import type { ColorValue } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 
 export const MenuTriggerOnClickCallback: React.FunctionComponent = () => {

package/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyE2ETest.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { MenuButton, ContextualMenuProps } from '@fluentui/react-native';
+import type { ContextualMenuProps } from '@fluentui/react-native';
+import { MenuButton } from '@fluentui/react-native';
 import { Text, View } from 'react-native';
 import { menuItems } from './testData';
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';

package/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTest.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { MENU_BUTTON_TESTPAGE } from '../../../../E2E/src/MenuButtonLegacy/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { StandardMenuButton } from './StandardMenuButtonTest';
 import { NestedMenuButton } from './NestedMenuButtonTest';
 import { CustomizedMenuButton } from './CustomizedMenuButtonTest';

package/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTestStyles.ts

@@ -1,4 +1,4 @@
-import { ViewStyle, TextStyle } from 'react-native';
+import type { ViewStyle, TextStyle } from 'react-native';
 export const viewWrapperStyle: ViewStyle = { flexDirection: 'row', paddingVertical: 5 };
 export const columnStyle: ViewStyle = { flexDirection: 'column', paddingHorizontal: 5 };
 export const rowStyle: ViewStyle = { flexDirection: 'row' };

package/src/TestComponents/MenuButtonLegacy/StandardMenuButtonTest.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { Separator, MenuButton, ContextualMenuProps } from '@fluentui/react-native';
+import type { ContextualMenuProps } from '@fluentui/react-native';
+import { Separator, MenuButton } from '@fluentui/react-native';
 import { Text, View, Switch, Platform } from 'react-native';
 import { menuItems, iconProps } from './testData';
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
-import { IconSourcesType } from '@fluentui-react-native/icon';
+import type { IconSourcesType } from '@fluentui-react-native/icon';
 import { testImage } from '../Common/iconExamples';
 
 export const StandardMenuButton: React.FunctionComponent = () => {

package/src/TestComponents/MenuButtonLegacy/testData.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { MenuButtonItemProps } from '@fluentui/react-native';
+import type { MenuButtonItemProps } from '@fluentui/react-native';
 import { MENU_ITEM_1_COMPONENT } from '../../../../E2E/src/MenuButtonLegacy/consts';
 import { svgProps, testImage } from '../Common/iconExamples';
 

package/src/TestComponents/MenuButtonV1/MenuButtonV1E2ETest.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { ContextualMenuProps } from '@fluentui/react-native';
+import type { ContextualMenuProps } from '@fluentui/react-native';
 import { Text, View } from 'react-native';
 import { menuItems } from './testData';
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';

package/src/TestComponents/MenuButtonV1/MenuButtonV1Test.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { MENUBUTTONV1_TESTPAGE } from '../../../../E2E/src/MenuButtonV1/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { StandardMenuButton } from './StandardMenuButtonTest';
 import { NestedMenuButton } from './NestedMenuButtonTest';
 import { MenuButtonV1E2ETest } from './MenuButtonV1E2ETest';

package/src/TestComponents/MenuButtonV1/MenuButtonV1TestStyles.ts

@@ -1,4 +1,4 @@
-import { ViewStyle, TextStyle } from 'react-native';
+import type { ViewStyle, TextStyle } from 'react-native';
 export const viewWrapperStyle: ViewStyle = { flexDirection: 'row', paddingVertical: 5 };
 export const columnStyle: ViewStyle = { flexDirection: 'column', paddingHorizontal: 5 };
 export const rowStyle: ViewStyle = { flexDirection: 'row' };

package/src/TestComponents/MenuButtonV1/StandardMenuButtonTest.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { Separator, ContextualMenuProps } from '@fluentui/react-native';
+import type { ContextualMenuProps } from '@fluentui/react-native';
+import { Separator } from '@fluentui/react-native';
 import { Text, View, Switch, Platform } from 'react-native';
 import { menuItems, iconProps } from './testData';
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
-import { IconSourcesType } from '@fluentui-react-native/icon';
+import type { IconSourcesType } from '@fluentui-react-native/icon';
 import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
 import { testImage } from '../Common/iconExamples';
 

package/src/TestComponents/MenuButtonV1/testData.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { MenuButtonItemProps } from '@fluentui/react-native';
+import type { MenuButtonItemProps } from '@fluentui/react-native';
 import { testImage, svgProps } from '../Common/iconExamples';
 
 export const menuItems: MenuButtonItemProps[] = [

package/src/TestComponents/NativeDatePicker/NativeDatePickerTest.tsx

@@ -1,7 +1,8 @@
 import { Button } from '@fluentui-react-native/button';
 import { NativeDatePicker } from '@fluentui-react-native/experimental-native-date-picker';
 import { NATIVEDATEPICKER_TESTPAGE } from './consts';
-import { PlatformStatus, Test, TestSection } from '../Test';
+import type { PlatformStatus, TestSection } from '../Test';
+import { Test } from '../Test';
 import * as React from 'react';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';

package/src/TestComponents/Notification/NotificationTest.tsx

@@ -1,12 +1,14 @@
 import * as React from 'react';
-import { Notification, NotificationVariant, NotificationVariants } from '@fluentui-react-native/notification';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { NotificationVariant } from '@fluentui-react-native/notification';
+import { Notification, NotificationVariants } from '@fluentui-react-native/notification';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 import { Animated, StyleSheet, Switch, TextInput, View } from 'react-native';
 import { Text } from '@fluentui-react-native/experimental-text';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { StyledPicker } from '../Common/StyledPicker';
 import { commonTestStyles as commonStyles } from '../Common/styles';
-import { SvgIconProps } from '@fluentui-react-native/icon';
+import type { SvgIconProps } from '@fluentui-react-native/icon';
 import PlayButton from './assets/play_button.svg';
 
 const svgProps: SvgIconProps = {

package/src/TestComponents/Persona/CustomizeUsage.tsx

@@ -3,7 +3,8 @@ import { View, Text, Switch, TextInput } from 'react-native';
 import { Persona } from '@fluentui/react-native';
 import { michaelImageUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
-import { Theme, useTheme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/theme-types';
 import { Slider } from '../Common/Slider';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 

package/src/TestComponents/Persona/PersonaTest.tsx

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { StandardUsage } from './StandardUsage';
 import { CustomizeUsage } from './CustomizeUsage';
 import { PERSONA_TESTPAGE } from '../../../../E2E/src/Persona/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const personaSections: TestSection[] = [
   {

package/src/TestComponents/Persona/StandardUsage.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { Persona, PersonaSize } from '@fluentui/react-native';
+import type { PersonaSize } from '@fluentui/react-native';
+import { Persona } from '@fluentui/react-native';
 import { satyaImageUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { View, Text, Switch } from 'react-native';

package/src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { PersonaCoin } from '@fluentui/react-native';
 import { Switch, View, Text, TextInput, StyleSheet } from 'react-native';
 import Slider from '@react-native-community/slider';
-import { steveBallmerPhotoUrl, undefinedText } from './styles';
+import type { undefinedText } from './styles';
+import { steveBallmerPhotoUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';
 

package/src/TestComponents/PersonaCoin/CustomizeUsage.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { PersonaCoin, IconAlignment } from '@fluentui/react-native';
+import type { IconAlignment } from '@fluentui/react-native';
+import { PersonaCoin } from '@fluentui/react-native';
 import { Switch, View, Text, TextInput } from 'react-native';
 import { Slider } from '../Common/Slider';
 import { steveBallmerPhotoUrl } from './styles';
-import { Theme, useTheme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/theme-types';
 import { AlignmentPicker } from '../Common/AlignmentPicker';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';

package/src/TestComponents/PersonaCoin/PersonaCoinTest.tsx

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { StandardUsage } from './StandardUsage';
 import { CustomizeUsage } from './CustomizeUsage';
 import { PERSONACOIN_TESTPAGE } from '../../../../E2E/src/PersonaCoin/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const personaCoinSections: TestSection[] = [
   {

package/src/TestComponents/PersonaCoin/StandardUsage.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { PersonaSize, PersonaCoinFluentColor, PersonaCoin, PersonaPresence } from '@fluentui/react-native';
+import type { PersonaSize, PersonaCoinFluentColor, PersonaPresence } from '@fluentui/react-native';
+import { PersonaCoin } from '@fluentui/react-native';
 import { StyledPicker } from '../Common/StyledPicker';
-import { Switch, View, Text, ColorValue } from 'react-native';
+import type { ColorValue } from 'react-native';
+import { Switch, View, Text } from 'react-native';
 import { satyaPhotoUrl, undefinedText } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';