@fluentui-react-native/tester 0.135.2 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Expander/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_EXPANDER_BUTTON = "Homepage_Expander_Button";
+export declare const EXPANDER_TESTPAGE = "Expander_TestPage";
+//# sourceMappingURL=consts.d.ts.map

package/lib/fluent-tester/src/TestComponents/Expander/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Expander/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC"}

package/lib/fluent-tester/src/TestComponents/Expander/consts.js

@@ -0,0 +1,3 @@
+export var HOMEPAGE_EXPANDER_BUTTON = 'Homepage_Expander_Button';
+export var EXPANDER_TESTPAGE = 'Expander_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/fluent-tester/src/TestComponents/Expander/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Expander/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,wBAAwB,GAAG,0BAA0B,CAAC;AACnE,MAAM,CAAC,IAAM,iBAAiB,GAAG,mBAAmB,CAAC"}

package/lib/fluent-tester/src/TestComponents/Expander/index.d.ts

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

package/lib/fluent-tester/src/TestComponents/Expander/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Expander/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/fluent-tester/src/TestComponents/Expander/index.js

@@ -0,0 +1,3 @@
+export * from './ExpanderTest';
+export * from './consts';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Expander/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Expander/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { TouchableHighlightProps } from 'react-native';
+interface IComponentTwiddlerProps {
+    label?: string;
+    onPress?: TouchableHighlightProps['onPress'];
+}
+export declare const ComponentTwiddler: React.FunctionComponent<IComponentTwiddlerProps>;
+export declare const FocusTrapTest: React.FunctionComponent;
+export {};
+//# sourceMappingURL=FocusTrapZoneTest.d.ts.map

package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrapZoneTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,EAAa,MAAM,cAAc,CAAC;AA0CvE,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAU9E,CAAC;AAuFF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}

package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js

