@fluentui-react-native/tester 0.126.16 → 0.126.18

package/src/TestComponents/MenuButton/StandardMenuButtonTest.tsx

@@ -1,113 +0,0 @@
-import * as React from 'react';
-import { Separator, MenuButton, ContextualMenuProps } from '@fluentui/react-native';
-import { Text, View, Switch, Platform } from 'react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonTestStyles';
-import { IconSourcesType } from '@fluentui-react-native/icon';
-import { testImage } from '../Common/iconExamples';
-
-export const StandardMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
-  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
-
-  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
-  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const contextualMenuProps: ContextualMenuProps = {
-    accessibilityLabel: 'MenuButton',
-    shouldFocusOnMount: focusOnMount,
-    shouldFocusOnContainer: focusOnContainer,
-  };
-
-  const iconToShow: IconSourcesType = Platform.select({
-    macos: testImage, //GH #931, macOS MenuButton only supports showing PNG icons
-    default: iconProps,
-  });
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <View style={rowStyle}>
-            <Text>Should Focus on Mount</Text>
-            <Switch value={focusOnMount} onValueChange={toggleFocusOnMount} />
-          </View>
-
-          <View style={rowStyle}>
-            <Text>Should Focus on Container</Text>
-            <Switch value={focusOnContainer} onValueChange={toggleFocusOnContainer} />
-          </View>
-        </View>
-
-        <Separator vertical />
-
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content="Standard MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>MenuButton with icon</Text>
-              <MenuButton
-                startIcon={iconToShow}
-                content="MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>MenuButton with only icon</Text>
-              <MenuButton startIcon={iconToShow} menuItems={menuItems} onItemClick={onItemClick} contextualMenu={contextualMenuProps} />
-              <Text>Disabled MenuButton</Text>
-              <MenuButton disabled content="Disabled MenuButton" menuItems={menuItems} />
-            </View>
-            <Separator vertical />
-            <View style={columnStyle}>
-              <MenuButton
-                primary
-                content="Primary MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary MenuButton with icon</Text>
-              <MenuButton
-                primary
-                startIcon={iconToShow}
-                content="Primary MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary MenuButton with only icon</Text>
-              <MenuButton
-                primary
-                startIcon={iconToShow}
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary Disabled MenuButton</Text>
-              <MenuButton primary disabled content="Disabled Primary MenuButton" menuItems={menuItems} />
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButton/index.ts

@@ -1 +0,0 @@
-export * from './MenuButtonTest';

package/src/TestComponents/MenuButton/testData.ts

@@ -1,24 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-import { MenuButtonItemProps } from '@fluentui/react-native';
-import { MENU_ITEM_1_COMPONENT } from '../../../../E2E/src/MenuButton/consts';
-import { svgProps, testImage } from '../Common/iconExamples';
-
-export const menuItems: MenuButtonItemProps[] = [
-  {
-    itemKey: '1',
-    text: 'MenuItem 1',
-    icon: testImage,
-    testID: MENU_ITEM_1_COMPONENT,
-  },
-  {
-    itemKey: '2',
-    text: 'MenuItem 2',
-  },
-  {
-    itemKey: '3',
-    text: 'MenuItem 3',
-    disabled: true,
-  },
-];
-
-export const iconProps = { svgSource: svgProps, width: 12, height: 12 };

