@fluentui-react-native/tester 0.156.4 → 0.157.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +58 -1
- package/CHANGELOG.md +17 -2
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.d.ts +2 -1
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.js +1 -0
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js +17 -2
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.d.ts +2 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.js +2 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneE2ETest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js +15 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/package.json +8 -8
- package/src/TestComponents/FocusZone/FocusZoneE2ETest.tsx +2 -1
- package/src/TestComponents/FocusZone/FocusZoneTest.tsx +28 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,64 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 17 Oct 2023 19:20:08 GMT",
|
|
6
|
+
"version": "0.157.0",
|
|
7
|
+
"tag": "@fluentui-react-native/tester_v0.157.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "safreibe@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "8f8c60c46ed91076bde2e5a00c88a2a63de9861b",
|
|
14
|
+
"comment": "Adding prop in FocusZone to configure tab key navigation"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.7.25",
|
|
20
|
+
"commit": "not available"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.9.15",
|
|
26
|
+
"commit": "not available"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/menu to v1.11.24",
|
|
32
|
+
"commit": "not available"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/radio-group to v0.19.4",
|
|
38
|
+
"commit": "not available"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/tablist to v0.4.1",
|
|
44
|
+
"commit": "not available"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"comment": "Bump @fluentui/react-native to v0.38.0",
|
|
50
|
+
"commit": "not available"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/focus-zone to v0.13.0",
|
|
56
|
+
"commit": "not available"
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"date": "Thu, 28 Sep 2023 03:54:05 GMT",
|
|
6
63
|
"version": "0.156.4",
|
|
7
64
|
"tag": "@fluentui-react-native/tester_v0.156.4",
|
|
8
65
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 17 Oct 2023 19:20:08 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.157.0
|
|
8
|
+
|
|
9
|
+
Tue, 17 Oct 2023 19:20:08 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Adding prop in FocusZone to configure tab key navigation (safreibe@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.7.25
|
|
15
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.9.15
|
|
16
|
+
- Bump @fluentui-react-native/menu to v1.11.24
|
|
17
|
+
- Bump @fluentui-react-native/radio-group to v0.19.4
|
|
18
|
+
- Bump @fluentui-react-native/tablist to v0.4.1
|
|
19
|
+
- Bump @fluentui/react-native to v0.38.0
|
|
20
|
+
- Bump @fluentui-react-native/focus-zone to v0.13.0
|
|
21
|
+
|
|
7
22
|
## 0.156.4
|
|
8
23
|
|
|
9
|
-
Thu, 28 Sep 2023 03:
|
|
24
|
+
Thu, 28 Sep 2023 03:54:05 GMT
|
|
10
25
|
|
|
11
26
|
### Patches
|
|
12
27
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import type { FocusZoneDirection } from '@fluentui/react-native';
|
|
3
|
+
import type { FocusZoneDirection, FocusZoneTabNavigation } from '@fluentui/react-native';
|
|
4
4
|
export declare const FocusZoneDirections: FocusZoneDirection[];
|
|
5
|
+
export declare const FocusZoneTabNavigations: FocusZoneTabNavigation[];
|
|
5
6
|
type FocusZoneListWrapperProps = React.PropsWithChildren<{
|
|
6
7
|
beforeID?: string;
|
|
7
8
|
afterID?: string;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAuBzF,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAAwD,CAAC;AAC7G,eAAO,MAAM,uBAAuB,EAAE,sBAAsB,EAA6D,CAAC;AAE1H,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,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"}
|
|
@@ -9,6 +9,7 @@ import { FOCUSZONE_CIRCLE_NAV_SWITCH, FOCUSZONE_DEFAULT_TABBABLE_SWITCH, FOCUSZO
|
|
|
9
9
|
import { commonTestStyles } from '../Common/styles';
|
|
10
10
|
import { testProps } from '../Common/TestProps';
|
|
11
11
|
export var FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
12
|
+
export var FocusZoneTabNavigations = ['None', 'NavigateWrap', 'NavigateStopAtEnds', 'Normal'];
|
|
12
13
|
export var FocusZoneListWrapper = function (_a) {
|
|
13
14
|
var beforeID = _a.beforeID, afterID = _a.afterID, children = _a.children;
|
|
14
15
|
var buttonProps = { children: 'Click to Focus', style: focusZoneTestStyles.listWrapperButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EACL,2BAA2B,EAC3B,iCAAiC,EACjC,sBAAsB,EACtB,0BAA0B,EAC1B,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,mBAAmB,GAAyB,CAAC,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneE2ETest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View, ScrollView, Pressable } from 'react-native';
|
|
4
|
-
import { FocusZone, Text, useOnPressWithFocus } from '@fluentui/react-native';
|
|
4
|
+
import { FocusZone, MenuButton, Text, useOnPressWithFocus } from '@fluentui/react-native';
|
|
5
5
|
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
6
6
|
import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
|
|
7
|
-
import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, GridOfButtons } from './FocusZoneE2ETest';
|
|
7
|
+
import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, FocusZoneTabNavigations, GridOfButtons } from './FocusZoneE2ETest';
|
|
8
8
|
import { focusZoneTestStyles, SubheaderText } from './styles';
|
|
9
9
|
import { FOCUSZONE_TESTPAGE } from '../../../../E2E/src/FocusZone/consts';
|
|
10
10
|
import { MenuPicker } from '../Common/MenuPicker';
|
|
@@ -50,6 +50,17 @@ var FocusZoneNoProps = function () {
|
|
|
50
50
|
return (React.createElement(FocusZone, null,
|
|
51
51
|
React.createElement(Checkboxes, null)));
|
|
52
52
|
};
|
|
53
|
+
var FocusZoneTabNavigationComponent = function () {
|
|
54
|
+
var _a = React.useState('None'), tabNavigation = _a[0], setTabNavigation = _a[1];
|
|
55
|
+
return (React.createElement(View, null,
|
|
56
|
+
React.createElement(Text, null, "FocusZone Tab Navigation"),
|
|
57
|
+
React.createElement(MenuButton, { content: "Current tab key navigation: ".concat(tabNavigation), menuItems: FocusZoneTabNavigations.map(function (dir) { return ({
|
|
58
|
+
itemKey: dir,
|
|
59
|
+
text: dir,
|
|
60
|
+
}); }), onItemClick: function (dir) { return setTabNavigation(dir); } }),
|
|
61
|
+
React.createElement(FocusZone, { tabKeyNavigation: tabNavigation },
|
|
62
|
+
React.createElement(Checkboxes, null))));
|
|
63
|
+
};
|
|
53
64
|
var TinyBox = function () {
|
|
54
65
|
var ref = React.useRef();
|
|
55
66
|
var onPress = useOnPressWithFocus(ref, null);
|
|
@@ -99,6 +110,10 @@ var focusZoneSections = [
|
|
|
99
110
|
name: 'Directional FocusZone Usage',
|
|
100
111
|
component: DirectionalFocusZone,
|
|
101
112
|
},
|
|
113
|
+
{
|
|
114
|
+
name: 'FocusZone with Tab Key Abstraction',
|
|
115
|
+
component: FocusZoneTabNavigationComponent,
|
|
116
|
+
},
|
|
102
117
|
{
|
|
103
118
|
name: 'ScrollView inside FocusZone',
|
|
104
119
|
component: FocusZoneInsideScrollView,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import type { FocusZoneDirection } from '@fluentui/react-native';
|
|
3
|
+
import type { FocusZoneDirection, FocusZoneTabNavigation } from '@fluentui/react-native';
|
|
4
4
|
export declare const FocusZoneDirections: FocusZoneDirection[];
|
|
5
|
+
export declare const FocusZoneTabNavigations: FocusZoneTabNavigation[];
|
|
5
6
|
type FocusZoneListWrapperProps = React.PropsWithChildren<{
|
|
6
7
|
beforeID?: string;
|
|
7
8
|
afterID?: string;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAuBzF,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAAwD,CAAC;AAC7G,eAAO,MAAM,uBAAuB,EAAE,sBAAsB,EAA6D,CAAC;AAE1H,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,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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FocusZone2D = exports.GridOfButtons = exports.FocusZoneListWrapper = exports.FocusZoneDirections = void 0;
|
|
3
|
+
exports.FocusZone2D = exports.GridOfButtons = exports.FocusZoneListWrapper = exports.FocusZoneTabNavigations = exports.FocusZoneDirections = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
@@ -12,6 +12,7 @@ var consts_1 = require("../../../../E2E/src/FocusZone/consts");
|
|
|
12
12
|
var styles_2 = require("../Common/styles");
|
|
13
13
|
var TestProps_1 = require("../Common/TestProps");
|
|
14
14
|
exports.FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
15
|
+
exports.FocusZoneTabNavigations = ['None', 'NavigateWrap', 'NavigateStopAtEnds', 'Normal'];
|
|
15
16
|
var FocusZoneListWrapper = function (_a) {
|
|
16
17
|
var beforeID = _a.beforeID, afterID = _a.afterID, children = _a.children;
|
|
17
18
|
var buttonProps = { children: 'Click to Focus', style: styles_1.focusZoneTestStyles.listWrapperButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneE2ETest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAAoC;AAGpC,uDAAqE;AAErE,wDAAmE;AACnE,wDAAuD;AAEvD,mCAA2D;AAC3D,+DAW8C;AAE9C,2CAAoD;AACpD,iDAAgD;AAEnC,QAAA,mBAAmB,GAAyB,CAAC,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneE2ETest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkO/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}
|
|
@@ -53,6 +53,17 @@ var FocusZoneNoProps = function () {
|
|
|
53
53
|
return (React.createElement(react_native_2.FocusZone, null,
|
|
54
54
|
React.createElement(Checkboxes, null)));
|
|
55
55
|
};
|
|
56
|
+
var FocusZoneTabNavigationComponent = function () {
|
|
57
|
+
var _a = React.useState('None'), tabNavigation = _a[0], setTabNavigation = _a[1];
|
|
58
|
+
return (React.createElement(react_native_1.View, null,
|
|
59
|
+
React.createElement(react_native_2.Text, null, "FocusZone Tab Navigation"),
|
|
60
|
+
React.createElement(react_native_2.MenuButton, { content: "Current tab key navigation: ".concat(tabNavigation), menuItems: FocusZoneE2ETest_1.FocusZoneTabNavigations.map(function (dir) { return ({
|
|
61
|
+
itemKey: dir,
|
|
62
|
+
text: dir,
|
|
63
|
+
}); }), onItemClick: function (dir) { return setTabNavigation(dir); } }),
|
|
64
|
+
React.createElement(react_native_2.FocusZone, { tabKeyNavigation: tabNavigation },
|
|
65
|
+
React.createElement(Checkboxes, null))));
|
|
66
|
+
};
|
|
56
67
|
var TinyBox = function () {
|
|
57
68
|
var ref = React.useRef();
|
|
58
69
|
var onPress = (0, react_native_2.useOnPressWithFocus)(ref, null);
|
|
@@ -102,6 +113,10 @@ var focusZoneSections = [
|
|
|
102
113
|
name: 'Directional FocusZone Usage',
|
|
103
114
|
component: DirectionalFocusZone,
|
|
104
115
|
},
|
|
116
|
+
{
|
|
117
|
+
name: 'FocusZone with Tab Key Abstraction',
|
|
118
|
+
component: FocusZoneTabNavigationComponent,
|
|
119
|
+
},
|
|
105
120
|
{
|
|
106
121
|
name: 'ScrollView inside FocusZone',
|
|
107
122
|
component: FocusZoneInsideScrollView,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAA2D;AAG3D,
|
|
1
|
+
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.157.0",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -49,25 +49,25 @@
|
|
|
49
49
|
"@fluentui-react-native/experimental-button": "0.18.17",
|
|
50
50
|
"@fluentui-react-native/experimental-checkbox": "0.15.13",
|
|
51
51
|
"@fluentui-react-native/experimental-expander": "0.6.9",
|
|
52
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.7.
|
|
52
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.7.25 <1.0.0",
|
|
53
53
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.9.1 <1.0.0",
|
|
54
54
|
"@fluentui-react-native/experimental-shadow": "0.4.8",
|
|
55
55
|
"@fluentui-react-native/experimental-shimmer": "0.11.2",
|
|
56
|
-
"@fluentui-react-native/experimental-tabs": "0.9.
|
|
56
|
+
"@fluentui-react-native/experimental-tabs": "0.9.15",
|
|
57
57
|
"@fluentui-react-native/experimental-text": ">=0.13.10 <1.0.0",
|
|
58
58
|
"@fluentui-react-native/framework": ">=0.11.6 <1.0.0",
|
|
59
59
|
"@fluentui-react-native/icon": "0.19.11",
|
|
60
60
|
"@fluentui-react-native/input": "^0.4.4",
|
|
61
61
|
"@fluentui-react-native/interactive-hooks": ">=0.24.8 <1.0.0",
|
|
62
|
-
"@fluentui-react-native/menu": "^1.11.
|
|
62
|
+
"@fluentui-react-native/menu": "^1.11.24",
|
|
63
63
|
"@fluentui-react-native/merge-props": ">=0.7.1 <1.0.0",
|
|
64
64
|
"@fluentui-react-native/notification": "0.23.17",
|
|
65
|
-
"@fluentui-react-native/radio-group": ">=0.19.
|
|
65
|
+
"@fluentui-react-native/radio-group": ">=0.19.4 <1.0.0",
|
|
66
66
|
"@fluentui-react-native/separator": "^0.16.6",
|
|
67
67
|
"@fluentui-react-native/spinner": "^0.7.11",
|
|
68
68
|
"@fluentui-react-native/stack": ">=0.8.12 <1.0.0",
|
|
69
69
|
"@fluentui-react-native/switch": "^0.11.3",
|
|
70
|
-
"@fluentui-react-native/tablist": "0.4.
|
|
70
|
+
"@fluentui-react-native/tablist": "0.4.1",
|
|
71
71
|
"@fluentui-react-native/text": ">=0.21.10 <1.0.0",
|
|
72
72
|
"@fluentui-react-native/theme": ">=0.9.1 <1.0.0",
|
|
73
73
|
"@fluentui-react-native/theme-tokens": "^0.25.1",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"@fluentui-react-native/theming-utils": ">=0.24.4 <1.0.0",
|
|
77
77
|
"@fluentui-react-native/vibrancy-view": ">=0.0.3 <1.0.0",
|
|
78
78
|
"@fluentui-react-native/win32-theme": ">=0.27.6 <1.0.0",
|
|
79
|
-
"@fluentui/react-native": ">=0.
|
|
79
|
+
"@fluentui/react-native": ">=0.38.0 <1.0.0",
|
|
80
80
|
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
81
81
|
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
82
82
|
"@fortawesome/react-native-fontawesome": "^0.3.0",
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"@babel/core": "^7.8.0",
|
|
96
96
|
"@babel/runtime": "^7.8.0",
|
|
97
97
|
"@fluentui-react-native/eslint-config-rules": "^0.1.1",
|
|
98
|
-
"@fluentui-react-native/focus-zone": "^0.
|
|
98
|
+
"@fluentui-react-native/focus-zone": "^0.13.0",
|
|
99
99
|
"@fluentui-react-native/scripts": "^0.1.1",
|
|
100
100
|
"@rnx-kit/cli": "^0.16.2",
|
|
101
101
|
"@rnx-kit/metro-config": "^1.3.1",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
|
|
4
|
-
import type { FocusZoneDirection } from '@fluentui/react-native';
|
|
4
|
+
import type { FocusZoneDirection, FocusZoneTabNavigation } from '@fluentui/react-native';
|
|
5
5
|
import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
|
|
6
6
|
import type { ButtonProps } from '@fluentui-react-native/button';
|
|
7
7
|
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
@@ -25,6 +25,7 @@ import { commonTestStyles } from '../Common/styles';
|
|
|
25
25
|
import { testProps } from '../Common/TestProps';
|
|
26
26
|
|
|
27
27
|
export const FocusZoneDirections: FocusZoneDirection[] = ['bidirectional', 'horizontal', 'vertical', 'none'];
|
|
28
|
+
export const FocusZoneTabNavigations: FocusZoneTabNavigation[] = ['None', 'NavigateWrap', 'NavigateStopAtEnds', 'Normal'];
|
|
28
29
|
|
|
29
30
|
type FocusZoneListWrapperProps = React.PropsWithChildren<{
|
|
30
31
|
beforeID?: string;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, ScrollView, Pressable } from 'react-native';
|
|
3
3
|
|
|
4
|
-
import type { FocusZoneDirection } from '@fluentui/react-native';
|
|
5
|
-
import { FocusZone, Text, useOnPressWithFocus } from '@fluentui/react-native';
|
|
4
|
+
import type { FocusZoneDirection, FocusZoneTabNavigation } from '@fluentui/react-native';
|
|
5
|
+
import { FocusZone, MenuButton, Text, useOnPressWithFocus } from '@fluentui/react-native';
|
|
6
6
|
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
7
7
|
import type { CheckboxProps } from '@fluentui-react-native/experimental-checkbox';
|
|
8
8
|
import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
|
|
9
9
|
|
|
10
|
-
import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, GridOfButtons } from './FocusZoneE2ETest';
|
|
10
|
+
import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, FocusZoneTabNavigations, GridOfButtons } from './FocusZoneE2ETest';
|
|
11
11
|
import { focusZoneTestStyles, SubheaderText } from './styles';
|
|
12
12
|
import { FOCUSZONE_TESTPAGE } from '../../../../E2E/src/FocusZone/consts';
|
|
13
13
|
import type { CollectionItem } from '../Common/MenuPicker';
|
|
@@ -93,6 +93,27 @@ const FocusZoneNoProps: React.FunctionComponent = () => {
|
|
|
93
93
|
);
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
+
const FocusZoneTabNavigationComponent: React.FunctionComponent = () => {
|
|
97
|
+
const [tabNavigation, setTabNavigation] = React.useState<FocusZoneTabNavigation>('None');
|
|
98
|
+
|
|
99
|
+
return (
|
|
100
|
+
<View>
|
|
101
|
+
<Text>FocusZone Tab Navigation</Text>
|
|
102
|
+
<MenuButton
|
|
103
|
+
content={`Current tab key navigation: ${tabNavigation}`}
|
|
104
|
+
menuItems={FocusZoneTabNavigations.map((dir) => ({
|
|
105
|
+
itemKey: dir,
|
|
106
|
+
text: dir,
|
|
107
|
+
}))}
|
|
108
|
+
onItemClick={(dir) => setTabNavigation(dir as FocusZoneTabNavigation)}
|
|
109
|
+
/>
|
|
110
|
+
<FocusZone tabKeyNavigation={tabNavigation}>
|
|
111
|
+
<Checkboxes />
|
|
112
|
+
</FocusZone>
|
|
113
|
+
</View>
|
|
114
|
+
);
|
|
115
|
+
};
|
|
116
|
+
|
|
96
117
|
const TinyBox = () => {
|
|
97
118
|
const ref = React.useRef<View>();
|
|
98
119
|
const onPress = useOnPressWithFocus(ref, null);
|
|
@@ -170,6 +191,10 @@ const focusZoneSections: TestSection[] = [
|
|
|
170
191
|
name: 'Directional FocusZone Usage',
|
|
171
192
|
component: DirectionalFocusZone,
|
|
172
193
|
},
|
|
194
|
+
{
|
|
195
|
+
name: 'FocusZone with Tab Key Abstraction',
|
|
196
|
+
component: FocusZoneTabNavigationComponent,
|
|
197
|
+
},
|
|
173
198
|
{
|
|
174
199
|
name: 'ScrollView inside FocusZone',
|
|
175
200
|
component: FocusZoneInsideScrollView,
|