@@ -0,0 +1,98 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { TouchableHighlight, View } from 'react-native';
+import { FocusTrapZone, Text } from '@fluentui/react-native';
+import { useFocusState } from '@fluentui-react-native/interactive-hooks';
+import { Stack } from '@fluentui-react-native/stack';
+import { FOCUSTRAPZONE_TESTPAGE } from '../../../../E2E/src/FocusTrapZone/consts';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var trapZoneStyle = {
+    padding: 10,
+    borderWidth: 2,
+    borderColor: '#ababab',
+    borderStyle: 'dashed',
+};
+var activeTrapZoneStyle = {
+    padding: 10,
+    borderColor: '#ababab',
+    borderWidth: 2,
+    borderStyle: 'solid',
+};
+var componentTwiddlerStyle = {
+    borderWidth: 1,
+    padding: 8,
+    margin: 4,
+    borderColor: '#ababab',
+    borderStyle: 'solid',
+};
+var focusedComponentTwiddlerStyle = __assign(__assign({}, componentTwiddlerStyle), { borderColor: 'black', backgroundColor: 'lightblue' });
+export var ComponentTwiddler = function (props) {
+    var _a = useFocusState({}), focusProps = _a[0], focusState = _a[1];
+    return (React.createElement(TouchableHighlight, __assign({}, { focusable: false }, { onPress: props.onPress }),
+        React.createElement(View, __assign({ focusable: true }, focusProps, { style: focusState.focused ? focusedComponentTwiddlerStyle : componentTwiddlerStyle }),
+            React.createElement(Text, null, props.label))));
+};
+var BasicFocusTrapZone = function () {
+    var _a = React.useState({
+        useTrapZone: false,
+        renderTrapZone: true,
+        disableFirstFocus: false,
+        ignoreExternalFocusing: false,
+        focusPreviouslyFocusedInnerElement: false,
+    }), state = _a[0], setState = _a[1];
+    var ftzRef = React.useRef(null);
+    var onKeyDown = React.useCallback(function (ev) {
+        if (ev.nativeEvent.key === 'Enter') {
+            setState(__assign(__assign({}, state), { useTrapZone: !state.useTrapZone }));
+        }
+        else if (ev.nativeEvent.key === ' ') {
+            setState(__assign(__assign({}, state), { renderTrapZone: !state.renderTrapZone }));
+        }
+        else if (ev.nativeEvent.key === 'f' && ftzRef.current) {
+            ftzRef.current.focus();
+        }
+    }, [state, setState]);
+    var onTwiddleExternalFocusing = React.useCallback(function () {
+        setState(__assign(__assign({}, state), { ignoreExternalFocusing: !state.ignoreExternalFocusing }));
+    }, [state, setState]);
+    var onTwiddleFocusPrevious = React.useCallback(function () {
+        setState(__assign(__assign({}, state), { focusPreviouslyFocusedInnerElement: !state.focusPreviouslyFocusedInnerElement }));
+    }, [state, setState]);
+    var onTwiddleFirstFocus = React.useCallback(function () {
+        setState(__assign(__assign({}, state), { disableFirstFocus: !state.disableFirstFocus }));
+    }, [state, setState]);
+    return (React.createElement(View, __assign({}, { onKeyDown: onKeyDown }),
+        React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(ComponentTwiddler, { label: "Press space to render or enter to trap, f to focus" }),
+            React.createElement(ComponentTwiddler, { label: state.ignoreExternalFocusing ? 'ignoreExternalFocusing: true' : 'ignoreExternalFocusing: false', onPress: onTwiddleExternalFocusing }),
+            React.createElement(ComponentTwiddler, { label: state.focusPreviouslyFocusedInnerElement
+                    ? 'focusPreviouslyFocusedInnerElement: true'
+                    : 'focusPreviouslyFocusedInnerElement: false', onPress: onTwiddleFocusPrevious }),
+            React.createElement(ComponentTwiddler, { label: state.disableFirstFocus ? 'disableFirstFocus: true' : 'disableFirstFocus: false', onPress: onTwiddleFirstFocus }),
+            state.renderTrapZone && (React.createElement(FocusTrapZone, { componentRef: ftzRef, disableFirstFocus: state.disableFirstFocus, ignoreExternalFocusing: state.ignoreExternalFocusing, focusPreviouslyFocusedInnerElement: state.focusPreviouslyFocusedInnerElement, disabled: !state.useTrapZone, style: state.useTrapZone ? activeTrapZoneStyle : trapZoneStyle },
+                React.createElement(Text, null, state.useTrapZone ? 'Trap Active' : 'Trap Active'),
+                React.createElement(ComponentTwiddler, { label: "trapped" }),
+                React.createElement(ComponentTwiddler, { label: "trapped" }),
+                React.createElement(ComponentTwiddler, { label: "trapped" }),
+                React.createElement(ComponentTwiddler, { label: "trapped" }))))));
+};
+var focusTrapZoneSections = [
+    {
+        name: 'Basic FocusTrapZone Usage',
+        testID: FOCUSTRAPZONE_TESTPAGE,
+        component: BasicFocusTrapZone,
+    },
+];
+export var FocusTrapTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Backlog',
+        iosStatus: 'N/A',
+        macosStatus: 'N/A',
+        androidStatus: 'N/A',
+    };
+    var 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, { name: "Focus Trap Zone Test", description: description, sections: focusTrapZoneSections, status: status });
+};
+//# sourceMappingURL=FocusTrapZoneTest.js.map

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/FocusTrapZone/index.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/FocusTrapZone/index.js

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

package/lib/fluent-tester/src/TestComponents/FocusTrapZone/index.js.map

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

package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { FocusZoneDirection } from '@fluentui/react-native';
+export declare const FocusZoneDirections: FocusZoneDirection[];
+type FocusZoneListWrapperProps = {
+    beforeID?: string;
+    afterID?: string;
+};
+export declare const FocusZoneListWrapper: React.FunctionComponent<FocusZoneListWrapperProps>;
+type GridOfButtonsProps = {
+    gridWidth: number;
+    gridHeight: number;
+    tabRef?: React.RefObject<View>;
+    tabbableIdx?: number;
+    e2etesting?: boolean;
+};
+export declare const GridOfButtons: React.FunctionComponent<GridOfButtonsProps>;
+export declare const FocusZone2D: React.FunctionComponent;
+export {};
+//# sourceMappingURL=FocusZoneE2ETest.d.ts.map

