@fluentui-react-native/tester 0.170.1 → 0.170.3
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 +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js +19 -0
- package/lib/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.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 +19 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/FocusZoneTest.js.map +1 -1
- package/package.json +8 -8
- package/src/TestComponents/FocusZone/FocusZoneTest.tsx +30 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 26 Jul 2024 15:58:56 GMT",
|
|
6
|
+
"version": "0.170.3",
|
|
7
|
+
"tag": "@fluentui-react-native/tester_v0.170.3",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "nakambo@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "434c367e8cac7d3ef78f4827dab146748f3636d6",
|
|
14
|
+
"comment": "Add FocusZone Grid test case"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Tue, 23 Jul 2024 16:56:54 GMT",
|
|
6
21
|
"version": "0.170.1",
|
|
7
22
|
"tag": "@fluentui-react-native/tester_v0.170.1",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 26 Jul 2024 15:58:56 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.170.3
|
|
8
|
+
|
|
9
|
+
Fri, 26 Jul 2024 15:58:56 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Add FocusZone Grid test case (nakambo@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.170.1
|
|
8
16
|
|
|
9
|
-
Tue, 23 Jul 2024 16:
|
|
17
|
+
Tue, 23 Jul 2024 16:56:54 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
|
@@ -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;AAgQ/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}
|
|
@@ -100,6 +100,21 @@ var NestedFocusZone = function () {
|
|
|
100
100
|
React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
|
|
101
101
|
React.createElement(Button, null, "Inside Focus Zone"))))));
|
|
102
102
|
};
|
|
103
|
+
var FocusZoneGrid = function () {
|
|
104
|
+
var _a = React.useState(true), isCircularNavigation = _a[0], setCircularNavigation = _a[1];
|
|
105
|
+
var _b = React.useState('None'), tabNavigation = _b[0], setTabNavigation = _b[1];
|
|
106
|
+
var onCircularNavigationChange = React.useCallback(function (_, isChecked) { return setCircularNavigation(isChecked); }, []);
|
|
107
|
+
return (React.createElement(FocusZoneListWrapper, null,
|
|
108
|
+
React.createElement(React.Fragment, null,
|
|
109
|
+
React.createElement(Text, null, "FocusZone Grid"),
|
|
110
|
+
React.createElement(Checkbox, { label: "Circular Navigation", checked: isCircularNavigation, onChange: onCircularNavigationChange }),
|
|
111
|
+
React.createElement(MenuButton, { content: "Tab key navigation: ".concat(tabNavigation), menuItems: FocusZoneTabNavigations.map(function (dir) { return ({
|
|
112
|
+
itemKey: dir,
|
|
113
|
+
text: dir,
|
|
114
|
+
}); }), onItemClick: function (dir) { return setTabNavigation(dir); } }),
|
|
115
|
+
React.createElement(FocusZone, { isCircularNavigation: true, tabKeyNavigation: tabNavigation },
|
|
116
|
+
React.createElement(GridOfButtons, { gridWidth: 3, gridHeight: 3 })))));
|
|
117
|
+
};
|
|
103
118
|
var focusZoneSections = [
|
|
104
119
|
{
|
|
105
120
|
name: 'Common FocusZone Usage',
|
|
@@ -134,6 +149,10 @@ var focusZoneSections = [
|
|
|
134
149
|
name: 'Nested FocusZone',
|
|
135
150
|
component: NestedFocusZone,
|
|
136
151
|
},
|
|
152
|
+
{
|
|
153
|
+
name: 'FocusZone Grid',
|
|
154
|
+
component: FocusZoneGrid,
|
|
155
|
+
},
|
|
137
156
|
];
|
|
138
157
|
var e2eSections = [
|
|
139
158
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"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"}
|
|
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,UAAU,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACpI,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,mBAAmB,GAAqB,mBAAmB,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAA5B,CAA4B,CAAC,CAAC;AAE7G,IAAM,UAAU,GAAG,UAAC,KAAoB;IACtC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,YAAY;QAC3C,oBAAC,QAAQ,aAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI;QACxC,oBAAC,QAAQ,aAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI;QACxC,oBAAC,QAAQ,aAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CACnC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IAC9C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAqB,MAAM,CAAC,EAArE,SAAS,QAAA,EAAE,YAAY,QAA8C,CAAC;IAE7E,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,MAAM,EAAC,WAAW,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,mBAAmB,GAAI;QAC/G,oBAAC,SAAS,IAAC,kBAAkB,EAAE,SAAS;YACtC,oBAAC,UAAU,OAAG,CACJ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IACpD,OAAO,CACL,oBAAC,oBAAoB;QACnB,oBAAC,SAAS,IAAC,oBAAoB,EAAE,IAAI;YACnC,oBAAC,aAAa,6CAAmD;YACjE,oBAAC,UAAU,OAAG,CACJ;QACZ,oBAAC,SAAS,IAAC,QAAQ,EAAE,IAAI;YACvB,oBAAC,aAAa,6BAAmC;YACjD,oBAAC,UAAU,OAAG,CACJ,CACS,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAA4B;IACzD,OAAO,CACL,oBAAC,oBAAoB;QACnB,oBAAC,SAAS,IAAC,kBAAkB,EAAC,eAAe;YAC3C,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,YAAY;gBAC3C,oBAAC,MAAM,IAAC,KAAK,EAAE,mBAAmB,CAAC,iBAAiB,wBAA4B;gBAChF,oBAAC,UAAU,IACT,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,mBAAmB,CAAC,eAAe,EAC1C,qBAAqB,EAAE,mBAAmB,CAAC,sBAAsB,EACjE,4BAA4B,EAAE,IAAI;oBAElC,oBAAC,MAAM,IAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,QAAY;oBAC/D,oBAAC,MAAM,IAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,QAAY;oBAC/D,oBAAC,MAAM,IAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,QAAY,CACpD,CACR,CACG,CACS,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,4BAA4B,GAA4B;IAC5D,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,UAAU,IAAC,QAAQ,SAAG,CACb,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAA4B;IAChD,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,UAAU,OAAG,CACJ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,+BAA+B,GAA4B;IACzD,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAyB,MAAM,CAAC,EAAjF,aAAa,QAAA,EAAE,gBAAgB,QAAkD,CAAC;IAEzF,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,mCAAgC;QACrC,oBAAC,UAAU,IACT,OAAO,EAAE,sCAA+B,aAAa,CAAE,EACvD,SAAS,EAAE,uBAAuB,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;gBAC/C,OAAO,EAAE,GAAG;gBACZ,IAAI,EAAE,GAAG;aACV,CAAC,EAH8C,CAG9C,CAAC,EACH,WAAW,EAAE,UAAC,GAAG,IAAK,OAAA,gBAAgB,CAAC,GAA6B,CAAC,EAA/C,CAA+C,GACrE;QACF,oBAAC,SAAS,IAAC,gBAAgB,EAAE,aAAa;YACxC,oBAAC,UAAU,OAAG,CACJ,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAQ,CAAC;IACjC,IAAM,OAAO,GAAG,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO,oBAAC,SAAS,IAAC,SAAS,QAAC,KAAK,EAAE,mBAAmB,CAAC,aAAa,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AACvG,CAAC,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAQ,CAAC;IACjC,IAAM,OAAO,GAAG,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO,oBAAC,SAAS,IAAC,SAAS,QAAC,KAAK,EAAE,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AACtG,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG;IACf,OAAO,CACL,oBAAC,IAAI,IAAC,UAAU,QAAC,KAAK,EAAE,mBAAmB,CAAC,aAAa,SAElD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG;IACf,OAAO,CACL,oBAAC,IAAI,IAAC,UAAU,QAAC,KAAK,EAAE,mBAAmB,CAAC,YAAY,kBAEjD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAClD,OAAO,CACL,oBAAC,SAAS,IAAC,kBAAkB,EAAC,eAAe;QAC3C,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,YAAY;YAC3C,oBAAC,OAAO,OAAG;YACX,oBAAC,OAAO,OAAG;YACX,oBAAC,OAAO,OAAG;YACX,oBAAC,QAAQ,OAAG;YACZ,oBAAC,QAAQ,OAAG,CACP,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,oBAAC,oBAAoB;QACnB;YACE,oBAAC,IAAI,qCAAkC;YACvC,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,oBAAoB;gBACnD,oBAAC,SAAS,IAAC,kBAAkB,EAAC,UAAU;oBACtC,oBAAC,IAAI,wCAAqC;oBAC1C,oBAAC,SAAS,IAAC,kBAAkB,EAAC,YAAY;wBACxC,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAI,CACpC;oBACZ,oBAAC,IAAI,wCAAqC;oBAC1C,oBAAC,SAAS,IAAC,kBAAkB,EAAC,YAAY;wBACxC,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAI,CACpC;oBACZ,oBAAC,MAAM,4BAA2B,CACxB,CACP,CACN,CACkB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IACvC,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnE,oBAAoB,QAAA,EAAE,qBAAqB,QAAwB,CAAC;IACrE,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAyB,MAAM,CAAC,EAAjF,aAAa,QAAA,EAAE,gBAAgB,QAAkD,CAAC;IACzF,IAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,CAAC,EAAE,SAAkB,IAAK,OAAA,qBAAqB,CAAC,SAAS,CAAC,EAAhC,CAAgC,EAAE,EAAE,CAAC,CAAC;IAEtH,OAAO,CACL,oBAAC,oBAAoB;QACnB;YACE,oBAAC,IAAI,yBAAsB;YAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,0BAA0B,GAAI;YAC7G,oBAAC,UAAU,IACT,OAAO,EAAE,8BAAuB,aAAa,CAAE,EAC/C,SAAS,EAAE,uBAAuB,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;oBAC/C,OAAO,EAAE,GAAG;oBACZ,IAAI,EAAE,GAAG;iBACV,CAAC,EAH8C,CAG9C,CAAC,EACH,WAAW,EAAE,UAAC,GAAG,IAAK,OAAA,gBAAgB,CAAC,GAA6B,CAAC,EAA/C,CAA+C,GACrE;YACF,oBAAC,SAAS,IAAC,oBAAoB,QAAC,gBAAgB,EAAE,aAAa;gBAC7D,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAI,CACpC,CACX,CACkB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,oBAAoB;QAC/B,MAAM,EAAE,kBAAkB;KAC3B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,oBAAoB;KAChC;IACD;QACE,IAAI,EAAE,oCAAoC;QAC1C,SAAS,EAAE,+BAA+B;KAC3C;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,yBAAyB;KACrC;IACD;QACE,IAAI,EAAE,wCAAwC;QAC9C,SAAS,EAAE,4BAA4B;KACxC;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,0BAA0B;QAChC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACtI,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -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;AAgQ/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}
|
|
@@ -103,6 +103,21 @@ var NestedFocusZone = function () {
|
|
|
103
103
|
React.createElement(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 1 })),
|
|
104
104
|
React.createElement(button_1.ButtonV1, null, "Inside Focus Zone"))))));
|
|
105
105
|
};
|
|
106
|
+
var FocusZoneGrid = function () {
|
|
107
|
+
var _a = React.useState(true), isCircularNavigation = _a[0], setCircularNavigation = _a[1];
|
|
108
|
+
var _b = React.useState('None'), tabNavigation = _b[0], setTabNavigation = _b[1];
|
|
109
|
+
var onCircularNavigationChange = React.useCallback(function (_, isChecked) { return setCircularNavigation(isChecked); }, []);
|
|
110
|
+
return (React.createElement(FocusZoneE2ETest_1.FocusZoneListWrapper, null,
|
|
111
|
+
React.createElement(React.Fragment, null,
|
|
112
|
+
React.createElement(react_native_2.Text, null, "FocusZone Grid"),
|
|
113
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Circular Navigation", checked: isCircularNavigation, onChange: onCircularNavigationChange }),
|
|
114
|
+
React.createElement(react_native_2.MenuButton, { content: "Tab key navigation: ".concat(tabNavigation), menuItems: FocusZoneE2ETest_1.FocusZoneTabNavigations.map(function (dir) { return ({
|
|
115
|
+
itemKey: dir,
|
|
116
|
+
text: dir,
|
|
117
|
+
}); }), onItemClick: function (dir) { return setTabNavigation(dir); } }),
|
|
118
|
+
React.createElement(react_native_2.FocusZone, { isCircularNavigation: true, tabKeyNavigation: tabNavigation },
|
|
119
|
+
React.createElement(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 3 })))));
|
|
120
|
+
};
|
|
106
121
|
var focusZoneSections = [
|
|
107
122
|
{
|
|
108
123
|
name: 'Common FocusZone Usage',
|
|
@@ -137,6 +152,10 @@ var focusZoneSections = [
|
|
|
137
152
|
name: 'Nested FocusZone',
|
|
138
153
|
component: NestedFocusZone,
|
|
139
154
|
},
|
|
155
|
+
{
|
|
156
|
+
name: 'FocusZone Grid',
|
|
157
|
+
component: FocusZoneGrid,
|
|
158
|
+
},
|
|
140
159
|
];
|
|
141
160
|
var e2eSections = [
|
|
142
161
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusZoneTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAA2D;AAG3D,uDAA0F;AAC1F,wDAAmE;AAEnE,sFAAwE;AAExE,uDAAoI;AACpI,mCAA8D;AAC9D,+DAA0E;AAE1E,mDAAkD;AAElD,gCAA+B;AAE/B,IAAM,mBAAmB,GAAqB,sCAAmB,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAA5B,CAA4B,CAAC,CAAC;AAE7G,IAAM,UAAU,GAAG,UAAC,KAAoB;IACtC,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,4BAAmB,CAAC,YAAY;QAC3C,oBAAC,gCAAQ,qBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI;QACxC,oBAAC,gCAAQ,qBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI;QACxC,oBAAC,gCAAQ,qBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CACnC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IAC9C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAqB,MAAM,CAAC,EAArE,SAAS,QAAA,EAAE,YAAY,QAA8C,CAAC;IAE7E,OAAO,CACL;QACE,oBAAC,uBAAU,IAAC,MAAM,EAAC,WAAW,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,mBAAmB,GAAI;QAC/G,oBAAC,wBAAS,IAAC,kBAAkB,EAAE,SAAS;YACtC,oBAAC,UAAU,OAAG,CACJ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IACpD,OAAO,CACL,oBAAC,uCAAoB;QACnB,oBAAC,wBAAS,IAAC,oBAAoB,EAAE,IAAI;YACnC,oBAAC,sBAAa,6CAAmD;YACjE,oBAAC,UAAU,OAAG,CACJ;QACZ,oBAAC,wBAAS,IAAC,QAAQ,EAAE,IAAI;YACvB,oBAAC,sBAAa,6BAAmC;YACjD,oBAAC,UAAU,OAAG,CACJ,CACS,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAA4B;IACzD,OAAO,CACL,oBAAC,uCAAoB;QACnB,oBAAC,wBAAS,IAAC,kBAAkB,EAAC,eAAe;YAC3C,oBAAC,mBAAI,IAAC,KAAK,EAAE,4BAAmB,CAAC,YAAY;gBAC3C,oBAAC,iBAAM,IAAC,KAAK,EAAE,4BAAmB,CAAC,iBAAiB,wBAA4B;gBAChF,oBAAC,yBAAU,IACT,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,4BAAmB,CAAC,eAAe,EAC1C,qBAAqB,EAAE,4BAAmB,CAAC,sBAAsB,EACjE,4BAA4B,EAAE,IAAI;oBAElC,oBAAC,iBAAM,IAAC,KAAK,EAAE,4BAAmB,CAAC,gBAAgB,QAAY;oBAC/D,oBAAC,iBAAM,IAAC,KAAK,EAAE,4BAAmB,CAAC,gBAAgB,QAAY;oBAC/D,oBAAC,iBAAM,IAAC,KAAK,EAAE,4BAAmB,CAAC,gBAAgB,QAAY,CACpD,CACR,CACG,CACS,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,4BAA4B,GAA4B;IAC5D,OAAO,CACL,oBAAC,wBAAS;QACR,oBAAC,UAAU,IAAC,QAAQ,SAAG,CACb,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAA4B;IAChD,OAAO,CACL,oBAAC,wBAAS;QACR,oBAAC,UAAU,OAAG,CACJ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,+BAA+B,GAA4B;IACzD,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAyB,MAAM,CAAC,EAAjF,aAAa,QAAA,EAAE,gBAAgB,QAAkD,CAAC;IAEzF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,mCAAgC;QACrC,oBAAC,yBAAU,IACT,OAAO,EAAE,sCAA+B,aAAa,CAAE,EACvD,SAAS,EAAE,0CAAuB,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC;gBAC/C,OAAO,EAAE,GAAG;gBACZ,IAAI,EAAE,GAAG;aACV,CAAC,EAH8C,CAG9C,CAAC,EACH,WAAW,EAAE,UAAC,GAAG,IAAK,OAAA,gBAAgB,CAAC,GAA6B,CAAC,EAA/C,CAA+C,GACrE;QACF,oBAAC,wBAAS,IAAC,gBAAgB,EAAE,aAAa;YACxC,oBAAC,UAAU,OAAG,CACJ,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAQ,CAAC;IACjC,IAAM,OAAO,GAAG,IAAA,kCAAmB,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO,oBAAC,wBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,4BAAmB,CAAC,aAAa,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AACvG,CAAC,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAQ,CAAC;IACjC,IAAM,OAAO,GAAG,IAAA,kCAAmB,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO,oBAAC,wBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,4BAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AACtG,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG;IACf,OAAO,CACL,oBAAC,mBAAI,IAAC,UAAU,QAAC,KAAK,EAAE,4BAAmB,CAAC,aAAa,SAElD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG;IACf,OAAO,CACL,oBAAC,mBAAI,IAAC,UAAU,QAAC,KAAK,EAAE,4BAAmB,CAAC,YAAY,kBAEjD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAClD,OAAO,CACL,oBAAC,wBAAS,IAAC,kBAAkB,EAAC,eAAe;QAC3C,oBAAC,mBAAI,IAAC,KAAK,EAAE,4BAAmB,CAAC,YAAY;YAC3C,oBAAC,OAAO,OAAG;YACX,oBAAC,OAAO,OAAG;YACX,oBAAC,OAAO,OAAG;YACX,oBAAC,QAAQ,OAAG;YACZ,oBAAC,QAAQ,OAAG,CACP,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,oBAAC,uCAAoB;QACnB;YACE,oBAAC,mBAAI,qCAAkC;YACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,4BAAmB,CAAC,oBAAoB;gBACnD,oBAAC,wBAAS,IAAC,kBAAkB,EAAC,UAAU;oBACtC,oBAAC,mBAAI,wCAAqC;oBAC1C,oBAAC,wBAAS,IAAC,kBAAkB,EAAC,YAAY;wBACxC,oBAAC,gCAAa,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAI,CACpC;oBACZ,oBAAC,mBAAI,wCAAqC;oBAC1C,oBAAC,wBAAS,IAAC,kBAAkB,EAAC,YAAY;wBACxC,oBAAC,gCAAa,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAI,CACpC;oBACZ,oBAAC,iBAAM,4BAA2B,CACxB,CACP,CACN,CACkB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,oBAAoB;QAC/B,MAAM,EAAE,2BAAkB;KAC3B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,oBAAoB;KAChC;IACD;QACE,IAAI,EAAE,oCAAoC;QAC1C,SAAS,EAAE,+BAA+B;KAC3C;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,yBAAyB;KACrC;IACD;QACE,IAAI,EAAE,wCAAwC;QAC9C,SAAS,EAAE,4BAA4B;KACxC;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,0BAA0B;QAChC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,8BAAW;KACvB;CACF,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,OAAO,CACL,oBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACtI,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,aAAa,iBAYxB"}
|
|
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.170.
|
|
3
|
+
"version": "0.170.3",
|
|
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>",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@fluentui-react-native/experimental-avatar": "0.21.2",
|
|
49
49
|
"@fluentui-react-native/experimental-checkbox": "0.17.4",
|
|
50
50
|
"@fluentui-react-native/experimental-expander": "0.8.1",
|
|
51
|
-
"@fluentui-react-native/experimental-menu-button": "0.10.
|
|
51
|
+
"@fluentui-react-native/experimental-menu-button": "0.10.8",
|
|
52
52
|
"@fluentui-react-native/experimental-native-date-picker": "0.11.0",
|
|
53
53
|
"@fluentui-react-native/experimental-shadow": "0.6.0",
|
|
54
54
|
"@fluentui-react-native/experimental-shimmer": "0.13.3",
|
|
@@ -56,16 +56,16 @@
|
|
|
56
56
|
"@fluentui-react-native/icon": "0.21.3",
|
|
57
57
|
"@fluentui-react-native/input": "0.7.3",
|
|
58
58
|
"@fluentui-react-native/interactive-hooks": "0.27.0",
|
|
59
|
-
"@fluentui-react-native/menu": "1.14.
|
|
59
|
+
"@fluentui-react-native/menu": "1.14.10",
|
|
60
60
|
"@fluentui-react-native/merge-props": "0.9.0",
|
|
61
61
|
"@fluentui-react-native/notification": "0.25.4",
|
|
62
|
-
"@fluentui-react-native/overflow": "0.3.
|
|
63
|
-
"@fluentui-react-native/radio-group": "0.21.
|
|
62
|
+
"@fluentui-react-native/overflow": "0.3.10",
|
|
63
|
+
"@fluentui-react-native/radio-group": "0.21.8",
|
|
64
64
|
"@fluentui-react-native/separator": "0.18.0",
|
|
65
65
|
"@fluentui-react-native/spinner": "0.9.4",
|
|
66
66
|
"@fluentui-react-native/stack": "0.10.2",
|
|
67
67
|
"@fluentui-react-native/switch": "0.13.2",
|
|
68
|
-
"@fluentui-react-native/tablist": "0.6.
|
|
68
|
+
"@fluentui-react-native/tablist": "0.6.7",
|
|
69
69
|
"@fluentui-react-native/text": "0.24.1",
|
|
70
70
|
"@fluentui-react-native/theme": "0.11.0",
|
|
71
71
|
"@fluentui-react-native/theme-tokens": "0.27.0",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"@fluentui-react-native/tooltip": "0.4.3",
|
|
76
76
|
"@fluentui-react-native/vibrancy-view": "0.2.1",
|
|
77
77
|
"@fluentui-react-native/win32-theme": "0.34.3",
|
|
78
|
-
"@fluentui/react-native": "0.41.
|
|
78
|
+
"@fluentui/react-native": "0.41.11",
|
|
79
79
|
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
80
80
|
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
81
81
|
"@fortawesome/react-native-fontawesome": "^0.3.0",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"@babel/core": "^7.8.0",
|
|
95
95
|
"@babel/runtime": "^7.8.0",
|
|
96
96
|
"@fluentui-react-native/eslint-config-rules": "0.1.1",
|
|
97
|
-
"@fluentui-react-native/focus-zone": "0.
|
|
97
|
+
"@fluentui-react-native/focus-zone": "0.19.1",
|
|
98
98
|
"@fluentui-react-native/scripts": "0.1.1",
|
|
99
99
|
"@react-native/babel-preset": "^0.73.0",
|
|
100
100
|
"@react-native/metro-babel-transformer": "^0.73.0",
|
|
@@ -181,6 +181,32 @@ const NestedFocusZone: React.FunctionComponent = () => {
|
|
|
181
181
|
);
|
|
182
182
|
};
|
|
183
183
|
|
|
184
|
+
const FocusZoneGrid: React.FunctionComponent = () => {
|
|
185
|
+
const [isCircularNavigation, setCircularNavigation] = React.useState(true);
|
|
186
|
+
const [tabNavigation, setTabNavigation] = React.useState<FocusZoneTabNavigation>('None');
|
|
187
|
+
const onCircularNavigationChange = React.useCallback((_, isChecked: boolean) => setCircularNavigation(isChecked), []);
|
|
188
|
+
|
|
189
|
+
return (
|
|
190
|
+
<FocusZoneListWrapper>
|
|
191
|
+
<>
|
|
192
|
+
<Text>FocusZone Grid</Text>
|
|
193
|
+
<Checkbox label="Circular Navigation" checked={isCircularNavigation} onChange={onCircularNavigationChange} />
|
|
194
|
+
<MenuButton
|
|
195
|
+
content={`Tab key navigation: ${tabNavigation}`}
|
|
196
|
+
menuItems={FocusZoneTabNavigations.map((dir) => ({
|
|
197
|
+
itemKey: dir,
|
|
198
|
+
text: dir,
|
|
199
|
+
}))}
|
|
200
|
+
onItemClick={(dir) => setTabNavigation(dir as FocusZoneTabNavigation)}
|
|
201
|
+
/>
|
|
202
|
+
<FocusZone isCircularNavigation tabKeyNavigation={tabNavigation}>
|
|
203
|
+
<GridOfButtons gridWidth={3} gridHeight={3} />
|
|
204
|
+
</FocusZone>
|
|
205
|
+
</>
|
|
206
|
+
</FocusZoneListWrapper>
|
|
207
|
+
);
|
|
208
|
+
};
|
|
209
|
+
|
|
184
210
|
const focusZoneSections: TestSection[] = [
|
|
185
211
|
{
|
|
186
212
|
name: 'Common FocusZone Usage',
|
|
@@ -215,6 +241,10 @@ const focusZoneSections: TestSection[] = [
|
|
|
215
241
|
name: 'Nested FocusZone',
|
|
216
242
|
component: NestedFocusZone,
|
|
217
243
|
},
|
|
244
|
+
{
|
|
245
|
+
name: 'FocusZone Grid',
|
|
246
|
+
component: FocusZoneGrid,
|
|
247
|
+
},
|
|
218
248
|
];
|
|
219
249
|
|
|
220
250
|
const e2eSections: TestSection[] = [
|