@fluentui-react-native/tester 0.64.3 → 0.64.4
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 +23 -2
- package/CHANGELOG.md +11 -2
- package/lib/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js +15 -6
- package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js +15 -6
- package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
- package/package.json +2 -2
- package/src/FluentTester/TestComponents/Menu/MenuTest.tsx +17 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Mon, 13 Jun 2022
|
|
5
|
+
"date": "Mon, 13 Jun 2022 23:05:31 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.64.4",
|
|
7
|
+
"version": "0.64.4",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "4b0ff05c94a8c8ea7a1b00347c9b6590461d973a",
|
|
14
|
+
"comment": "Fix selection not persisting between menu sessions, and API type"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/menu to v0.14.4",
|
|
20
|
+
"commit": "4b0ff05c94a8c8ea7a1b00347c9b6590461d973a"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Mon, 13 Jun 2022 21:38:26 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/tester_v0.64.3",
|
|
7
28
|
"version": "0.64.3",
|
|
8
29
|
"comments": {
|
|
@@ -11,7 +32,7 @@
|
|
|
11
32
|
"author": "beachball",
|
|
12
33
|
"package": "@fluentui-react-native/tester",
|
|
13
34
|
"comment": "Bump @fluentui-react-native/menu to v0.14.3",
|
|
14
|
-
"commit": "
|
|
35
|
+
"commit": "45ee52be3e261c448478f346c81c36f9055904b6"
|
|
15
36
|
}
|
|
16
37
|
]
|
|
17
38
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Mon, 13 Jun 2022
|
|
3
|
+
This log was last generated on Mon, 13 Jun 2022 23:05:31 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.64.4
|
|
8
|
+
|
|
9
|
+
Mon, 13 Jun 2022 23:05:31 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Fix selection not persisting between menu sessions, and API type (ruaraki@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/menu to v0.14.4
|
|
15
|
+
|
|
7
16
|
## 0.64.3
|
|
8
17
|
|
|
9
|
-
Mon, 13 Jun 2022 21:38:
|
|
18
|
+
Mon, 13 Jun 2022 21:38:26 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwN/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAa5B,CAAC"}
|
|
@@ -5,6 +5,7 @@ import { Stack } from '@fluentui-react-native/stack';
|
|
|
5
5
|
import { stackStyle } from '../Common/styles';
|
|
6
6
|
import { MENU_TESTPAGE } from './consts';
|
|
7
7
|
import { Test } from '../Test';
|
|
8
|
+
import { Text } from '@fluentui-react-native/experimental-text';
|
|
8
9
|
import { E2EMenuTest } from './E2EMenuTest';
|
|
9
10
|
var MenuDefault = function () {
|
|
10
11
|
return (React.createElement(Stack, { style: stackStyle },
|
|
@@ -19,7 +20,7 @@ var MenuDefault = function () {
|
|
|
19
20
|
};
|
|
20
21
|
var MenuCheckmarks = function () {
|
|
21
22
|
return (React.createElement(Stack, { style: stackStyle },
|
|
22
|
-
React.createElement(Menu, { defaultChecked:
|
|
23
|
+
React.createElement(Menu, { defaultChecked: ['itemOne'] },
|
|
23
24
|
React.createElement(MenuTrigger, null,
|
|
24
25
|
React.createElement(Button, null, "All checkmark items")),
|
|
25
26
|
React.createElement(MenuPopover, null,
|
|
@@ -27,7 +28,7 @@ var MenuCheckmarks = function () {
|
|
|
27
28
|
React.createElement(MenuItemCheckbox, { name: "itemOne", content: "A MenuItem with checkmark" }),
|
|
28
29
|
React.createElement(MenuDivider, null),
|
|
29
30
|
React.createElement(MenuItemCheckbox, { name: "itemTwo", content: "Another MenuItem with checkmark" })))),
|
|
30
|
-
React.createElement(Menu, { hasCheckmarks: true, checked:
|
|
31
|
+
React.createElement(Menu, { hasCheckmarks: true, checked: ['itemTwo'] },
|
|
31
32
|
React.createElement(MenuTrigger, null,
|
|
32
33
|
React.createElement(Button, null, "Some controlled checkmark items with alignment")),
|
|
33
34
|
React.createElement(MenuPopover, null,
|
|
@@ -46,15 +47,23 @@ var MenuCheckmarks = function () {
|
|
|
46
47
|
React.createElement(MenuItemCheckbox, { name: "itemThree", content: "A MenuItem with checkmark" }))))));
|
|
47
48
|
};
|
|
48
49
|
var MenuRadioItem = function () {
|
|
50
|
+
var _a = React.useState(['itemOne']), checked = _a[0], setChecked = _a[1];
|
|
51
|
+
var onCheckedChange = React.useCallback(function (_e, checkedChange) {
|
|
52
|
+
setChecked(checkedChange);
|
|
53
|
+
}, [setChecked]);
|
|
49
54
|
return (React.createElement(Stack, { style: stackStyle },
|
|
50
|
-
React.createElement(
|
|
55
|
+
React.createElement(Text, null,
|
|
56
|
+
"Current checked: ",
|
|
57
|
+
checked.join(' ')),
|
|
58
|
+
React.createElement(Menu, { defaultChecked: ['itemOne'], onCheckedChange: onCheckedChange },
|
|
51
59
|
React.createElement(MenuTrigger, null,
|
|
52
60
|
React.createElement(Button, null, "Items with radio selection")),
|
|
53
61
|
React.createElement(MenuPopover, null,
|
|
54
62
|
React.createElement(MenuList, null,
|
|
55
|
-
React.createElement(MenuItemRadio, { name: "itemOne", content: "A MenuItem with checkmark" }),
|
|
56
|
-
React.createElement(MenuItemRadio, { name: "itemTwo", content: "Another MenuItem with checkmark" }),
|
|
57
|
-
React.createElement(MenuItemRadio, { name: "itemThree", content: "A third MenuItem with checkmark" })
|
|
63
|
+
React.createElement(MenuItemRadio, { name: "itemOne", content: "A MenuItem with checkmark and radio selection" }),
|
|
64
|
+
React.createElement(MenuItemRadio, { name: "itemTwo", content: "Another MenuItem with checkmark and radio selection" }),
|
|
65
|
+
React.createElement(MenuItemRadio, { name: "itemThree", content: "A third MenuItem with checkmark and radio selection" }),
|
|
66
|
+
React.createElement(MenuItemCheckbox, { name: "itemFour", content: "A MenuItem with checkmark and toggle selection" }))))));
|
|
58
67
|
};
|
|
59
68
|
var Submenu = function () {
|
|
60
69
|
return (React.createElement(Menu, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI;YACH,oBAAC,WAAW;gBACV,oBAAC,MAAM,eAAc,CACT;YACd,oBAAC,WAAW;gBACV,oBAAC,QAAQ;oBACP,oBAAC,QAAQ,IAAC,OAAO,EAAC,kBAAkB,GAAG;oBACvC,oBAAC,QAAQ,IAAC,QAAQ,QAAC,OAAO,EAAC,kCAAkC,GAAG;oBAChE,oBAAC,QAAQ,IAAC,OAAO,EAAC,wBAAwB,GAAG,CACpC,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,IAAI,IAAC,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwN/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAa5B,CAAC"}
|
|
@@ -9,6 +9,7 @@ var stack_1 = require("@fluentui-react-native/stack");
|
|
|
9
9
|
var styles_1 = require("../Common/styles");
|
|
10
10
|
var consts_1 = require("./consts");
|
|
11
11
|
var Test_1 = require("../Test");
|
|
12
|
+
var experimental_text_1 = require("@fluentui-react-native/experimental-text");
|
|
12
13
|
var E2EMenuTest_1 = require("./E2EMenuTest");
|
|
13
14
|
var MenuDefault = function () {
|
|
14
15
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
@@ -23,7 +24,7 @@ var MenuDefault = function () {
|
|
|
23
24
|
};
|
|
24
25
|
var MenuCheckmarks = function () {
|
|
25
26
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
26
|
-
React.createElement(menu_1.Menu, { defaultChecked:
|
|
27
|
+
React.createElement(menu_1.Menu, { defaultChecked: ['itemOne'] },
|
|
27
28
|
React.createElement(menu_1.MenuTrigger, null,
|
|
28
29
|
React.createElement(react_native_1.ButtonV1, null, "All checkmark items")),
|
|
29
30
|
React.createElement(menu_1.MenuPopover, null,
|
|
@@ -31,7 +32,7 @@ var MenuCheckmarks = function () {
|
|
|
31
32
|
React.createElement(menu_1.MenuItemCheckbox, { name: "itemOne", content: "A MenuItem with checkmark" }),
|
|
32
33
|
React.createElement(menu_1.MenuDivider, null),
|
|
33
34
|
React.createElement(menu_1.MenuItemCheckbox, { name: "itemTwo", content: "Another MenuItem with checkmark" })))),
|
|
34
|
-
React.createElement(menu_1.Menu, { hasCheckmarks: true, checked:
|
|
35
|
+
React.createElement(menu_1.Menu, { hasCheckmarks: true, checked: ['itemTwo'] },
|
|
35
36
|
React.createElement(menu_1.MenuTrigger, null,
|
|
36
37
|
React.createElement(react_native_1.ButtonV1, null, "Some controlled checkmark items with alignment")),
|
|
37
38
|
React.createElement(menu_1.MenuPopover, null,
|
|
@@ -50,15 +51,23 @@ var MenuCheckmarks = function () {
|
|
|
50
51
|
React.createElement(menu_1.MenuItemCheckbox, { name: "itemThree", content: "A MenuItem with checkmark" }))))));
|
|
51
52
|
};
|
|
52
53
|
var MenuRadioItem = function () {
|
|
54
|
+
var _a = React.useState(['itemOne']), checked = _a[0], setChecked = _a[1];
|
|
55
|
+
var onCheckedChange = React.useCallback(function (_e, checkedChange) {
|
|
56
|
+
setChecked(checkedChange);
|
|
57
|
+
}, [setChecked]);
|
|
53
58
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
54
|
-
React.createElement(
|
|
59
|
+
React.createElement(experimental_text_1.Text, null,
|
|
60
|
+
"Current checked: ",
|
|
61
|
+
checked.join(' ')),
|
|
62
|
+
React.createElement(menu_1.Menu, { defaultChecked: ['itemOne'], onCheckedChange: onCheckedChange },
|
|
55
63
|
React.createElement(menu_1.MenuTrigger, null,
|
|
56
64
|
React.createElement(react_native_1.ButtonV1, null, "Items with radio selection")),
|
|
57
65
|
React.createElement(menu_1.MenuPopover, null,
|
|
58
66
|
React.createElement(menu_1.MenuList, null,
|
|
59
|
-
React.createElement(menu_1.MenuItemRadio, { name: "itemOne", content: "A MenuItem with checkmark" }),
|
|
60
|
-
React.createElement(menu_1.MenuItemRadio, { name: "itemTwo", content: "Another MenuItem with checkmark" }),
|
|
61
|
-
React.createElement(menu_1.MenuItemRadio, { name: "itemThree", content: "A third MenuItem with checkmark" })
|
|
67
|
+
React.createElement(menu_1.MenuItemRadio, { name: "itemOne", content: "A MenuItem with checkmark and radio selection" }),
|
|
68
|
+
React.createElement(menu_1.MenuItemRadio, { name: "itemTwo", content: "Another MenuItem with checkmark and radio selection" }),
|
|
69
|
+
React.createElement(menu_1.MenuItemRadio, { name: "itemThree", content: "A third MenuItem with checkmark and radio selection" }),
|
|
70
|
+
React.createElement(menu_1.MenuItemCheckbox, { name: "itemFour", content: "A MenuItem with checkmark and toggle selection" }))))));
|
|
62
71
|
};
|
|
63
72
|
var Submenu = function () {
|
|
64
73
|
return (React.createElement(menu_1.Menu, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA4D;AAC5D,oDASqC;AACrC,sDAAqD;AACrD,2CAA8C;AAC9C,mCAAyC;AACzC,gCAA4D;AAC5D,6CAA4C;AAE5C,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,kBAAkB,GAAG;oBACvC,oBAAC,eAAQ,IAAC,QAAQ,QAAC,OAAO,EAAC,kCAAkC,GAAG;oBAChE,oBAAC,eAAQ,IAAC,OAAO,EAAC,wBAAwB,GAAG,CACpC,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI,IAAC,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA4D;AAC5D,oDASqC;AACrC,sDAAqD;AACrD,2CAA8C;AAC9C,mCAAyC;AACzC,gCAA4D;AAC5D,8EAAgE;AAChE,6CAA4C;AAE5C,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,kBAAkB,GAAG;oBACvC,oBAAC,eAAQ,IAAC,QAAQ,QAAC,OAAO,EAAC,kCAAkC,GAAG;oBAChE,oBAAC,eAAQ,IAAC,OAAO,EAAC,wBAAwB,GAAG,CACpC,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI,IAAC,cAAc,EAAE,CAAC,SAAS,CAAC;YAC/B,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,8BAA6B,CACxB;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,uBAAgB,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,2BAA2B,GAAG;oBACvE,oBAAC,kBAAW,OAAG;oBACf,oBAAC,uBAAgB,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,iCAAiC,GAAG,CACpE,CACC,CACT;QACP,oBAAC,WAAI,IAAC,aAAa,QAAC,OAAO,EAAE,CAAC,SAAS,CAAC;YACtC,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,yDAAwD,CACnD;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,kBAAkB,GAAG;oBACvC,oBAAC,uBAAgB,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,2BAA2B,GAAG;oBACvE,oBAAC,uBAAgB,IAAC,QAAQ,QAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,oCAAoC,GAAG;oBAC3F,oBAAC,uBAAgB,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,2BAA2B,GAAG,CAC/D,CACC,CACT;QACP,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,iDAAgD,CAC3C;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,kBAAkB,GAAG;oBACvC,oBAAC,uBAAgB,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,2BAA2B,GAAG;oBACvE,oBAAC,uBAAgB,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,2BAA2B,GAAG,CAChE,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IACvC,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,EAAlD,OAAO,QAAA,EAAE,UAAU,QAA+B,CAAC;IAC1D,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,UAAC,EAAE,EAAE,aAAa;QAChB,UAAU,CAAC,aAAa,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,wBAAI;;YAAmB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAQ;QACjD,oBAAC,WAAI,IAAC,cAAc,EAAE,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,eAAe;YACjE,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,qCAAoC,CAC/B;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,oBAAa,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,+CAA+C,GAAG;oBACxF,oBAAC,oBAAa,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,qDAAqD,GAAG;oBAC9F,oBAAC,oBAAa,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,qDAAqD,GAAG;oBAChG,oBAAC,uBAAgB,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,gDAAgD,GAAG,CACpF,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAA4B;IACvC,OAAO,CACL,oBAAC,WAAI;QACH,oBAAC,kBAAW;YACV,oBAAC,eAAQ,IAAC,OAAO,EAAC,mBAAmB,GAAG,CAC5B;QACd,oBAAC,kBAAW;YACV,oBAAC,eAAQ;gBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,mBAAmB,GAAG;gBACxC,oBAAC,eAAQ,IAAC,OAAO,EAAC,0BAA0B,GAAG;gBAC/C,oBAAC,OAAO,OAAG,CACF,CACC,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACF,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI,IAAC,WAAW;YACf,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACF,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAC5C,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAA/C,IAAI,QAAA,EAAE,OAAO,QAAkC,CAAC;IACvD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;QAClD,oBAAC,uBAAM,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,EAAd,CAAc,kBAAsB;QAC3D,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI;YACd,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,eAAc,CACT;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACF,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,sBAAa;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,yBAAW;KACvB;CACF,CAAC;AAEK,IAAM,QAAQ,GAA4B;IAC/C,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,8JAA8J,CAAC;IAEjK,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC;AAbW,QAAA,QAAQ,YAanB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.64.
|
|
3
|
+
"version": "0.64.4",
|
|
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>",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@fluentui-react-native/framework": ">=0.7.30 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/icon": "0.12.1",
|
|
46
46
|
"@fluentui-react-native/interactive-hooks": ">=0.16.2 <1.0.0",
|
|
47
|
-
"@fluentui-react-native/menu": ">=0.14.
|
|
47
|
+
"@fluentui-react-native/menu": ">=0.14.4 <1.0.0",
|
|
48
48
|
"@fluentui-react-native/stack": ">=0.6.29 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/theme": ">=0.6.11 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/theme-types": ">=0.17.0 <1.0.0",
|
|
@@ -14,6 +14,7 @@ import { Stack } from '@fluentui-react-native/stack';
|
|
|
14
14
|
import { stackStyle } from '../Common/styles';
|
|
15
15
|
import { MENU_TESTPAGE } from './consts';
|
|
16
16
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
17
|
+
import { Text } from '@fluentui-react-native/experimental-text';
|
|
17
18
|
import { E2EMenuTest } from './E2EMenuTest';
|
|
18
19
|
|
|
19
20
|
const MenuDefault: React.FunctionComponent = () => {
|
|
@@ -38,7 +39,7 @@ const MenuDefault: React.FunctionComponent = () => {
|
|
|
38
39
|
const MenuCheckmarks: React.FunctionComponent = () => {
|
|
39
40
|
return (
|
|
40
41
|
<Stack style={stackStyle}>
|
|
41
|
-
<Menu defaultChecked={
|
|
42
|
+
<Menu defaultChecked={['itemOne']}>
|
|
42
43
|
<MenuTrigger>
|
|
43
44
|
<Button>All checkmark items</Button>
|
|
44
45
|
</MenuTrigger>
|
|
@@ -50,7 +51,7 @@ const MenuCheckmarks: React.FunctionComponent = () => {
|
|
|
50
51
|
</MenuList>
|
|
51
52
|
</MenuPopover>
|
|
52
53
|
</Menu>
|
|
53
|
-
<Menu hasCheckmarks checked={
|
|
54
|
+
<Menu hasCheckmarks checked={['itemTwo']}>
|
|
54
55
|
<MenuTrigger>
|
|
55
56
|
<Button>Some controlled checkmark items with alignment</Button>
|
|
56
57
|
</MenuTrigger>
|
|
@@ -80,17 +81,27 @@ const MenuCheckmarks: React.FunctionComponent = () => {
|
|
|
80
81
|
};
|
|
81
82
|
|
|
82
83
|
const MenuRadioItem: React.FunctionComponent = () => {
|
|
84
|
+
const [checked, setChecked] = React.useState(['itemOne']);
|
|
85
|
+
const onCheckedChange = React.useCallback(
|
|
86
|
+
(_e, checkedChange) => {
|
|
87
|
+
setChecked(checkedChange);
|
|
88
|
+
},
|
|
89
|
+
[setChecked],
|
|
90
|
+
);
|
|
91
|
+
|
|
83
92
|
return (
|
|
84
93
|
<Stack style={stackStyle}>
|
|
85
|
-
<
|
|
94
|
+
<Text>Current checked: {checked.join(' ')}</Text>
|
|
95
|
+
<Menu defaultChecked={['itemOne']} onCheckedChange={onCheckedChange}>
|
|
86
96
|
<MenuTrigger>
|
|
87
97
|
<Button>Items with radio selection</Button>
|
|
88
98
|
</MenuTrigger>
|
|
89
99
|
<MenuPopover>
|
|
90
100
|
<MenuList>
|
|
91
|
-
<MenuItemRadio name="itemOne" content="A MenuItem with checkmark" />
|
|
92
|
-
<MenuItemRadio name="itemTwo" content="Another MenuItem with checkmark" />
|
|
93
|
-
<MenuItemRadio name="itemThree" content="A third MenuItem with checkmark" />
|
|
101
|
+
<MenuItemRadio name="itemOne" content="A MenuItem with checkmark and radio selection" />
|
|
102
|
+
<MenuItemRadio name="itemTwo" content="Another MenuItem with checkmark and radio selection" />
|
|
103
|
+
<MenuItemRadio name="itemThree" content="A third MenuItem with checkmark and radio selection" />
|
|
104
|
+
<MenuItemCheckbox name="itemFour" content="A MenuItem with checkmark and toggle selection" />
|
|
94
105
|
</MenuList>
|
|
95
106
|
</MenuPopover>
|
|
96
107
|
</Menu>
|