package/lib/fluent-tester/src/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,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAuBjE,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAAwD,CAAC;AAE7G,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAiBnF,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/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.js

@@ -0,0 +1,58 @@
+import { __assign, __spreadArray } from "tslib";
+import React from 'react';
+import { View } from 'react-native';
+import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Switch } from '@fluentui-react-native/switch';
+import { focusZoneTestStyles, GridButton } from './styles';
+import { FOCUSZONE_CIRCLE_NAV_SWITCH, FOCUSZONE_DEFAULT_TABBABLE_SWITCH, FOCUSZONE_DIRECTION_ID, FOCUSZONE_DIRECTION_PICKER, FOCUSZONE_DISABLED_SWITCH, FOCUSZONE_GRID_AFTER, FOCUSZONE_GRID_BEFORE, FOCUSZONE_GRID_BUTTON, FOCUSZONE_TEST_COMPONENT, FOCUSZONE_TWO_DIM_SWITCH, } from '../../../../E2E/src/FocusZone/consts';
+import { commonTestStyles } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
+export var FocusZoneListWrapper = function (_a) {
+    var beforeID = _a.beforeID, afterID = _a.afterID, children = _a.children;
+    var buttonProps = { children: 'Click to Focus', style: focusZoneTestStyles.listWrapperButton };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, __assign({}, buttonProps, testProps(beforeID))),
+        children,
+        React.createElement(Button, __assign({}, buttonProps, testProps(afterID)))));
+};
+export var GridOfButtons = function (props) {
+    return (React.createElement(View, { style: focusZoneTestStyles.dashedBorder }, __spreadArray([], Array(props.gridHeight), true).map(function (_value, heightIndex) {
+        return (React.createElement(View, { key: heightIndex, style: focusZoneTestStyles.focusZoneViewStyle }, __spreadArray([], Array(props.gridWidth), true).map(function (_value, widthIndex) {
+            var gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
+            return (React.createElement(GridButton, __assign({ key: widthIndex, style: focusZoneTestStyles.focusZoneButton, componentRef: gridIndex === props.tabbableIdx ? props.tabRef : undefined }, testProps(props.e2etesting ? FOCUSZONE_GRID_BUTTON(gridIndex) : undefined)),
+                React.createElement(Text, null, gridIndex)));
+        })));
+    })));
+};
+export var FocusZone2D = function () {
+    var _a = React.useState(false), is2DNav = _a[0], set2dNav = _a[1];
+    var _b = React.useState(false), isDisabled = _b[0], setDisabled = _b[1];
+    var _c = React.useState(false), isCircularNav = _c[0], setIsCircularNav = _c[1];
+    var _d = React.useState(false), useDeffaultTabbableElement = _d[0], setUseDeffaultTabbableElement = _d[1];
+    var _e = React.useState('bidirectional'), direction = _e[0], setDirection = _e[1];
+    var tabbableRef = React.useRef(null);
+    return (React.createElement(View, { style: commonTestStyles.root },
+        React.createElement(View, { style: commonTestStyles.settings },
+            React.createElement(Text, __assign({ variant: "subheaderSemibold" }, testProps(FOCUSZONE_TEST_COMPONENT)), "FocusZone Direction"),
+            React.createElement(MenuButton, __assign({ content: "Current direction: ".concat(direction), menuItems: FocusZoneDirections.map(function (dir) { return ({
+                    itemKey: dir,
+                    text: dir,
+                    testID: FOCUSZONE_DIRECTION_ID(dir),
+                }); }), onItemClick: function (dir) { return setDirection(dir); } }, testProps(FOCUSZONE_DIRECTION_PICKER))),
+            React.createElement(Switch
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps(FOCUSZONE_TWO_DIM_SWITCH), { label: "2D Navigation", checked: is2DNav, onChange: function (_, checked) { return set2dNav(checked); } })),
+            React.createElement(Switch
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps(FOCUSZONE_DISABLED_SWITCH), { label: "Disabled", checked: isDisabled, onChange: function (_, checked) { return setDisabled(checked); } })),
+            React.createElement(Switch
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            , __assign({}, testProps(FOCUSZONE_CIRCLE_NAV_SWITCH), { label: "Circular Navigation", checked: isCircularNav, onChange: function (_, checked) { return setIsCircularNav(checked); } })),
+            React.createElement(Switch, __assign({ label: "Use Default Tabbable Element", checked: useDeffaultTabbableElement, onChange: function (_, checked) { return setUseDeffaultTabbableElement(checked); } }, testProps(FOCUSZONE_DEFAULT_TABBABLE_SWITCH)))),
+        React.createElement(FocusZoneListWrapper, { beforeID: FOCUSZONE_GRID_BEFORE, afterID: FOCUSZONE_GRID_AFTER },
+            React.createElement(FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: direction, isCircularNavigation: isCircularNav, defaultTabbableElement: useDeffaultTabbableElement ? tabbableRef : undefined },
+                React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 3, tabRef: tabbableRef, tabbableIdx: 4, e2etesting: true })))));
+};
+//# sourceMappingURL=FocusZoneE2ETest.js.map

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.d.ts

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

