@fluentui-react-native/tester 0.93.2 → 0.93.5

package/lib/TestComponents/FocusZone/styles.js

@@ -7,11 +7,7 @@ export var focusZoneTestStyles = StyleSheet.create({
         flexDirection: 'row',
         alignContent: 'flex-start',
         alignItems: 'flex-start',
-    },
-    focusZoneContainer: {
-        flexDirection: 'column',
-        justifyContent: 'space-evenly',
-        padding: 4,
+        padding: 10,
     },
     nestedFocusZoneStyle: {
         borderWidth: 1,
@@ -19,8 +15,27 @@ export var focusZoneTestStyles = StyleSheet.create({
         margin: 8,
     },
     focusZoneButton: {
-        height: 50,
-        width: 50,
+        height: 30,
+        width: 100,
+        margin: 10,
+    },
+    listWrapperButton: {
+        marginVertical: 10,
+    },
+    dashedBorder: {
+        borderWidth: 1,
+        borderStyle: 'dashed',
+    },
+    scrollViewStyle: {
+        height: 100,
+        width: 300,
+    },
+    scrollViewContentStyle: {
+        backgroundColor: 'grey',
+    },
+    scrollViewButton: {
+        marginHorizontal: 20,
+        marginBottom: 100,
     },
 });
 export var GridButton = Button.compose({
@@ -39,8 +54,4 @@ export var SubheaderText = Text.customize({
     tokens: { variant: 'subheaderSemibold' },
     root: { style: { textDecorationLine: 'underline' } },
 });
-export var stackStyleFocusZone = {
-    flexDirection: 'column',
-    marginBottom: 40,
-};
 //# sourceMappingURL=styles.js.map

package/lib/TestComponents/FocusZone/styles.js.map

@@ -1 +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;KACzB;IACD,kBAAkB,EAAE;QAClB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,cAAc;QAC9B,OAAO,EAAE,CAAC;KACX;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,EAAE;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;AAEH,MAAM,CAAC,IAAM,mBAAmB,GAAyB;IACvD,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,EAAE;CACjB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,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,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;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-commonjs/TestComponents/Common/MenuPicker.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-export interface collectionItem {
+export interface CollectionItem<T = string> {
     label: string;
-    value?: string;
+    value?: T;
 }
 export interface MenuPickerProps {
     prompt?: string;
     selected?: string;
     onChange?: (value: any, index?: number) => void;
-    collection?: collectionItem[];
+    collection?: CollectionItem[];
     style?: any;
 }
 export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;

package/lib-commonjs/TestComponents/Common/MenuPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAsB/D,CAAC"}
+{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAsB/D,CAAC"}

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

@@ -3,7 +3,7 @@ export declare const commonTestStyles: {
     root: {
         marginTop: number;
         marginRight: number;
-        flexDirection: "row";
+        flexDirection: "column";
         alignItems: "flex-start";
     };
     flex: {

package/lib-commonjs/TestComponents/Common/styles.js

@@ -6,7 +6,7 @@ exports.commonTestStyles = react_native_1.StyleSheet.create({
     root: {
         marginTop: 16,
         marginRight: 32,
-        flexDirection: 'row',
+        flexDirection: 'column',
         alignItems: 'flex-start',
     },
     flex: { flex: 1 },

package/lib-commonjs/TestComponents/Common/styles.js.map

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

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

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

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

@@ -6,58 +6,57 @@ var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_1 = require("react-native");
 var react_native_2 = require("@fluentui/react-native");
 var button_1 = require("@fluentui-react-native/button");
+var experimental_checkbox_1 = require("@fluentui-react-native/experimental-checkbox");
 var Test_1 = require("../Test");
 var consts_1 = require("./consts");
 var styles_1 = require("./styles");
 var styles_2 = require("../Common/styles");
-var stack_1 = require("@fluentui-react-native/stack");
-var experimental_menu_button_1 = require("@fluentui-react-native/experimental-menu-button");
-var ListOfCheckboxes = function () {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_native_2.Checkbox, { label: "Option A" }),
-        React.createElement(react_native_2.Checkbox, { label: "Option B" }),
-        React.createElement(react_native_2.Checkbox, { label: "Option C" })));
+var MenuPicker_1 = require("../Common/MenuPicker");
+var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
+var directionCollection = FocusZoneDirections.map(function (x) { return ({
+    label: x,
+    value: x,
+}); });
+var Checkboxes = function (props) {
+    return (React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.dashedBorder },
+        React.createElement(experimental_checkbox_1.Checkbox, (0, tslib_1.__assign)({ label: "Option A" }, props)),
+        React.createElement(experimental_checkbox_1.Checkbox, (0, tslib_1.__assign)({ label: "Option B" }, props)),
+        React.createElement(experimental_checkbox_1.Checkbox, (0, tslib_1.__assign)({ label: "Option C" }, props))));
 };
-var ListOfDisabledCheckboxes = function () {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_native_2.Checkbox, { label: "Option A", disabled: true }),
-        React.createElement(react_native_2.Checkbox, { label: "Option B", disabled: true }),
-        React.createElement(react_native_2.Checkbox, { label: "Option C", disabled: true })));
+var FocusZoneInsideScrollView = function () {
+    return (React.createElement(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"))))));
+};
+var FocusZoneNoFocusableElements = function () {
+    return (React.createElement(react_native_2.FocusZone, null,
+        React.createElement(Checkboxes, { disabled: true })));
+};
+var FocusZoneNoProps = function () {
+    return (React.createElement(react_native_2.FocusZone, null,
+        React.createElement(Checkboxes, null)));
 };
-var EdgeCasesFocusZone = function () {
-    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyleFocusZone },
-        React.createElement(react_native_2.FocusZone, null,
-            React.createElement(styles_1.SubheaderText, null, "FocusZone with no focusable elements"),
-            React.createElement(ListOfDisabledCheckboxes, null)),
-        React.createElement(react_native_2.FocusZone, null,
-            React.createElement(styles_1.SubheaderText, null, "FocusZone with no props set"),
-            React.createElement(ListOfCheckboxes, null)),
-        React.createElement(react_native_2.FocusZone, null,
-            React.createElement(styles_1.SubheaderText, null, "FocusZone with no elements")),
-        React.createElement(styles_1.SubheaderText, null, "Nested FocusZones"),
-        React.createElement(button_1.ButtonV1, null, "Outside Focus Zone"),
-        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_1.View, { style: styles_1.focusZoneTestStyles.nestedFocusZoneStyle },
+var NestedFocusZone = function () {
+    return (React.createElement(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(react_native_1.View, { style: styles_1.focusZoneTestStyles.focusZoneContainer }, GridOfButtons({
-                            gridWidth: 3,
-                            gridHeight: 1,
-                        })))),
-                React.createElement(react_native_2.Text, null, "Inner FocusZone 2, horizontal"),
-                React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.nestedFocusZoneStyle },
+                        React.createElement(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(react_native_1.View, { style: styles_1.focusZoneTestStyles.focusZoneContainer }, GridOfButtons({
-                            gridWidth: 3,
-                            gridHeight: 1,
-                        })))),
-                React.createElement(button_1.ButtonV1, null, "Inside Focus Zone"))),
-        React.createElement(button_1.ButtonV1, null, "Outside Focus Zone")));
+                        React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
+                    React.createElement(button_1.ButtonV1, null, "Inside Focus Zone"))))));
 };
 var FocusZoneListWrapper = function (props) {
-    var buttonProps = { children: 'Click to Focus', style: { marginVertical: 10 } };
+    var buttonProps = { children: 'Click to Focus', style: styles_1.focusZoneTestStyles.listWrapperButton };
     return (React.createElement(React.Fragment, null,
         React.createElement(button_1.ButtonV1, (0, tslib_1.__assign)({}, buttonProps)),
         React.Children.map(props.children, function (child) {
@@ -66,109 +65,81 @@ var FocusZoneListWrapper = function (props) {
                 React.createElement(button_1.ButtonV1, (0, tslib_1.__assign)({}, buttonProps))));
         })));
 };
