@fluentui-react-native/tester 0.59.33 → 0.59.34

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.
Files changed (10) hide show
  1. package/CHANGELOG.json +28 -1
  2. package/CHANGELOG.md +12 -2
  3. package/lib/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
  4. package/lib/FluentTester/TestComponents/Menu/MenuTest.js +23 -1
  5. package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
  6. package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map +1 -1
  7. package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js +22 -0
  8. package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map +1 -1
  9. package/package.json +3 -3
  10. package/src/FluentTester/TestComponents/Menu/MenuTest.tsx +38 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,34 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 30 Apr 2022 06:33:27 GMT",
5
+ "date": "Mon, 02 May 2022 22:14:24 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.59.34",
7
+ "version": "0.59.34",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "ruaraki@microsoft.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "bca261a9003512f213abaea80fe3f18a3368157a",
14
+ "comment": "Implement submenu proto"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/experimental-avatar to v0.14.21",
20
+ "commit": "7f2a2366130cbed420d6c81846f0c06b40b8c948"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/tester",
25
+ "comment": "Bump @fluentui-react-native/menu to v0.4.0",
26
+ "commit": "7f2a2366130cbed420d6c81846f0c06b40b8c948"
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Sat, 30 Apr 2022 06:33:42 GMT",
6
33
  "tag": "@fluentui-react-native/tester_v0.59.33",
7
34
  "version": "0.59.33",
8
35
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,22 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Sat, 30 Apr 2022 06:33:27 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 02 May 2022 22:14:24 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.59.34
8
+
9
+ Mon, 02 May 2022 22:14:24 GMT
10
+
11
+ ### Patches
12
+
13
+ - Implement submenu proto (ruaraki@microsoft.com)
14
+ - Bump @fluentui-react-native/experimental-avatar to v0.14.21
15
+ - Bump @fluentui-react-native/menu to v0.4.0
16
+
7
17
  ## 0.59.33
8
18
 
9
- Sat, 30 Apr 2022 06:33:27 GMT
19
+ Sat, 30 Apr 2022 06:33:42 GMT
10
20
 
11
21
  ### Patches
12
22
 
package/lib/FluentTester/TestComponents/Menu/MenuTest.d.ts.map CHANGED
@@ -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;AAmC/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,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;AAwE/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
package/lib/FluentTester/TestComponents/Menu/MenuTest.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { View } from 'react-native';
3
3
  import { ButtonV1 as Button } from '@fluentui/react-native';
4
- import { Menu, MenuTrigger, MenuPopover } from '@fluentui-react-native/menu';
4
+ import { Menu, MenuItem, MenuTrigger, MenuPopover } from '@fluentui-react-native/menu';
5
5
  import { Stack } from '@fluentui-react-native/stack';
6
6
  import { Text } from '@fluentui-react-native/experimental-text';
7
7
  import { stackStyle } from '../Common/styles';
@@ -16,12 +16,34 @@ var MenuDefault = function () {
16
16
  React.createElement(View, { style: { backgroundColor: 'red', height: 50, width: 200 } },
17
17
  React.createElement(Text, null, "Hello world!!!"))))));
18
18
  };
19
+ var Submenu = function () {
20
+ return (React.createElement(Menu, null,
21
+ React.createElement(MenuTrigger, null,
22
+ React.createElement(MenuItem, { content: "A second MenuItem" })),
23
+ React.createElement(MenuPopover, null,
24
+ React.createElement(View, { style: { backgroundColor: 'blue', height: 50, width: 200 } },
25
+ React.createElement(Text, null, "Hello world!!!")))));
26
+ };
27
+ var MenuSubMenu = function () {
28
+ return (React.createElement(Stack, { style: stackStyle },
29
+ React.createElement(Menu, null,
30
+ React.createElement(MenuTrigger, null,
31
+ React.createElement(Button, null, "Test")),
32
+ React.createElement(MenuPopover, null,
33
+ React.createElement(View, { style: { backgroundColor: 'red', width: 200, alignItems: 'center' } },
34
+ React.createElement(MenuItem, { content: "A MenuItem" }),
35
+ React.createElement(Submenu, null))))));
36
+ };
19
37
  var menuSections = [
20
38
  {
21
39
  name: 'Menu Default',
22
40
  testID: MENU_TESTPAGE,
23
41
  component: MenuDefault,
24
42
  },
43
+ {
44
+ name: 'Menu Submenu',
45
+ component: MenuSubMenu,
46
+ },
25
47
  ];