package/lib/fluent-tester/src/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;AAyM/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js

@@ -0,0 +1,139 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View, ScrollView, Pressable } from 'react-native';
+import { FocusZone, Text, useOnPressWithFocus } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, GridOfButtons } from './FocusZoneE2ETest';
+import { focusZoneTestStyles, SubheaderText } from './styles';
+import { FOCUSZONE_TESTPAGE } from '../../../../E2E/src/FocusZone/consts';
+import { MenuPicker } from '../Common/MenuPicker';
+import { Test } from '../Test';
+var directionCollection = FocusZoneDirections.map(function (dir) { return ({ label: dir, value: dir }); });
+var Checkboxes = function (props) {
+    return (React.createElement(View, { style: focusZoneTestStyles.dashedBorder },
+        React.createElement(Checkbox, __assign({ label: "Option A" }, props)),
+        React.createElement(Checkbox, __assign({ label: "Option B" }, props)),
+        React.createElement(Checkbox, __assign({ label: "Option C" }, props))));
+};
+var DirectionalFocusZone = function () {
+    var _a = React.useState('none'), direction = _a[0], setDirection = _a[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MenuPicker, { prompt: "Direction", selected: direction, onChange: setDirection, collection: directionCollection }),
+        React.createElement(FocusZone, { focusZoneDirection: direction },
+            React.createElement(Checkboxes, null))));
+};
+var CommonUsageFocusZone = function () {
+    return (React.createElement(FocusZoneListWrapper, null,
+        React.createElement(FocusZone, { isCircularNavigation: true },
+            React.createElement(SubheaderText, null, "FocusZone with Circular Navigation"),
+            React.createElement(Checkboxes, null)),
+        React.createElement(FocusZone, { disabled: true },
+            React.createElement(SubheaderText, null, "Disabled FocusZone"),
+            React.createElement(Checkboxes, null))));
+};
+var FocusZoneInsideScrollView = function () {
+    return (React.createElement(FocusZoneListWrapper, null,
+        React.createElement(FocusZone, { focusZoneDirection: "bidirectional" },
+            React.createElement(View, { style: focusZoneTestStyles.dashedBorder },
+                React.createElement(Button, { style: focusZoneTestStyles.listWrapperButton }, "Inside Focus Zone"),
+                React.createElement(ScrollView, { focusable: false, style: focusZoneTestStyles.scrollViewStyle, contentContainerStyle: focusZoneTestStyles.scrollViewContentStyle, showsVerticalScrollIndicator: true },
+                    React.createElement(Button, { style: focusZoneTestStyles.scrollViewButton }, "1"),
+                    React.createElement(Button, { style: focusZoneTestStyles.scrollViewButton }, "2"),
+                    React.createElement(Button, { style: focusZoneTestStyles.scrollViewButton }, "3"))))));
+};
+var FocusZoneNoFocusableElements = function () {
+    return (React.createElement(FocusZone, null,
+        React.createElement(Checkboxes, { disabled: true })));
+};
+var FocusZoneNoProps = function () {
+    return (React.createElement(FocusZone, null,
+        React.createElement(Checkboxes, null)));
+};
+var TinyBox = function () {
+    var ref = React.useRef();
+    var onPress = useOnPressWithFocus(ref, null);
+    return React.createElement(Pressable, { focusable: true, style: focusZoneTestStyles.smallBoxStyle, ref: ref, onPress: onPress });
+};
+var WideBox = function () {
+    var ref = React.useRef();
+    var onPress = useOnPressWithFocus(ref, null);
+    return React.createElement(Pressable, { focusable: true, style: focusZoneTestStyles.wideBoxStyle, ref: ref, onPress: onPress });
+};
+var TinyText = function () {
+    return (React.createElement(Text, { selectable: true, style: focusZoneTestStyles.smallBoxStyle }, "Hi"));
+};
+var WideText = function () {
+    return (React.createElement(Text, { selectable: true, style: focusZoneTestStyles.wideBoxStyle }, "Hello world"));
+};
+var DifferentSizesTest = function () {
+    return (React.createElement(FocusZone, { focusZoneDirection: "bidirectional" },
+        React.createElement(View, { style: focusZoneTestStyles.dashedBorder },
+            React.createElement(WideBox, null),
+            React.createElement(TinyBox, null),
+            React.createElement(WideBox, null),
+            React.createElement(TinyText, null),
+            React.createElement(WideText, null))));
+};
+var NestedFocusZone = function () {
+    return (React.createElement(FocusZoneListWrapper, null,
+        React.createElement(React.Fragment, null,
+            React.createElement(Text, null, "Parent FocusZone, vertical"),
+            React.createElement(View, { style: focusZoneTestStyles.nestedFocusZoneStyle },
+                React.createElement(FocusZone, { focusZoneDirection: "vertical" },
+                    React.createElement(Text, null, "Inner FocusZone 1, horizontal"),
+                    React.createElement(FocusZone, { focusZoneDirection: "horizontal" },
+                        React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
+                    React.createElement(Text, null, "Inner FocusZone 2, horizontal"),
+                    React.createElement(FocusZone, { focusZoneDirection: "horizontal" },
+                        React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
+                    React.createElement(Button, null, "Inside Focus Zone"))))));
+};
+var focusZoneSections = [
+    {
+        name: 'Common FocusZone Usage',
+        component: CommonUsageFocusZone,
+        testID: FOCUSZONE_TESTPAGE,
+    },
+    {
+        name: 'Directional FocusZone Usage',
+        component: DirectionalFocusZone,
+    },
+    {
+        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,
+    },
+];
+var e2eSections = [
+    {
+        name: '2D Navigation + E2E Testing',
+        component: FocusZone2D,
+    },
+];
+export var FocusZoneTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    return (React.createElement(Test, { name: "FocusZone Test", description: 'No description.', sections: focusZoneSections, status: status, e2eSections: e2eSections }));
+};
+//# sourceMappingURL=FocusZoneTest.js.map

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/FocusZone/index.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/FocusZone/index.js

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

package/lib/fluent-tester/src/TestComponents/FocusZone/index.js.map

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

package/lib/fluent-tester/src/TestComponents/FocusZone/styles.d.ts

@@ -0,0 +1,58 @@
+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: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        margin: number;
+    };
+    wideBoxStyle: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        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/lib/text-tokens").FontDecorationTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/fluent-tester/src/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;wVAGxB,CAAC"}

