@fluentui-react-native/tester 0.170.26 → 0.170.28

package/lib-commonjs/TestComponents/FocusTrapZone/FocusTrapZoneTest.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusTrapTest = exports.ComponentTwiddler = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
+const stack_1 = require("@fluentui-react-native/stack");
+const theme_types_1 = require("@fluentui-react-native/theme-types");
+const themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
+    return {
+        trapZoneStyle: {
+            padding: 10,
+            borderWidth: 2,
+            borderColor: t.colors.neutralStroke1,
+            borderStyle: 'dashed',
+        },
+        activeTrapZoneStyle: {
+            padding: 10,
+            borderColor: t.colors.neutralStroke1,
+            borderWidth: 2,
+            borderStyle: 'solid',
+        },
+        componentTwiddlerStyle: {
+            borderWidth: 1,
+            padding: 8,
+            margin: 4,
+            borderColor: t.colors.neutralStroke1,
+            borderStyle: 'solid',
+        },
+        focusedComponentTwiddlerStyle: {
+            borderWidth: 1,
+            padding: 8,
+            margin: 4,
+            borderStyle: 'solid',
+            borderColor: t.colors.strokeFocus2,
+            backgroundColor: t.colors.neutralBackground1Hover,
+        },
+        componentTwiddlerText: {
+            color: t.colors.neutralForeground1,
+        },
+        focusedComponentTwiddlerText: {
+            color: t.colors.neutralForeground1Hover,
+        },
+    };
+});
+const ComponentTwiddler = (props) => {
+    const [focusProps, focusState] = (0, interactive_hooks_1.useFocusState)({});
+    const theme = (0, theme_types_1.useTheme)();
+    const themedStyles = getThemedStyles(theme);
+    return (React.createElement(react_native_1.TouchableHighlight, { ...{ focusable: false }, onPress: props.onPress },
+        React.createElement(react_native_1.View, { focusable: true, ...focusProps, style: focusState.focused ? themedStyles.focusedComponentTwiddlerStyle : themedStyles.componentTwiddlerStyle },
+            React.createElement(react_native_2.Text, { style: focusState.focused ? themedStyles.focusedComponentTwiddlerText : themedStyles.componentTwiddlerText }, props.label))));
+};
+exports.ComponentTwiddler = ComponentTwiddler;
+const BasicFocusTrapZone = () => {
+    const theme = (0, theme_types_1.useTheme)();
+    const themedStyles = getThemedStyles(theme);
+    const [state, setState] = React.useState({
+        useTrapZone: false,
+        renderTrapZone: true,
+        disableFirstFocus: false,
+        ignoreExternalFocusing: false,
+        focusPreviouslyFocusedInnerElement: false,
+    });
+    const ftzRef = React.useRef(null);
+    const onKeyDown = React.useCallback((ev) => {
+        if (ev.nativeEvent.key === 'Enter') {
+            setState({ ...state, useTrapZone: !state.useTrapZone });
+        }
+        else if (ev.nativeEvent.key === ' ') {
+            setState({ ...state, renderTrapZone: !state.renderTrapZone });
+        }
+        else if (ev.nativeEvent.key === 'f' && ftzRef.current) {
+            ftzRef.current.focus();
+        }
+    }, [state, setState]);
+    const onTwiddleExternalFocusing = React.useCallback(() => {
+        setState({ ...state, ignoreExternalFocusing: !state.ignoreExternalFocusing });
+    }, [state, setState]);
+    const onTwiddleFocusPrevious = React.useCallback(() => {
+        setState({ ...state, focusPreviouslyFocusedInnerElement: !state.focusPreviouslyFocusedInnerElement });
+    }, [state, setState]);
+    const onTwiddleFirstFocus = React.useCallback(() => {
+        setState({ ...state, disableFirstFocus: !state.disableFirstFocus });
+    }, [state, setState]);
+    return (React.createElement(react_native_1.View, { ...{ onKeyDown: onKeyDown } },
+        React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 5 },
+            React.createElement(exports.ComponentTwiddler, { label: "Press space to render or enter to trap, f to focus" }),
+            React.createElement(exports.ComponentTwiddler, { label: state.ignoreExternalFocusing ? 'ignoreExternalFocusing: true' : 'ignoreExternalFocusing: false', onPress: onTwiddleExternalFocusing }),
+            React.createElement(exports.ComponentTwiddler, { label: state.focusPreviouslyFocusedInnerElement
+                    ? 'focusPreviouslyFocusedInnerElement: true'
+                    : 'focusPreviouslyFocusedInnerElement: false', onPress: onTwiddleFocusPrevious }),
+            React.createElement(exports.ComponentTwiddler, { label: state.disableFirstFocus ? 'disableFirstFocus: true' : 'disableFirstFocus: false', onPress: onTwiddleFirstFocus }),
+            state.renderTrapZone && (React.createElement(react_native_2.FocusTrapZone, { componentRef: ftzRef, disableFirstFocus: state.disableFirstFocus, ignoreExternalFocusing: state.ignoreExternalFocusing, focusPreviouslyFocusedInnerElement: state.focusPreviouslyFocusedInnerElement, disabled: !state.useTrapZone, style: state.useTrapZone ? themedStyles.activeTrapZoneStyle : themedStyles.trapZoneStyle },
+                React.createElement(react_native_2.Text, null, state.useTrapZone ? 'Trap Active' : 'Trap Active'),
+                React.createElement(exports.ComponentTwiddler, { label: "trapped" }),
+                React.createElement(exports.ComponentTwiddler, { label: "trapped" }),
+                React.createElement(exports.ComponentTwiddler, { label: "trapped" }),
+                React.createElement(exports.ComponentTwiddler, { label: "trapped" }))))));
+};
+const focusTrapZoneSections = [
+    {
+        name: 'Basic FocusTrapZone Usage',
+        testID: e2e_testing_1.FOCUSTRAPZONE_TESTPAGE,
+        component: BasicFocusTrapZone,
+    },
+];
+const FocusTrapTest = () => {
+    const status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Backlog',
+        iosStatus: 'N/A',
+        macosStatus: 'N/A',
+        androidStatus: 'N/A',
+    };
+    const description = 'FocusTrapZone is used to trap the focus in any html element. Pressing tab will circle focus within the inner focusable elements of the FocusTrapZone.';
+    return React.createElement(Test_1.Test, { name: "Focus Trap Zone Test", description: description, sections: focusTrapZoneSections, status: status });
+};
+exports.FocusTrapTest = FocusTrapTest;
+//# sourceMappingURL=FocusTrapZoneTest.js.map