26
48
  export var MenuTest = function () {
27
49
  var status = {
package/lib/FluentTester/TestComponents/Menu/MenuTest.js.map CHANGED
@@ -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,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,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,IAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;oBAC7D,oBAAC,IAAI,yBAAsB,CACtB,CACK,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,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,GAAG,oCAAoC,CAAC;IAEzD,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC"}
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,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACvF,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,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,IAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;oBAC7D,oBAAC,IAAI,yBAAsB,CACtB,CACK,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAA4B;IACvC,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,WAAW;YACV,oBAAC,QAAQ,IAAC,OAAO,EAAC,mBAAmB,GAAG,CAC5B;QACd,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC9D,oBAAC,IAAI,yBAAsB,CACtB,CACK,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,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,IAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE;oBACvE,oBAAC,QAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACN,CACK,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,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,GAAG,oCAAoC,CAAC;IAEzD,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC"}
package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.d.ts.map CHANGED
@@ -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;AAmC/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,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;AAwE/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js CHANGED
@@ -20,12 +20,34 @@ var MenuDefault = function () {
20
20
  React.createElement(react_native_1.View, { style: { backgroundColor: 'red', height: 50, width: 200 } },
21
21
  React.createElement(experimental_text_1.Text, null, "Hello world!!!"))))));
22
22
  };
23
+ var Submenu = function () {
24
+ return (React.createElement(menu_1.Menu, null,
25
+ React.createElement(menu_1.MenuTrigger, null,
26
+ React.createElement(menu_1.MenuItem, { content: "A second MenuItem" })),
27
+ React.createElement(menu_1.MenuPopover, null,
28
+ React.createElement(react_native_1.View, { style: { backgroundColor: 'blue', height: 50, width: 200 } },
29
+ React.createElement(experimental_text_1.Text, null, "Hello world!!!")))));
30
+ };
31
+ var MenuSubMenu = function () {
32
+ return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
33
+ React.createElement(menu_1.Menu, null,
34
+ React.createElement(menu_1.MenuTrigger, null,
35
+ React.createElement(react_native_2.ButtonV1, null, "Test")),
36
+ React.createElement(menu_1.MenuPopover, null,
37
+ React.createElement(react_native_1.View, { style: { backgroundColor: 'red', width: 200, alignItems: 'center' } },
38
+ React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
39
+ React.createElement(Submenu, null))))));
40
+ };
23
41
  var menuSections = [
24
42
  {
25
43
  name: 'Menu Default',
26
44
  testID: consts_1.MENU_TESTPAGE,
27
45
  component: MenuDefault,
28
46
  },
47
+ {
48
+ name: 'Menu Submenu',
49
+ component: MenuSubMenu,
50
+ },
29
51
  ];