package/lib/fluent-tester/src/TestComponents/FocusZone/styles.js

@@ -0,0 +1,74 @@
+import { StyleSheet, View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Icon } from '@fluentui-react-native/icon';
+export var focusZoneTestStyles = StyleSheet.create({
+    focusZoneViewStyle: {
+        flexDirection: 'row',
+        alignContent: 'flex-start',
+        alignItems: 'flex-start',
+        padding: 10,
+    },
+    nestedFocusZoneStyle: {
+        borderWidth: 1,
+        padding: 8,
+        margin: 8,
+    },
+    focusZoneButton: {
+        height: 30,
+        width: 100,
+        margin: 10,
+    },
+    listWrapperButton: {
+        marginVertical: 10,
+    },
+    dashedBorder: {
+        borderWidth: 1,
+        borderStyle: 'dashed',
+    },
+    radioGroup: {
+        display: 'flex',
+        flexDirection: 'row',
+        fontSize: 12,
+    },
+    scrollViewStyle: {
+        height: 100,
+        width: 300,
+    },
+    scrollViewContentStyle: {
+        backgroundColor: 'grey',
+    },
+    scrollViewButton: {
+        marginHorizontal: 20,
+        marginBottom: 100,
+    },
+    smallBoxStyle: {
+        width: 20,
+        height: 20,
+        backgroundColor: 'lightgrey',
+        margin: 5,
+    },
+    wideBoxStyle: {
+        width: 150,
+        height: 20,
+        backgroundColor: 'lightgrey',
+        margin: 5,
+    },
+});
+export var GridButton = Button.compose({
+    slots: {
+        root: View,
+        icon: Icon,
+        content: Text,
+    },
+    slotProps: {
+        content: {
+            style: { aspectRatio: 1, alignItems: 'center', justifyContent: 'center' },
+        },
+    },
+});
+export var SubheaderText = Text.customize({
+    tokens: { variant: 'subheaderSemibold' },
+    root: { style: { textDecorationLine: 'underline' } },
+});
+//# sourceMappingURL=styles.js.map