-var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
 var DirectionalFocusZone = function () {
-    return (React.createElement(FocusZoneListWrapper, null,
-        React.createElement(react_native_2.FocusZone, null,
-            React.createElement(styles_1.SubheaderText, null, "FocusZone with no props set"),
-            React.createElement(ListOfCheckboxes, null)),
-        FocusZoneDirections.map(function (direction, index) { return (React.createElement(react_native_2.FocusZone, { key: index, focusZoneDirection: direction },
-            React.createElement(styles_1.SubheaderText, null,
-                "FocusZone with arrow key navigation: ",
-                direction),
-            React.createElement(ListOfCheckboxes, null))); })));
+    var _a = React.useState('none'), direction = _a[0], setDirection = _a[1];
+    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))));
 };
 var CommonUsageFocusZone = function () {
     return (React.createElement(FocusZoneListWrapper, null,
         React.createElement(react_native_2.FocusZone, { isCircularNavigation: true },
             React.createElement(styles_1.SubheaderText, null, "FocusZone with Circular Navigation"),
-            React.createElement(ListOfCheckboxes, null)),
+            React.createElement(Checkboxes, null)),
         React.createElement(react_native_2.FocusZone, { disabled: true },
             React.createElement(styles_1.SubheaderText, null, "Disabled FocusZone"),
-            React.createElement(ListOfCheckboxes, null))));
+            React.createElement(Checkboxes, null))));
 };
 var GridOfButtons = function (props) {
-    return (React.createElement(React.Fragment, null, (0, tslib_1.__spreadArray)([], Array(props.gridHeight), true).map(function (_value, heightIndex) {
+    return (React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.dashedBorder }, (0, tslib_1.__spreadArray)([], Array(props.gridHeight), true).map(function (_value, heightIndex) {
         return (React.createElement(react_native_1.View, { key: heightIndex, style: styles_1.focusZoneTestStyles.focusZoneViewStyle }, (0, tslib_1.__spreadArray)([], Array(props.gridWidth), true).map(function (_value, widthIndex) {
-            var _a;
             var gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
-            return (React.createElement(styles_1.GridButton, { key: widthIndex, style: styles_1.focusZoneTestStyles.focusZoneButton, componentRef: (_a = props === null || props === void 0 ? void 0 : props.buttonRefs) === null || _a === void 0 ? void 0 : _a[gridIndex], onClick: function () {
-                    var _a;
-                    (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, gridIndex);
-                } },
+            return (React.createElement(styles_1.GridButton, { key: widthIndex, style: styles_1.focusZoneTestStyles.focusZoneButton },
                 React.createElement(react_native_2.Text, null, gridIndex)));
         })));
     })));
 };
-var Navigation2DFocusZone = function () {
-    var _a = React.useState(5), defaultTabbableElementIndex = _a[0], setDefaultTabbableElementIndex = _a[1];
-    var gridWidth = 3, gridHeight = 4;
-    var refMemo = React.useMemo(function () {
-        return Array(gridWidth * gridHeight)
-            .fill(null)
-            .map(function () { return React.createRef(); });
-    }, [gridWidth, gridHeight]);
-    var buttonRefs = React.useRef(refMemo);
-    var defaultTextNote = 'The defaultTabbableElement is ' + defaultTabbableElementIndex;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_native_2.Text, null, defaultTextNote),
-        React.createElement(button_1.ButtonV1, { onClick: function () { return setDefaultTabbableElementIndex(null); }, style: { marginTop: 10 } }, "Clear defaultTabbableElement"),
-        React.createElement(FocusZoneListWrapper, null,
-            React.createElement(react_native_2.FocusZone, { use2DNavigation: true, defaultTabbableElement: defaultTabbableElementIndex ? buttonRefs.current[defaultTabbableElementIndex] : undefined, isCircularNavigation: true },
-                React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.focusZoneContainer }, GridOfButtons({
-                    gridWidth: 3,
-                    gridHeight: 4,
-                    buttonRefs: buttonRefs.current,
-                    onClick: function (index) { return setDefaultTabbableElementIndex(index); },
-                }))))));
-};
 function SwitchWithLabel(props) {
     var label = props.label, value = props.value, onValueChange = props.onValueChange;
     return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
         React.createElement(react_native_2.Text, null, label),
         React.createElement(react_native_1.Switch, { value: value, onValueChange: onValueChange })));
 }