package/src/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.tsx

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { Text, View } from 'react-native';
-import { MenuButton } from '@fluentui/react-native';
-import { menuItems } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle } from './MenuButtonTestStyles';
-
-const StyledMenuButton = MenuButton.customize({
-  button: {
-    borderRadius: 4,
-    backgroundColor: '#0095ff',
-    borderWidth: 0,
-    color: '#fff',
-    variant: 'heroSemibold',
-    fontFamily: 'Georgia',
-  },
-  contextualMenu: { backgroundColor: '#a9dbff' },
-});
-
-export const CustomizedMenuButton: React.FunctionComponent = () => {
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <View style={rowStyle}>
-            <Text>MenuButton with customized UI</Text>
-          </View>
-        </View>
-      </View>
-      <StyledMenuButton content="styled MenuButton" menuItems={menuItems} />
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/ExperimentalMenuButtonE2ETest.tsx

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { ContextualMenuProps } from '@fluentui/react-native';
-import { Text, View } from 'react-native';
-import { menuItems } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonTestStyles';
-import {
-  EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT,
-  EXPERIMENTAL_MENU_BUTTON_ACCESSIBILITY_LABEL,
-  EXPERIMENTAL_MENU_BUTTON_NO_A11Y_LABEL_COMPONENT,
-  EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT_LABEL,
-} from '../../../../E2E/src/MenuButtonExperimental/consts';
-import { testProps } from '../Common/TestProps';
-
-export const E2ETestExperimentalMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const contextualMenuProps: ContextualMenuProps = {
-    accessibilityLabel: 'MenuButton',
-    shouldFocusOnMount: true,
-    shouldFocusOnContainer: false,
-  };
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content="Standard MenuButton with Accessibility Label"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-                accessibilityLabel={EXPERIMENTAL_MENU_BUTTON_ACCESSIBILITY_LABEL}
-                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-                {...testProps(EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT)}
-              />
-            </View>
-          </View>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content={EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT_LABEL}
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-                {...testProps(EXPERIMENTAL_MENU_BUTTON_NO_A11Y_LABEL_COMPONENT)}
-              />
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/MenuButtonTest.tsx

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { MENU_BUTTON_EXPERIMENTAL_TESTPAGE } from '../../../../E2E/src/MenuButtonExperimental/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
-import { StandardMenuButton } from './StandardMenuButtonTest';
-import { NestedMenuButton } from './NestedMenuButtonTest';
-import { E2ETestExperimentalMenuButton } from './ExperimentalMenuButtonE2ETest';
-import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
-
-const menuButtonSections: TestSection[] = [
-  {
-    name: 'Standard MenuButton',
-    testID: MENU_BUTTON_EXPERIMENTAL_TESTPAGE,
-    component: StandardMenuButton,
-  },
-  {
-    name: 'Nested MenuButton',
-    component: NestedMenuButton,
-  },
-  {
-    name: 'MenuButton with customized UI',
-    component: CustomizedMenuButton,
-  },
-  {
-    name: 'E2E Testing MenuButton',
-    component: E2ETestExperimentalMenuButton,
-  },
-];
-
-export const ExperimentalMenuButtonTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
-  };
-
-  const description =
-    'MenuButton is a component which contains ContextualMenu and Button components. This control combines and simplifies the API for customers.\nClicking on MenuButton opens ContextualMenu. It can have Submenu. But selection checks and a beak are not implemented.';
-
-  return <Test name="Experimental MenuButton Test" description={description} sections={menuButtonSections} status={status} />;
-};

package/src/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.tsx