package/lib-commonjs/TestComponents/FocusTrapZone/FocusTrapZoneTest.js.map

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

package/lib-commonjs/TestComponents/FocusTrapZone/index.d.ts.map

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

package/lib-commonjs/TestComponents/FocusTrapZone/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FocusTrapZoneTest"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/FocusTrapZone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusTrapZone/index.ts"],"names":[],"mappings":";;;AAAA,8DAAoC"}

package/lib-commonjs/TestComponents/FocusZone/FocusZoneE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusZoneE2ETest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAc,MAAM,wBAAwB,CAAC;AAuBrG,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAAwD,CAAC;AAC7G,eAAO,MAAM,uBAAuB,EAAE,sBAAsB,EAA6D,CAAC;AAS1H,KAAK,yBAAyB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAmBnF,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAyBrE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAyE/B,CAAC"}

package/lib-commonjs/TestComponents/FocusZone/FocusZoneE2ETest.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusZone2D = exports.GridOfButtons = exports.FocusZoneListWrapper = exports.FocusZoneTabNavigations = exports.FocusZoneDirections = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const button_1 = require("@fluentui-react-native/button");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const switch_1 = require("@fluentui-react-native/switch");
+const styles_1 = require("./styles");
+const styles_2 = require("../Common/styles");
+const TestProps_1 = require("../Common/TestProps");
+exports.FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
+exports.FocusZoneTabNavigations = ['None', 'NavigateWrap', 'NavigateStopAtEnds', 'Normal'];
+// Buttons by default focus on click on Win32, but they don't on the Mac, so place focus explicitly for convenience
+function useFocusOnClickForMac() {
+    const componentRef = react_1.default.useRef();
+    const onClick = react_1.default.useCallback(() => componentRef.current?.focus(), [componentRef]);
+    return react_native_1.Platform.OS === 'macos' ? { componentRef, onClick } : {};
+}
+const FocusZoneListWrapper = ({ beforeID, afterID, children }) => {
+    const buttonProps = { children: 'Click to Focus', style: styles_1.focusZoneTestStyles.listWrapperButton };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(button_1.ButtonV1, { ...buttonProps, ...useFocusOnClickForMac(), ...(0, TestProps_1.testProps)(beforeID) }),
+        children,
+        react_1.default.createElement(button_1.ButtonV1, { ...buttonProps, ...useFocusOnClickForMac(), ...(0, TestProps_1.testProps)(afterID) })));
+};
+exports.FocusZoneListWrapper = FocusZoneListWrapper;
+const GridOfButtons = (props) => {
+    return (react_1.default.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.dashedBorder }, [...Array(props.gridHeight)].map((_value, heightIndex) => {
+        return (react_1.default.createElement(react_native_1.View, { key: heightIndex, style: styles_1.focusZoneTestStyles.focusZoneViewStyle }, [...Array(props.gridWidth)].map((_value, widthIndex) => {
+            const gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
+            return (react_1.default.createElement(styles_1.GridButton, { key: widthIndex, style: styles_1.focusZoneTestStyles.focusZoneButton, componentRef: gridIndex === props.tabbableIdx ? props.tabRef : undefined, ...(0, TestProps_1.testProps)(props.e2etesting ? (0, e2e_testing_1.FOCUSZONE_GRID_BUTTON)(gridIndex) : undefined) },
+                react_1.default.createElement(react_native_2.Text, null, gridIndex)));
+        })));
+    })));
+};
+exports.GridOfButtons = GridOfButtons;
+const FocusZone2D = () => {
+    const [is2DNav, set2dNav] = react_1.default.useState(false);
+    const [isDisabled, setDisabled] = react_1.default.useState(false);
+    const [isCircularNav, setIsCircularNav] = react_1.default.useState(false);
+    const [useDeffaultTabbableElement, setUseDeffaultTabbableElement] = react_1.default.useState(false);
+    const [direction, setDirection] = react_1.default.useState('bidirectional');
+    const tabbableRef = react_1.default.useRef(null);
+    return (react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
+        react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
+            react_1.default.createElement(react_native_2.Text, { variant: "subheaderSemibold", ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_TEST_COMPONENT) }, "FocusZone Direction"),
+            react_1.default.createElement(react_native_2.MenuButton, { content: `Current direction: ${direction}`, menuItems: exports.FocusZoneDirections.map((dir) => ({
+                    itemKey: dir,
+                    text: dir,
+                    testID: (0, e2e_testing_1.FOCUSZONE_DIRECTION_ID)(dir),
+                })), onItemClick: (dir) => setDirection(dir), ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_DIRECTION_PICKER) }),
+            react_1.default.createElement(switch_1.Switch
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , { ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_TWO_DIM_SWITCH), label: "2D Navigation", checked: is2DNav, onChange: (_, checked) => set2dNav(checked) }),
+            react_1.default.createElement(switch_1.Switch
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , { ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_DISABLED_SWITCH), label: "Disabled", checked: isDisabled, onChange: (_, checked) => setDisabled(checked) }),
+            react_1.default.createElement(switch_1.Switch
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , { ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_CIRCLE_NAV_SWITCH), label: "Circular Navigation", checked: isCircularNav, onChange: (_, checked) => setIsCircularNav(checked) }),
+            react_1.default.createElement(switch_1.Switch, { label: "Use Default Tabbable Element", checked: useDeffaultTabbableElement, onChange: (_, checked) => setUseDeffaultTabbableElement(checked), ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_DEFAULT_TABBABLE_SWITCH) })),
+        react_1.default.createElement(exports.FocusZoneListWrapper, { beforeID: e2e_testing_1.FOCUSZONE_GRID_BEFORE, afterID: e2e_testing_1.FOCUSZONE_GRID_AFTER },
+            react_1.default.createElement(react_native_2.FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: direction, isCircularNavigation: isCircularNav, defaultTabbableElement: useDeffaultTabbableElement ? tabbableRef : undefined },
+                react_1.default.createElement(exports.GridOfButtons, { gridWidth: 3, gridHeight: 3, tabRef: tabbableRef, tabbableIdx: 4, e2etesting: true })))));
+};
+exports.FocusZone2D = FocusZone2D;
+//# sourceMappingURL=FocusZoneE2ETest.js.map