package/lib/fluent-tester/src/TestComponents/FocusZone/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,CAAC;IACnD,kBAAkB,EAAE;QAClB,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,oBAAoB,EAAE;QACpB,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;KACV;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;KACX;IACD,iBAAiB,EAAE;QACjB,cAAc,EAAE,EAAE;KACnB;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,QAAQ;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;KACX;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;KACxB;IACD,gBAAgB,EAAE;QAChB,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,GAAG;KAClB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,WAAW;QAC5B,MAAM,EAAE,CAAC;KACV;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,WAAW;QAC5B,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;SAC1E;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;IACxC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE;CACrD,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Icon/IconLegacyE2ETest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Icon/IconLegacyE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLegacyE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconLegacyE2ETest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAuBlC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Icon/IconLegacyE2ETest.js

@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import * as React from 'react';
+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 { testImage } from '../Common/iconExamples';
+export var E2ETestingIcon = function () {
+    var rasterRainbowSpectrumProps = { src: testImage };
+    var rasterChessProps = { src: { uri: 'https://static.thenounproject.com/png/2960386-200.png' } };
+    var showRasterIcons = true;
+    return (React.createElement(View, null, showRasterIcons ? (React.createElement(View, null,
+        React.createElement(Text, null, "Raster icons"),
+        React.createElement(Icon, { rasterImageSource: rasterRainbowSpectrumProps, width: 100, height: 100, color: "green", accessibilityLabel: ICON_ACCESSIBILITY_LABEL }),
+        React.createElement(Icon, { rasterImageSource: rasterChessProps, width: 100, height: 100, color: "blue" }))) : null));
+};
+//# sourceMappingURL=IconLegacyE2ETest.js.map

package/lib/fluent-tester/src/TestComponents/Icon/IconLegacyE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLegacyE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Icon/IconLegacyE2ETest.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAGnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,0BAA0B,GAAyB,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAC5E,IAAM,gBAAgB,GAAyB,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,uDAAuD,EAAE,EAAE,CAAC;IAEzH,IAAM,eAAe,GAAG,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,IAAI,QACF,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,IAAI;QACH,oBAAC,IAAI,uBAAoB;QACzB,oBAAC,IAAI,IACH,iBAAiB,EAAE,0BAA0B,EAC7C,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAC,OAAO,EACb,kBAAkB,EAAE,wBAAwB,GAC5C;QACF,oBAAC,IAAI,IAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG,CAC9E,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}