@@ -1,150 +0,0 @@
-import * as React from 'react';
-import { Text, View, Switch } from 'react-native';
-import { Separator } from '@fluentui/react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonTestStyles';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { testImage } from '../Common/iconExamples';
-
-export const NestedMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
-  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
-
-  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
-  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const [showSubmenu, setShowSubmenu] = React.useState(false);
-  const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
-  const [lastSubmenuItemClicked, setSubmenuLastItemClicked] = React.useState(null);
-
-  const toggleShowSubmenu = React.useCallback(() => {
-    setShowSubmenu(!showSubmenu);
-    setIsSubmenuVisible(!isSubmenuVisible);
-  }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
-
-  const onShowSubmenu = React.useCallback(() => {
-    setIsSubmenuVisible(true);
-  }, [setIsSubmenuVisible]);
-
-  const onDismissSubmenu = React.useCallback(() => {
-    setShowSubmenu(false);
-  }, [setShowSubmenu]);
-
-  const onSubmenuItemClick = React.useCallback(
-    (key) => {
-      setSubmenuLastItemClicked(key);
-    },
-    [setSubmenuLastItemClicked],
-  );
-
-  const nestedMenuItems = [
-    ...menuItems,
-    {
-      hasSubmenu: true,
-      itemKey: '4',
-      text: 'SubmenuItem svg icon',
-      componentRef: React.useRef(null),
-      icon: iconProps,
-      onHoverIn: toggleShowSubmenu,
-      showSubmenu,
-      submenuProps: {
-        onShow: onShowSubmenu,
-        setShowMenu: toggleShowSubmenu,
-        onDismiss: onDismissSubmenu,
-        onItemClick: onSubmenuItemClick,
-      },
-      submenuItems: [
-        {
-          icon: iconProps,
-          text: 'SubmenuItem svg icon',
-          itemKey: '1',
-        },
-        {
-          itemKey: '2',
-          text: 'SubmenuItem 2',
-          disabled: true,
-        },
-        {
-          itemKey: '3',
-          text: 'SubmenuItem 3',
-        },
-      ],
-    },
-    {
-      itemKey: '5',
-      text: 'Menu Item',
-    },
-    {
-      hasSubmenu: true,
-      itemKey: '6',
-      text: 'SubmenuItem',
-      componentRef: React.useRef(null),
-      submenuProps: {
-        onItemClick: onSubmenuItemClick,
-      },
-      submenuItems: [
-        {
-          text: 'SubmenuItem 1',
-          itemKey: '1',
-        },
-        {
-          itemKey: '2',
-          text: 'SubmenuItem 2',
-        },
-        {
-          itemKey: '3',
-          text: 'SubmenuItem 3',
-        },
-      ],
-    },
-  ];
-
-  const rasterImageProps = {
-    rasterImageSource: {
-      src: testImage,
-    },
-    width: 12,
-    height: 12,
-  };
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <View style={rowStyle}>
-            <Text>Should Focus on Mount</Text>
-            <Switch value={focusOnMount} onValueChange={toggleFocusOnMount} />
-          </View>
-
-          <View style={rowStyle}>
-            <Text>Should Focus on Container</Text>
-            <Switch value={focusOnContainer} onValueChange={toggleFocusOnContainer} />
-          </View>
-        </View>
-
-        <Separator vertical />
-
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <Text>
-            <Text>Last Submenu Item Clicked: </Text>
-            {lastSubmenuItemClicked > 0 ? <Text style={textColor}>{lastSubmenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <MenuButton content="Press for Nested MenuButton" icon={rasterImageProps} menuItems={nestedMenuItems} onItemClick={onItemClick} />
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.tsx

@@ -1,114 +0,0 @@
-import * as React from 'react';
-import { Separator, ContextualMenuProps } from '@fluentui/react-native';
-import { Text, View, Switch, Platform } from 'react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonTestStyles';
-import { IconSourcesType } from '@fluentui-react-native/icon';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { testImage } from '../Common/iconExamples';
-
-export const StandardMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
-  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
-
-  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
-  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const contextualMenuProps: ContextualMenuProps = {
-    accessibilityLabel: 'MenuButton',
-    shouldFocusOnMount: focusOnMount,
-    shouldFocusOnContainer: focusOnContainer,
-  };
-
-  const iconToShow: IconSourcesType = Platform.select({
-    macos: testImage, //GH #931, macOS MenuButton only supports showing PNG icons
-    default: iconProps,
-  });
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <View style={rowStyle}>
-            <Text>Should Focus on Mount</Text>
-            <Switch value={focusOnMount} onValueChange={toggleFocusOnMount} />
-          </View>
-
-          <View style={rowStyle}>
-            <Text>Should Focus on Container</Text>
-            <Switch value={focusOnContainer} onValueChange={toggleFocusOnContainer} />
-          </View>
-        </View>
-
-        <Separator vertical />
-
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content="Standard MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>MenuButton with icon</Text>
-              <MenuButton
-                icon={iconToShow}
-                content="MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>MenuButton with only icon</Text>
-              <MenuButton icon={iconToShow} menuItems={menuItems} onItemClick={onItemClick} contextualMenu={contextualMenuProps} />
-              <Text>Disabled MenuButton</Text>
-              <MenuButton disabled content="Disabled MenuButton" menuItems={menuItems} />
-            </View>
-            <Separator vertical />
-            <View style={columnStyle}>
-              <MenuButton
-                appearance="primary"
-                content="Primary MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary MenuButton with icon</Text>
-              <MenuButton
-                appearance="primary"
-                icon={iconToShow}
-                content="Primary MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary MenuButton with only icon</Text>
-              <MenuButton
-                appearance="primary"
-                icon={iconToShow}
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary Disabled MenuButton</Text>
-              <MenuButton appearance="primary" disabled content="Disabled Primary MenuButton" menuItems={menuItems} />
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/index.ts

@@ -1 +0,0 @@
-export * from './MenuButtonTest';

package/src/TestComponents/RadioGroup/RadioGroupE2ETest.tsx

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { RadioButton, RadioGroup } from '@fluentui/react-native';
-import {
-  RADIOGROUP_TEST_COMPONENT,
-  RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  RADIOGROUP_TEST_COMPONENT_LABEL,
-  RADIOGROUP_ACCESSIBILITY_LABEL,
-  FIRST_RADIO_BUTTON,
-  SECOND_RADIO_BUTTON,
-  THIRD_RADIO_BUTTON,
-  FOURTH_RADIO_BUTTON,
-  FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL,
-  SECOND_RADIO_BUTTON_LABEL,
-} from '../../../../E2E/src/RadioGroup/consts';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import { testProps } from '../Common/TestProps';
-
-export const E2ERadioGroupTest: React.FunctionComponent = () => {
-  return (
-    <View>
-      <Stack style={stackStyle}>
-        <RadioGroup
-          label="RadioGroup for E2E Testing - Ally Label Set"
-          accessibilityLabel={RADIOGROUP_ACCESSIBILITY_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(RADIOGROUP_TEST_COMPONENT)}
-        >
-          <RadioButton
-            content="Option A"
-            buttonKey="A"
-            accessibilityLabel={FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FIRST_RADIO_BUTTON)}
-          />
-          <RadioButton
-            content={SECOND_RADIO_BUTTON_LABEL}
-            buttonKey="B"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(SECOND_RADIO_BUTTON)}
-          />
-          <RadioButton
-            content="Option C (disabled)"
-            buttonKey="C"
-            disabled={true}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(THIRD_RADIO_BUTTON)}
-          />
-          <RadioButton
-            content="Option D"
-            buttonKey="C"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FOURTH_RADIO_BUTTON)}
-          />
-        </RadioGroup>
-        <RadioGroup
-          label={RADIOGROUP_TEST_COMPONENT_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(RADIOGROUP_NO_A11Y_LABEL_COMPONENT)}
-        >
-          <RadioButton content="Option W" buttonKey="W" />
-          <RadioButton content="Option X" buttonKey="X" />
-          <RadioButton content="Option Y (disabled)" buttonKey="C" disabled={true} />
-          <RadioButton content="Option Z" buttonKey="Z" />
-        </RadioGroup>
-      </Stack>
-    </View>
-  );
-};