package/lib-commonjs/TestComponents/FocusZone/FocusZoneE2ETest.js.map

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

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8N/B,eAAO,MAAM,cAAc,yBAwC1B,CAAC;AA0DF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.js

@@ -0,0 +1,217 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusZoneTest = exports.FirstFocusTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const button_1 = require("@fluentui-react-native/button");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const experimental_checkbox_1 = require("@fluentui-react-native/experimental-checkbox");
+const FocusZoneE2ETest_1 = require("./FocusZoneE2ETest");
+const styles_1 = require("./styles");
+const MenuPicker_1 = require("../Common/MenuPicker");
+const Test_1 = require("../Test");
+const directionCollection = FocusZoneE2ETest_1.FocusZoneDirections.map((dir) => ({ label: dir, value: dir }));
+const Checkboxes = (props) => {
+    return (React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.dashedBorder },
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Option A", ...props }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Option B", ...props }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Option C", ...props })));
+};
+const DirectionalFocusZone = () => {
+    const [direction, setDirection] = React.useState('none');
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MenuPicker_1.MenuPicker, { prompt: "Direction", selected: direction, onChange: setDirection, collection: directionCollection }),
+        React.createElement(react_native_2.FocusZone, { focusZoneDirection: direction },
+            React.createElement(Checkboxes, null))));
+};
+const CommonUsageFocusZone = () => {
+    return (React.createElement(FocusZoneE2ETest_1.FocusZoneListWrapper, null,
+        React.createElement(react_native_2.FocusZone, { isCircularNavigation: true },
+            React.createElement(styles_1.SubheaderText, null, "FocusZone with Circular Navigation"),
+            React.createElement(Checkboxes, null)),
+        React.createElement(react_native_2.FocusZone, { disabled: true },
+            React.createElement(styles_1.SubheaderText, null, "Disabled FocusZone"),
+            React.createElement(Checkboxes, null))));
+};
+const FocusZoneInsideScrollView = () => {
+    return (React.createElement(FocusZoneE2ETest_1.FocusZoneListWrapper, null,
+        React.createElement(react_native_2.FocusZone, { focusZoneDirection: "bidirectional" },
+            React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.dashedBorder },
+                React.createElement(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.listWrapperButton }, "Inside Focus Zone"),
+                React.createElement(react_native_1.ScrollView, { focusable: false, style: styles_1.focusZoneTestStyles.scrollViewStyle, contentContainerStyle: styles_1.focusZoneTestStyles.scrollViewContentStyle, showsVerticalScrollIndicator: true },
+                    React.createElement(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.scrollViewButton }, "1"),
+                    React.createElement(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.scrollViewButton }, "2"),
+                    React.createElement(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.scrollViewButton }, "3"))))));
+};
+const FocusZoneNoFocusableElements = () => {
+    return (React.createElement(react_native_2.FocusZone, null,
+        React.createElement(Checkboxes, { disabled: true })));
+};
+const FocusZoneNoProps = () => {
+    return (React.createElement(react_native_2.FocusZone, null,
+        React.createElement(Checkboxes, null)));
+};
+const FocusZoneTabNavigationComponent = () => {
+    const [tabNavigation, setTabNavigation] = React.useState('None');
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_2.Text, null, "FocusZone Tab Navigation"),
+        React.createElement(react_native_2.MenuButton, { content: `Current tab key navigation: ${tabNavigation}`, menuItems: FocusZoneE2ETest_1.FocusZoneTabNavigations.map((dir) => ({
+                itemKey: dir,
+                text: dir,
+            })), onItemClick: (dir) => setTabNavigation(dir) }),
+        React.createElement(react_native_2.FocusZone, { tabKeyNavigation: tabNavigation },
+            React.createElement(Checkboxes, null))));
+};
+const TinyBox = () => {
+    const ref = React.useRef();
+    const onPress = (0, react_native_2.useOnPressWithFocus)(ref, null);
+    return React.createElement(react_native_1.Pressable, { focusable: true, style: styles_1.focusZoneTestStyles.smallBoxStyle, ref: ref, onPress: onPress });
+};
+const WideBox = () => {
+    const ref = React.useRef();
+    const onPress = (0, react_native_2.useOnPressWithFocus)(ref, null);
+    return React.createElement(react_native_1.Pressable, { focusable: true, style: styles_1.focusZoneTestStyles.wideBoxStyle, ref: ref, onPress: onPress });
+};
+const TinyText = () => {
+    return (React.createElement(react_native_2.Text, { selectable: true, style: styles_1.focusZoneTestStyles.smallBoxStyle }, "Hi"));
+};
+const WideText = () => {
+    return (React.createElement(react_native_2.Text, { selectable: true, style: styles_1.focusZoneTestStyles.wideBoxStyle }, "Hello world"));
+};
+const DifferentSizesTest = () => {
+    return (React.createElement(react_native_2.FocusZone, { focusZoneDirection: "bidirectional" },
+        React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.dashedBorder },
+            React.createElement(WideBox, null),
+            React.createElement(TinyBox, null),
+            React.createElement(WideBox, null),
+            React.createElement(TinyText, null),
+            React.createElement(WideText, null))));
+};
+const NestedFocusZone = () => {
+    return (React.createElement(FocusZoneE2ETest_1.FocusZoneListWrapper, null,
+        React.createElement(React.Fragment, null,
+            React.createElement(react_native_2.Text, null, "Parent FocusZone, vertical"),
+            React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.nestedFocusZoneStyle },
+                React.createElement(react_native_2.FocusZone, { focusZoneDirection: "vertical" },
+                    React.createElement(react_native_2.Text, null, "Inner FocusZone 1, horizontal"),
+                    React.createElement(react_native_2.FocusZone, { focusZoneDirection: "horizontal" },
+                        React.createElement(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
+                    React.createElement(react_native_2.Text, null, "Inner FocusZone 2, horizontal"),
+                    React.createElement(react_native_2.FocusZone, { focusZoneDirection: "horizontal" },
+                        React.createElement(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
+                    React.createElement(button_1.ButtonV1, null, "Inside Focus Zone"))))));
+};
+const FocusZoneGrid = () => {
+    const [isCircularNavigation, setCircularNavigation] = React.useState(true);
+    const [tabNavigation, setTabNavigation] = React.useState('None');
+    const onCircularNavigationChange = React.useCallback((_, isChecked) => setCircularNavigation(isChecked), []);
+    return (React.createElement(FocusZoneE2ETest_1.FocusZoneListWrapper, null,
+        React.createElement(React.Fragment, null,
+            React.createElement(react_native_2.Text, null, "FocusZone Grid"),
+            React.createElement(experimental_checkbox_1.Checkbox, { label: "Circular Navigation", checked: isCircularNavigation, onChange: onCircularNavigationChange }),
+            React.createElement(react_native_2.MenuButton, { content: `Tab key navigation: ${tabNavigation}`, menuItems: FocusZoneE2ETest_1.FocusZoneTabNavigations.map((dir) => ({
+                    itemKey: dir,
+                    text: dir,
+                })), onItemClick: (dir) => setTabNavigation(dir) }),
+            React.createElement(react_native_2.FocusZone, { isCircularNavigation: true, tabKeyNavigation: tabNavigation },
+                React.createElement(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 3 })))));
+};
+const FocusZoneTextInput = () => {
+    return (React.createElement(FocusZoneE2ETest_1.FocusZoneListWrapper, null,
+        React.createElement(React.Fragment, null,
+            React.createElement(react_native_2.Text, null, "FocusZone Grid"),
+            React.createElement(react_native_2.FocusZone, null,
+                React.createElement(react_native_1.TextInput, { multiline: true })))));
+};
+const FirstFocusTest = () => {
+    const outerNormalRef = React.useRef(null);
+    const innerNormalRef = React.useRef(null);
+    const innerDirectRef = React.useRef(null);
+    const innerFZRef = React.useRef(null);
+    const outerNativeID = 'nativeIDToOuterButton';
+    const innerNativeID = 'nativeIDToInnerButton';
+    const innerDirectNativeID = 'nativeIDDirectToInnerButton';
+    const [outerFocusZoneTabbableElement, setOuterFocusZoneTabbableElement] = React.useState();
+    const [innerFocusZoneTabbableElement, setInnerFocusZoneTabbableElement] = React.useState();
+    return (React.createElement(react_native_2.FocusZone, { defaultTabbableElement: outerFocusZoneTabbableElement, tabKeyNavigation: "Normal" },
+        React.createElement(react_native_1.View, null,
+            React.createElement(button_1.ButtonV1, { onClick: () => setOuterFocusZoneTabbableElement(undefined) }, "clear OuterFocusZone"),
+            React.createElement(button_1.ButtonV1, { componentRef: outerNormalRef, onClick: () => setOuterFocusZoneTabbableElement(outerNormalRef) }, "Test ref"),
+            React.createElement(button_1.ButtonV1, { nativeID: outerNativeID, onClick: () => setOuterFocusZoneTabbableElement(outerNativeID) }, "Test nativeId")),
+        React.createElement(react_native_2.FocusZone, { componentRef: innerFZRef, defaultTabbableElement: innerFocusZoneTabbableElement },
+            React.createElement(button_1.ButtonV1, { onClick: () => setInnerFocusZoneTabbableElement(undefined) }, "clear InnerFocusZone"),
+            React.createElement(button_1.ButtonV1, { componentRef: innerDirectRef, onClick: () => setOuterFocusZoneTabbableElement(innerDirectRef) }, "Test nested (direct ref)"),
+            React.createElement(button_1.ButtonV1, { nativeID: innerDirectNativeID, onClick: () => setOuterFocusZoneTabbableElement(innerDirectNativeID) }, "Test nested (direct nativeID)"),
+            React.createElement(button_1.ButtonV1, { componentRef: innerNormalRef, onClick: () => setInnerFocusZoneTabbableElement(innerNormalRef) }, "Test inner zone (ref)"),
+            React.createElement(button_1.ButtonV1, { nativeID: innerNativeID, onClick: () => setInnerFocusZoneTabbableElement(innerNativeID) }, "Test inner zone (nativeID)"),
+            React.createElement(button_1.ButtonV1, { onClick: () => setOuterFocusZoneTabbableElement(innerFZRef) }, "Test nested (transitive)"))));
+};
+exports.FirstFocusTest = FirstFocusTest;
+const focusZoneSections = [
+    {
+        name: 'First Focus FocusZone Usage',
+        component: exports.FirstFocusTest,
+        testID: e2e_testing_1.FOCUSZONE_TESTPAGE,
+    },
+    {
+        name: 'Common FocusZone Usage',
+        component: CommonUsageFocusZone,
+        testID: e2e_testing_1.FOCUSZONE_TESTPAGE,
+    },
+    {
+        name: 'Directional FocusZone Usage',
+        component: DirectionalFocusZone,
+    },
+    {
+        name: 'FocusZone with Tab Key Abstraction',
+        component: FocusZoneTabNavigationComponent,
+    },
+    {
+        name: 'ScrollView inside FocusZone',
+        component: FocusZoneInsideScrollView,
+    },
+    {
+        name: 'FocusZone with no focusable components',
+        component: FocusZoneNoFocusableElements,
+    },
+    {
+        name: 'FocusZone with no props',
+        component: FocusZoneNoProps,
+    },
+    {
+        name: 'Different Sized Children',
+        component: DifferentSizesTest,
+    },
+    {
+        name: 'Nested FocusZone',
+        component: NestedFocusZone,
+    },
+    {
+        name: 'FocusZone Grid',
+        component: FocusZoneGrid,
+    },
+    {
+        name: 'FocusZone with TextInput',
+        component: FocusZoneTextInput,
+    },
+];
+const e2eSections = [
+    {
+        name: '2D Navigation + E2E Testing',
+        component: FocusZoneE2ETest_1.FocusZone2D,
+    },
+];
+const FocusZoneTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Production',
+        androidStatus: 'Backlog',
+    };
+    return (React.createElement(Test_1.Test, { name: "FocusZone Test", description: 'No description.', sections: focusZoneSections, status: status, e2eSections: e2eSections }));
+};
+exports.FocusZoneTest = FocusZoneTest;
+//# sourceMappingURL=FocusZoneTest.js.map

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.js.map

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

