@fluentui-react-native/tester 0.60.1 → 0.61.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 CHANGED
@@ -2,7 +2,28 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 11 May 2022 19:33:47 GMT",
5
+ "date": "Wed, 11 May 2022 22:26:13 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.61.0",
7
+ "version": "0.61.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "ruaraki@microsoft.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "0a383e3d6a736a89e628c14d27d82388cf154f2b",
14
+ "comment": "Dismiss and openOnHover"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/menu to v0.6.0",
20
+ "commit": "0a383e3d6a736a89e628c14d27d82388cf154f2b"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Wed, 11 May 2022 19:33:59 GMT",
6
27
  "tag": "@fluentui-react-native/tester_v0.60.1",
7
28
  "version": "0.60.1",
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.5.2",
14
- "commit": "cd21471b444c9005b14d07af0cad289008093a83"
35
+ "commit": "ae0acbb3bc42f2a545f69c9c4a820958964255c7"
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 Wed, 11 May 2022 19:33:47 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 11 May 2022 22:26:13 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.61.0
8
+
9
+ Wed, 11 May 2022 22:26:13 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Dismiss and openOnHover (ruaraki@microsoft.com)
14
+ - Bump @fluentui-react-native/menu to v0.6.0
15
+
7
16
  ## 0.60.1
8
17
 
9
- Wed, 11 May 2022 19:33:47 GMT
18
+ Wed, 11 May 2022 19:33:59 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;AAuE/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;AAqH/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
@@ -33,12 +33,42 @@ var MenuSubMenu = function () {
33
33
  React.createElement(MenuItem, { content: "A MenuItem" }),
34
34
  React.createElement(Submenu, null))))));
35
35
  };
36
+ var MenuOpenOnHover = function () {
37
+ return (React.createElement(Stack, { style: stackStyle },
38
+ React.createElement(Menu, { openOnHover: true },
39
+ React.createElement(MenuTrigger, null,
40
+ React.createElement(Button, null, "Test")),
41
+ React.createElement(MenuPopover, null,
42
+ React.createElement(MenuList, null,
43
+ React.createElement(MenuItem, { content: "A MenuItem" }),
44
+ React.createElement(Submenu, null))))));
45
+ };
46
+ var MenuControlledOpen = function () {
47
+ var _a = React.useState(false), open = _a[0], setOpen = _a[1];
48
+ return (React.createElement(Stack, { style: [stackStyle, { flexDirection: 'row' }] },
49
+ React.createElement(Button, { onClick: function () { return setOpen(!open); } }, "Toggle open"),
50
+ React.createElement(Menu, { open: open },
51
+ React.createElement(MenuTrigger, null,
52
+ React.createElement(Button, null, "Test")),
53
+ React.createElement(MenuPopover, null,
54
+ React.createElement(MenuList, null,
55
+ React.createElement(MenuItem, { content: "A MenuItem" }),
56
+ React.createElement(Submenu, null))))));
57
+ };
36
58
  var menuSections = [
37
59
  {
38
60
  name: 'Menu Default',
39
61
  testID: MENU_TESTPAGE,
40
62
  component: MenuDefault,
41
63
  },
64
+ {
65
+ name: 'Menu open on hover',
66
+ component: MenuOpenOnHover,
67
+ },
68
+ {
69
+ name: 'Menu open controlled',
70
+ component: MenuControlledOpen,
71
+ },
42
72
  {
43
73
  name: 'Menu Submenu',
44
74
  component: MenuSubMenu,
@@ -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,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACjG,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,QAAQ;oBACP,oBAAC,IAAI,yBAAsB,CAClB,CACC,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,QAAQ;gBACP,oBAAC,IAAI,yBAAsB,CAClB,CACC,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,QAAQ;oBACP,oBAAC,QAAQ,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,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"}
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;AAuE/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;AAqH/B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAY5B,CAAC"}
@@ -37,12 +37,42 @@ var MenuSubMenu = function () {
37
37
  React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
38
38
  React.createElement(Submenu, null))))));
39
39
  };