-var CustomizableFocusZone = function () {
+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('bidirectional'), focusZoneDirection = _d[0], setFocusZoneDirection = _d[1];
-    var menuItems = FocusZoneDirections.map(function (direction) { return ({ itemKey: direction, text: direction }); });
+    var _d = React.useState('bidirectional'), direction = _d[0], setDirection = _d[1];
     return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
-        React.createElement(stack_1.Stack, { style: styles_1.stackStyleFocusZone },
-            React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
-                React.createElement(SwitchWithLabel, { label: "2D Navigation", value: is2DNav, onValueChange: set2dNav }),
-                React.createElement(SwitchWithLabel, { label: "Disabled", value: isDisabled, onValueChange: setDisabled }),
-                React.createElement(SwitchWithLabel, { label: "Circular Navigation", value: isCircularNav, onValueChange: setIsCircularNav }),
-                React.createElement(experimental_menu_button_1.MenuButton, { content: focusZoneDirection, menuItems: menuItems, onItemClick: function (direction) { return setFocusZoneDirection(direction); }, contextualMenu: {
-                        shouldFocusOnMount: true,
-                        shouldFocusOnContainer: true,
-                    } })),
-            React.createElement(FocusZoneListWrapper, null,
-                React.createElement(react_native_2.FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: focusZoneDirection, isCircularNavigation: isCircularNav },
-                    React.createElement(react_native_1.View, { style: styles_1.focusZoneTestStyles.focusZoneContainer }, GridOfButtons({ gridWidth: 3, gridHeight: 3 })))))));
+        React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
+            React.createElement(SwitchWithLabel, { label: "2D Navigation", value: is2DNav, onValueChange: set2dNav }),
+            React.createElement(SwitchWithLabel, { label: "Disabled", value: isDisabled, onValueChange: setDisabled }),
+            React.createElement(SwitchWithLabel, { label: "Circular Navigation", value: isCircularNav, onValueChange: setIsCircularNav }),
+            React.createElement(MenuPicker_1.MenuPicker, { prompt: "Direction", selected: direction, onChange: setDirection, collection: directionCollection })),
+        React.createElement(FocusZoneListWrapper, null,
+            React.createElement(react_native_2.FocusZone, { disabled: isDisabled, use2DNavigation: is2DNav, focusZoneDirection: direction, isCircularNavigation: isCircularNav },
+                React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 3 })))));
 };
 var focusZoneSections = [
+    {
+        name: 'Common FocusZone Usage',
+        component: CommonUsageFocusZone,
+    },
     {
         name: 'Directional FocusZone Usage',
         testID: consts_1.FOCUSZONE_TESTPAGE,
         component: DirectionalFocusZone,
     },
     {
-        name: 'Common FocusZone Usage',
-        component: CommonUsageFocusZone,
+        name: '2D Navigation',
+        component: FocusZone2D,
     },
     {
-        name: '2D Navigation',
-        component: Navigation2DFocusZone,
+        name: 'ScrollView inside FocusZone',
+        component: FocusZoneInsideScrollView,
+    },
+    {
+        name: 'FocusZone with no focusable components',
+        component: FocusZoneNoFocusableElements,
     },
     {
-        name: 'Customizable FocusZone',
-        component: CustomizableFocusZone,
+        name: 'FocusZone with no props',
+        component: FocusZoneNoProps,
     },
     {
-        name: 'FocusZone Edge Cases',
-        component: EdgeCasesFocusZone,
+        name: 'Nested FocusZone',
+        component: NestedFocusZone,
     },
 ];
 var FocusZoneTest = function () {

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

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

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

@@ -1,13 +1,8 @@
-import { IStackProps } from '@fluentui-react-native/stack';
 export declare const focusZoneTestStyles: {
     focusZoneViewStyle: {
         flexDirection: "row";
         alignContent: "flex-start";
         alignItems: "flex-start";
-    };
-    focusZoneContainer: {
-        flexDirection: "column";
-        justifyContent: "space-evenly";
         padding: number;
     };
     nestedFocusZoneStyle: {
@@ -18,11 +13,29 @@ export declare const focusZoneTestStyles: {
     focusZoneButton: {
         height: number;
         width: number;
+        margin: number;
+    };
+    listWrapperButton: {
+        marginVertical: number;
+    };
+    dashedBorder: {
+        borderWidth: number;
+        borderStyle: "dashed";
+    };
+    scrollViewStyle: {
+        height: number;
+        width: number;
+    };
+    scrollViewContentStyle: {
+        backgroundColor: string;
+    };
+    scrollViewButton: {
+        marginHorizontal: number;
+        marginBottom: 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").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
-export declare const stackStyleFocusZone: IStackProps['style'];
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;yQAGxB,CAAC;AAEH,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAGpD,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;yQAGxB,CAAC"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stackStyleFocusZone = exports.SubheaderText = exports.GridButton = exports.focusZoneTestStyles = void 0;
+exports.SubheaderText = exports.GridButton = exports.focusZoneTestStyles = void 0;
 var react_native_1 = require("react-native");
 var react_native_2 = require("@fluentui/react-native");
 var button_1 = require("@fluentui-react-native/button");
@@ -10,11 +10,7 @@ exports.focusZoneTestStyles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
         alignContent: 'flex-start',
         alignItems: 'flex-start',
-    },
-    focusZoneContainer: {
-        flexDirection: 'column',
-        justifyContent: 'space-evenly',
-        padding: 4,
+        padding: 10,
     },
     nestedFocusZoneStyle: {
         borderWidth: 1,
@@ -22,8 +18,27 @@ exports.focusZoneTestStyles = react_native_1.StyleSheet.create({
         margin: 8,
     },
     focusZoneButton: {
-        height: 50,
-        width: 50,
+        height: 30,
+        width: 100,
+        margin: 10,
+    },
+    listWrapperButton: {
+        marginVertical: 10,
+    },
+    dashedBorder: {
+        borderWidth: 1,
+        borderStyle: 'dashed',
+    },
+    scrollViewStyle: {
+        height: 100,
+        width: 300,
+    },
+    scrollViewContentStyle: {
+        backgroundColor: 'grey',
+    },
+    scrollViewButton: {
+        marginHorizontal: 20,
+        marginBottom: 100,
     },
 });
 exports.GridButton = button_1.ButtonV1.compose({
@@ -42,8 +57,4 @@ exports.SubheaderText = react_native_2.Text.customize({
     tokens: { variant: 'subheaderSemibold' },
     root: { style: { textDecorationLine: 'underline' } },
 });
-exports.stackStyleFocusZone = {
-    flexDirection: 'column',
-    marginBottom: 40,
-};
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAEhD,uDAA8C;AAC9C,wDAAmE;AACnE,oDAAmD;AAEtC,QAAA,mBAAmB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACnD,kBAAkB,EAAE;QAClB,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,YAAY;KACzB;IACD,kBAAkB,EAAE;QAClB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,cAAc;QAC9B,OAAO,EAAE,CAAC;KACX;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,EAAE;KACV;CACF,CAAC,CAAC;AAEU,QAAA,UAAU,GAAG,iBAAM,CAAC,OAAO,CAAC;IACvC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;QACV,OAAO,EAAE,mBAAI;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;AAEU,QAAA,aAAa,GAAG,mBAAI,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;AAEU,QAAA,mBAAmB,GAAyB;IACvD,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,EAAE;CACjB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAChD,uDAA8C;AAC9C,wDAAmE;AACnE,oDAAmD;AAEtC,QAAA,mBAAmB,GAAG,yBAAU,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,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;CACF,CAAC,CAAC;AAEU,QAAA,UAAU,GAAG,iBAAM,CAAC,OAAO,CAAC;IACvC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;QACV,OAAO,EAAE,mBAAI;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;AAEU,QAAA,aAAa,GAAG,mBAAI,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"}