package/lib-commonjs/TestComponents/FocusZone/index.d.ts.map

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

package/lib-commonjs/TestComponents/FocusZone/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FocusZoneTest"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/FocusZone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC"}

package/lib-commonjs/TestComponents/FocusZone/styles.d.ts

@@ -0,0 +1,72 @@
+export declare const focusZoneTestStyles: {
+    focusZoneViewStyle: {
+        flexDirection: "row";
+        alignContent: "flex-start";
+        alignItems: "flex-start";
+        padding: number;
+    };
+    nestedFocusZoneStyle: {
+        borderWidth: number;
+        padding: number;
+        margin: number;
+    };
+    focusZoneButton: {
+        height: number;
+        width: number;
+        margin: number;
+    };
+    listWrapperButton: {
+        marginVertical: number;
+    };
+    dashedBorder: {
+        borderWidth: number;
+        borderStyle: "dashed";
+    };
+    radioGroup: {
+        display: "flex";
+        flexDirection: "row";
+        fontSize: number;
+    };
+    scrollViewStyle: {
+        height: number;
+        width: number;
+    };
+    scrollViewContentStyle: {
+        backgroundColor: string;
+    };
+    scrollViewButton: {
+        marginHorizontal: number;
+        marginBottom: number;
+    };
+    smallBoxStyle: {
+        borderWidth: number;
+        backgroundColor?: undefined;
+        width: number;
+        height: number;
+        margin: number;
+    } | {
+        backgroundColor: string;
+        borderWidth?: undefined;
+        width: number;
+        height: number;
+        margin: number;
+    };
+    wideBoxStyle: {
+        borderWidth: number;
+        backgroundColor?: undefined;
+        width: number;
+        height: number;
+        margin: number;
+    } | {
+        backgroundColor: string;
+        borderWidth?: undefined;
+        width: number;
+        height: number;
+        margin: number;
+    };
+};
+export declare const GridButton: import("@fluentui-react-native/composition").ComposeFactoryComponent<import("@fluentui/react-native").ButtonProps, import("@fluentui/react-native").ButtonSlotProps, import("@fluentui/react-native").ButtonTokens, import("@fluentui-react-native/theme-types").Theme, object>;
+export declare const SubheaderText: import("@uifabricshared/foundation-compose").IComposeReturnType<import("@fluentui/react-native").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
+    root: import("@fluentui-react-native/adapters").ITextProps;
+}, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens").FontDecorationTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
+//# sourceMappingURL=styles.d.ts.map

package/lib-commonjs/TestComponents/FocusZone/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;wUAGxB,CAAC"}