40
+ var MenuOpenOnHover = function () {
41
+ return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
42
+ React.createElement(menu_1.Menu, { openOnHover: true },
43
+ React.createElement(menu_1.MenuTrigger, null,
44
+ React.createElement(react_native_1.ButtonV1, null, "Test")),
45
+ React.createElement(menu_1.MenuPopover, null,
46
+ React.createElement(menu_1.MenuList, null,
47
+ React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
48
+ React.createElement(Submenu, null))))));
49
+ };
50
+ var MenuControlledOpen = function () {
51
+ var _a = React.useState(false), open = _a[0], setOpen = _a[1];
52
+ return (React.createElement(stack_1.Stack, { style: [styles_1.stackStyle, { flexDirection: 'row' }] },
53
+ React.createElement(react_native_1.ButtonV1, { onClick: function () { return setOpen(!open); } }, "Toggle open"),
54
+ React.createElement(menu_1.Menu, { open: open },
55
+ React.createElement(menu_1.MenuTrigger, null,
56
+ React.createElement(react_native_1.ButtonV1, null, "Test")),
57
+ React.createElement(menu_1.MenuPopover, null,
58
+ React.createElement(menu_1.MenuList, null,
59
+ React.createElement(menu_1.MenuItem, { content: "A MenuItem" }),
60
+ React.createElement(Submenu, null))))));
61
+ };
40
62
  var menuSections = [
41
63
  {
42
64
  name: 'Menu Default',
43
65
  testID: consts_1.MENU_TESTPAGE,
44
66
  component: MenuDefault,
45
67
  },
68
+ {
69
+ name: 'Menu open on hover',
70
+ component: MenuOpenOnHover,
71
+ },
72
+ {
73
+ name: 'Menu open controlled',
74
+ component: MenuControlledOpen,
75
+ },
46
76
  {
47
77
  name: 'Menu Submenu',
48
78
  component: MenuSubMenu,
@@ -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,oDAAiG;AACjG,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,eAAQ;oBACP,oBAAC,wBAAI,yBAAsB,CAClB,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,wBAAI,yBAAsB,CAClB,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,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"}
1
+ {"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Menu/MenuTest.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.60.1",
3
+ "version": "0.61.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>",
@@ -44,7 +44,7 @@
44
44
  "@fluentui-react-native/framework": ">=0.7.26 <1.0.0",
45
45
  "@fluentui-react-native/icon": "0.11.21",
46
46
  "@fluentui-react-native/interactive-hooks": ">=0.15.6 <1.0.0",
47
- "@fluentui-react-native/menu": ">=0.5.2 <1.0.0",
47
+ "@fluentui-react-native/menu": ">=0.6.0 <1.0.0",
48
48
  "@fluentui-react-native/stack": ">=0.6.26 <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",
@@ -57,12 +57,58 @@ const MenuSubMenu: React.FunctionComponent = () => {
57
57
  );
58
58
  };
59
59
 
60
+ const MenuOpenOnHover: React.FunctionComponent = () => {
61
+ return (
62
+ <Stack style={stackStyle}>
63
+ <Menu openOnHover>
64
+ <MenuTrigger>
65
+ <Button>Test</Button>
66
+ </MenuTrigger>
67
+ <MenuPopover>
68
+ <MenuList>
69
+ <MenuItem content="A MenuItem" />
70
+ <Submenu />
71
+ </MenuList>
72
+ </MenuPopover>
73
+ </Menu>
74
+ </Stack>
75
+ );
76
+ };
77
+
78
+ const MenuControlledOpen: React.FunctionComponent = () => {
79
+ const [open, setOpen] = React.useState<boolean>(false);
80
+ return (
81
+ <Stack style={[stackStyle, { flexDirection: 'row' }]}>
82
+ <Button onClick={() => setOpen(!open)}>Toggle open</Button>
83
+ <Menu open={open}>
84
+ <MenuTrigger>
85
+ <Button>Test</Button>
86
+ </MenuTrigger>
87
+ <MenuPopover>
88
+ <MenuList>
89
+ <MenuItem content="A MenuItem" />
90
+ <Submenu />
91
+ </MenuList>
92
+ </MenuPopover>
93
+ </Menu>
94
+ </Stack>
95
+ );
96
+ };
97
+
60
98
  const menuSections: TestSection[] = [
61
99
  {
62
100
  name: 'Menu Default',
63
101
  testID: MENU_TESTPAGE,
64
102
  component: MenuDefault,
65
103
  },
104
+ {
105
+ name: 'Menu open on hover',
106
+ component: MenuOpenOnHover,
107
+ },
108
+ {
109
+ name: 'Menu open controlled',
110
+ component: MenuControlledOpen,
111
+ },
66
112
  {
67
113
  name: 'Menu Submenu',
68
114
  component: MenuSubMenu,