30
52
  var MenuTest = function () {
31
53
  var status = {
package/lib-commonjs/FluentTester/TestComponents/Menu/MenuTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA4D;AAC5D,oDAA6E;AAC7E,sDAAqD;AACrD,8EAAgE;AAChE,2CAA8C;AAC9C,mCAAyC;AACzC,gCAA4D;AAE5D,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,mBAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;oBAC7D,oBAAC,wBAAI,yBAAsB,CACtB,CACK,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;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,GAAG,oCAAoC,CAAC;IAEzD,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
1
+ {"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA4D;AAC5D,oDAAuF;AACvF,sDAAqD;AACrD,8EAAgE;AAChE,2CAA8C;AAC9C,mCAAyC;AACzC,gCAA4D;AAE5D,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,mBAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;oBAC7D,oBAAC,wBAAI,yBAAsB,CACtB,CACK,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,mBAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC9D,oBAAC,wBAAI,yBAAsB,CACtB,CACK,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,mBAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE;oBACvE,oBAAC,eAAQ,IAAC,OAAO,EAAC,YAAY,GAAG;oBACjC,oBAAC,OAAO,OAAG,CACN,CACK,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,cAAc;QACpB,SAAS,EAAE,WAAW;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,GAAG,oCAAoC,CAAC;IAEzD,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1G,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.59.33",
3
+ "version": "0.59.34",
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>",
@@ -31,7 +31,7 @@
31
31
  "@fluentui-react-native/button": ">=0.22.20 <1.0.0",
32
32
  "@fluentui-react-native/default-theme": ">=0.10.3 <1.0.0",
33
33
  "@fluentui-react-native/experimental-activity-indicator": ">=0.5.24 <1.0.0",
34
- "@fluentui-react-native/experimental-avatar": ">=0.14.20 <1.0.0",
34
+ "@fluentui-react-native/experimental-avatar": ">=0.14.21 <1.0.0",
35
35
  "@fluentui-react-native/experimental-button": "0.15.21",
36
36
  "@fluentui-react-native/experimental-checkbox": "0.11.3",
37
37
  "@fluentui-react-native/experimental-drawer": ">=0.1.8 <1.0.0",
@@ -44,7 +44,7 @@
44
44
  "@fluentui-react-native/framework": ">=0.7.25 <1.0.0",
45
45
  "@fluentui-react-native/icon": "0.11.20",
46
46
  "@fluentui-react-native/interactive-hooks": ">=0.15.5 <1.0.0",
47
- "@fluentui-react-native/menu": ">=0.3.2 <1.0.0",
47
+ "@fluentui-react-native/menu": ">=0.4.0 <1.0.0",
48
48
  "@fluentui-react-native/stack": ">=0.6.25 <1.0.0",
49
49
  "@fluentui-react-native/theme": ">=0.6.8 <1.0.0",
50
50
  "@fluentui-react-native/theme-types": ">=0.14.3 <1.0.0",
package/src/FluentTester/TestComponents/Menu/MenuTest.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { View } from 'react-native';
3
3
  import { ButtonV1 as Button } from '@fluentui/react-native';
4
- import { Menu, MenuTrigger, MenuPopover } from '@fluentui-react-native/menu';
4
+ import { Menu, MenuItem, MenuTrigger, MenuPopover } from '@fluentui-react-native/menu';
5
5
  import { Stack } from '@fluentui-react-native/stack';
6
6
  import { Text } from '@fluentui-react-native/experimental-text';
7
7
  import { stackStyle } from '../Common/styles';
@@ -25,12 +25,49 @@ const MenuDefault: React.FunctionComponent = () => {
25
25
  );
26
26
  };
27
27
 
28
+ const Submenu: React.FunctionComponent = () => {
29
+ return (
30
+ <Menu>
31
+ <MenuTrigger>
32
+ <MenuItem content="A second MenuItem" />
33
+ </MenuTrigger>
34
+ <MenuPopover>
35
+ <View style={{ backgroundColor: 'blue', height: 50, width: 200 }}>
36
+ <Text>Hello world!!!</Text>
37
+ </View>
38
+ </MenuPopover>
39
+ </Menu>
40
+ );
41
+ };
42
+
43
+ const MenuSubMenu: React.FunctionComponent = () => {
44
+ return (
45
+ <Stack style={stackStyle}>
46
+ <Menu>
47
+ <MenuTrigger>
48
+ <Button>Test</Button>
49
+ </MenuTrigger>
50
+ <MenuPopover>
51
+ <View style={{ backgroundColor: 'red', width: 200, alignItems: 'center' }}>
52
+ <MenuItem content="A MenuItem" />
53
+ <Submenu />
54
+ </View>
55
+ </MenuPopover>
56
+ </Menu>
57
+ </Stack>
58
+ );
59
+ };
60
+
28
61
  const menuSections: TestSection[] = [
29
62
  {
30
63
  name: 'Menu Default',
31
64
  testID: MENU_TESTPAGE,
32
65
  component: MenuDefault,
33
66
  },
67
+ {
68
+ name: 'Menu Submenu',
69
+ component: MenuSubMenu,
70
+ },
34
71
  ];
35
72
 
36
73
  export const MenuTest: React.FunctionComponent = () => {