@fluentui/react-menu 0.0.0-nightlyf3ce1fbe1d20211110.1 → 0.0.0-nightlyf8be6a7c6520220106.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (141) hide show
  1. package/CHANGELOG.json +244 -30
  2. package/CHANGELOG.md +61 -16
  3. package/Spec.md +21 -16
  4. package/dist/react-menu.d.ts +54 -4
  5. package/lib/MenuSplitGroup.d.ts +1 -0
  6. package/lib/MenuSplitGroup.js +2 -0
  7. package/lib/MenuSplitGroup.js.map +1 -0
  8. package/lib/components/Menu/useMenu.js +28 -21
  9. package/lib/components/Menu/useMenu.js.map +1 -1
  10. package/lib/components/MenuDivider/renderMenuDivider.js +2 -1
  11. package/lib/components/MenuDivider/renderMenuDivider.js.map +1 -1
  12. package/lib/components/MenuDivider/useMenuDividerStyles.d.ts +1 -1
  13. package/lib/components/MenuDivider/useMenuDividerStyles.js +1 -1
  14. package/lib/components/MenuDivider/useMenuDividerStyles.js.map +1 -1
  15. package/lib/components/MenuGroup/renderMenuGroup.js +2 -1
  16. package/lib/components/MenuGroup/renderMenuGroup.js.map +1 -1
  17. package/lib/components/MenuGroupHeader/renderMenuGroupHeader.js +2 -1
  18. package/lib/components/MenuGroupHeader/renderMenuGroupHeader.js.map +1 -1
  19. package/lib/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts +1 -1
  20. package/lib/components/MenuItem/MenuItem.js +0 -2
  21. package/lib/components/MenuItem/MenuItem.js.map +1 -1
  22. package/lib/components/MenuItem/MenuItem.types.d.ts +1 -1
  23. package/lib/components/MenuItem/renderMenuItem.js +7 -1
  24. package/lib/components/MenuItem/renderMenuItem.js.map +1 -1
  25. package/lib/components/MenuItem/useMenuItem.js +2 -2
  26. package/lib/components/MenuItem/useMenuItem.js.map +1 -1
  27. package/lib/components/MenuItem/useMenuItemStyles.js +19 -21
  28. package/lib/components/MenuItem/useMenuItemStyles.js.map +1 -1
  29. package/lib/components/MenuItemCheckbox/renderMenuItemCheckbox.js +6 -1
  30. package/lib/components/MenuItemCheckbox/renderMenuItemCheckbox.js.map +1 -1
  31. package/lib/components/MenuItemRadio/renderMenuItemRadio.js +6 -1
  32. package/lib/components/MenuItemRadio/renderMenuItemRadio.js.map +1 -1
  33. package/lib/components/MenuList/renderMenuList.js +2 -1
  34. package/lib/components/MenuList/renderMenuList.js.map +1 -1
  35. package/lib/components/MenuList/useMenuList.js.map +1 -1
  36. package/lib/components/MenuList/useMenuListStyles.js +4 -3
  37. package/lib/components/MenuList/useMenuListStyles.js.map +1 -1
  38. package/lib/components/MenuPopover/renderMenuPopover.js +4 -2
  39. package/lib/components/MenuPopover/renderMenuPopover.js.map +1 -1
  40. package/lib/components/MenuPopover/useMenuPopover.js.map +1 -1
  41. package/lib/components/MenuPopover/useMenuPopoverStyles.js +7 -4
  42. package/lib/components/MenuPopover/useMenuPopoverStyles.js.map +1 -1
  43. package/lib/components/MenuSplitGroup/MenuSplitGroup.d.ts +6 -0
  44. package/lib/components/MenuSplitGroup/MenuSplitGroup.js +15 -0
  45. package/lib/components/MenuSplitGroup/MenuSplitGroup.js.map +1 -0
  46. package/lib/components/MenuSplitGroup/MenuSplitGroup.types.d.ts +13 -0
  47. package/lib/components/MenuSplitGroup/MenuSplitGroup.types.js +2 -0
  48. package/lib/components/MenuSplitGroup/MenuSplitGroup.types.js.map +1 -0
  49. package/lib/components/MenuSplitGroup/index.d.ts +5 -0
  50. package/lib/components/MenuSplitGroup/index.js +6 -0
  51. package/lib/components/MenuSplitGroup/index.js.map +1 -0
  52. package/lib/components/MenuSplitGroup/renderMenuSplitGroup.d.ts +5 -0
  53. package/lib/components/MenuSplitGroup/renderMenuSplitGroup.js +16 -0
  54. package/lib/components/MenuSplitGroup/renderMenuSplitGroup.js.map +1 -0
  55. package/lib/components/MenuSplitGroup/useMenuSplitGroup.d.ts +16 -0
  56. package/lib/components/MenuSplitGroup/useMenuSplitGroup.js +72 -0
  57. package/lib/components/MenuSplitGroup/useMenuSplitGroup.js.map +1 -0
  58. package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts +6 -0
  59. package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js +34 -0
  60. package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map +1 -0
  61. package/lib/components/MenuTrigger/MenuTrigger.types.d.ts +2 -1
  62. package/lib/components/MenuTrigger/useTriggerElement.js +6 -5
  63. package/lib/components/MenuTrigger/useTriggerElement.js.map +1 -1
  64. package/lib/index.d.ts +11 -10
  65. package/lib/index.js +11 -10
  66. package/lib/index.js.map +1 -1
  67. package/lib/utils/useOnMenuEnter.js.map +1 -1
  68. package/lib-commonjs/MenuSplitGroup.d.ts +1 -0
  69. package/lib-commonjs/MenuSplitGroup.js +10 -0
  70. package/lib-commonjs/MenuSplitGroup.js.map +1 -0
  71. package/lib-commonjs/components/Menu/useMenu.js +33 -27
  72. package/lib-commonjs/components/Menu/useMenu.js.map +1 -1
  73. package/lib-commonjs/components/MenuDivider/renderMenuDivider.js +2 -1
  74. package/lib-commonjs/components/MenuDivider/renderMenuDivider.js.map +1 -1
  75. package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.d.ts +1 -1
  76. package/lib-commonjs/components/MenuGroup/renderMenuGroup.js +2 -1
  77. package/lib-commonjs/components/MenuGroup/renderMenuGroup.js.map +1 -1
  78. package/lib-commonjs/components/MenuGroupHeader/renderMenuGroupHeader.js +2 -1
  79. package/lib-commonjs/components/MenuGroupHeader/renderMenuGroupHeader.js.map +1 -1
  80. package/lib-commonjs/components/MenuGroupHeader/useMenuGroupHeaderStyles.d.ts +1 -1
  81. package/lib-commonjs/components/MenuItem/MenuItem.js +0 -3
  82. package/lib-commonjs/components/MenuItem/MenuItem.js.map +1 -1
  83. package/lib-commonjs/components/MenuItem/MenuItem.types.d.ts +1 -1
  84. package/lib-commonjs/components/MenuItem/renderMenuItem.js +7 -1
  85. package/lib-commonjs/components/MenuItem/renderMenuItem.js.map +1 -1
  86. package/lib-commonjs/components/MenuItem/useMenuItem.js +2 -2
  87. package/lib-commonjs/components/MenuItem/useMenuItem.js.map +1 -1
  88. package/lib-commonjs/components/MenuItem/useMenuItemStyles.js +19 -20
  89. package/lib-commonjs/components/MenuItem/useMenuItemStyles.js.map +1 -1
  90. package/lib-commonjs/components/MenuItemCheckbox/renderMenuItemCheckbox.js +6 -1
  91. package/lib-commonjs/components/MenuItemCheckbox/renderMenuItemCheckbox.js.map +1 -1
  92. package/lib-commonjs/components/MenuItemRadio/renderMenuItemRadio.js +6 -1
  93. package/lib-commonjs/components/MenuItemRadio/renderMenuItemRadio.js.map +1 -1
  94. package/lib-commonjs/components/MenuList/renderMenuList.js +2 -1
  95. package/lib-commonjs/components/MenuList/renderMenuList.js.map +1 -1
  96. package/lib-commonjs/components/MenuList/useMenuList.js.map +1 -1
  97. package/lib-commonjs/components/MenuList/useMenuListStyles.js +3 -2
  98. package/lib-commonjs/components/MenuList/useMenuListStyles.js.map +1 -1
  99. package/lib-commonjs/components/MenuPopover/renderMenuPopover.js +4 -2
  100. package/lib-commonjs/components/MenuPopover/renderMenuPopover.js.map +1 -1
  101. package/lib-commonjs/components/MenuPopover/useMenuPopover.js.map +1 -1
  102. package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.js +6 -3
  103. package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.js.map +1 -1
  104. package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.d.ts +6 -0
  105. package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.js +26 -0
  106. package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.js.map +1 -0
  107. package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.types.d.ts +13 -0
  108. package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.types.js +6 -0
  109. package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.types.js.map +1 -0
  110. package/lib-commonjs/components/MenuSplitGroup/index.d.ts +5 -0
  111. package/lib-commonjs/components/MenuSplitGroup/index.js +18 -0
  112. package/lib-commonjs/components/MenuSplitGroup/index.js.map +1 -0
  113. package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.d.ts +5 -0
  114. package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.js +28 -0
  115. package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.js.map +1 -0
  116. package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.d.ts +16 -0
  117. package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.js +86 -0
  118. package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.js.map +1 -0
  119. package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts +6 -0
  120. package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js +45 -0
  121. package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map +1 -0
  122. package/lib-commonjs/components/MenuTrigger/MenuTrigger.types.d.ts +2 -1
  123. package/lib-commonjs/components/MenuTrigger/useTriggerElement.js +6 -5
  124. package/lib-commonjs/components/MenuTrigger/useTriggerElement.js.map +1 -1
  125. package/lib-commonjs/index.d.ts +11 -10
  126. package/lib-commonjs/index.js +16 -14
  127. package/lib-commonjs/index.js.map +1 -1
  128. package/lib-commonjs/utils/useOnMenuEnter.js.map +1 -1
  129. package/package.json +16 -16
  130. package/lib/common/isConformant.d.ts +0 -4
  131. package/lib/common/isConformant.js +0 -12
  132. package/lib/common/isConformant.js.map +0 -1
  133. package/lib/common/mockUseMenuContext.d.ts +0 -7
  134. package/lib/common/mockUseMenuContext.js +0 -29
  135. package/lib/common/mockUseMenuContext.js.map +0 -1
  136. package/lib-commonjs/common/isConformant.d.ts +0 -4
  137. package/lib-commonjs/common/isConformant.js +0 -23
  138. package/lib-commonjs/common/isConformant.js.map +0 -1
  139. package/lib-commonjs/common/mockUseMenuContext.d.ts +0 -7
  140. package/lib-commonjs/common/mockUseMenuContext.js +0 -39
  141. package/lib-commonjs/common/mockUseMenuContext.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,23 +2,237 @@
2
2
  "name": "@fluentui/react-menu",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 10 Nov 2021 04:16:48 GMT",
6
- "tag": "@fluentui/react-menu_v0.0.0-nightlyf3ce1fbe1d20211110.1",
7
- "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
5
+ "date": "Thu, 06 Jan 2022 04:30:09 GMT",
6
+ "tag": "@fluentui/react-menu_v0.0.0-nightlyf8be6a7c6520220106.1",
7
+ "version": "0.0.0-nightlyf8be6a7c6520220106.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-menu",
13
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a",
13
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "lingfangao@hotmail.com",
18
+ "package": "@fluentui/react-menu",
19
+ "commit": "c2e6c50d56dcb45b4ca9e3a9daf2fae4be10a19e",
20
+ "comment": "fix: set `aria-expanded` and `aria-haspopup` values correctly"
21
+ },
22
+ {
23
+ "author": "lingfangao@hotmail.com",
24
+ "package": "@fluentui/react-menu",
25
+ "commit": "6ca0355f6740f836ff4df009687718a380085247",
26
+ "comment": "fix: Focus on first menu item on click"
27
+ },
28
+ {
29
+ "author": "olfedias@microsoft.com",
30
+ "package": "@fluentui/react-menu",
31
+ "commit": "7e0933ed386742df28c416e6b3a6903a0c041f28",
32
+ "comment": "update styles to not use CSS shorthands"
33
+ },
34
+ {
35
+ "author": "lingfangao@hotmail.com",
36
+ "package": "@fluentui/react-menu",
37
+ "commit": "4121754498bba5137f769295e2b7a2899f557278",
38
+ "comment": "fix: Call `useCheckmarkStyles` in `useMenuItemStyles`"
39
+ },
40
+ {
41
+ "author": "lingfangao@hotmail.com",
42
+ "package": "@fluentui/react-menu",
43
+ "commit": "95a6a32cbffa9d86d6017cf8e0204d4b459ef370",
44
+ "comment": "feat: implement `MenuSplitGroup` component for split menu items"
45
+ },
46
+ {
47
+ "author": "ololubek@microsoft.com",
48
+ "package": "@fluentui/react-menu",
49
+ "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
50
+ "comment": "(fix): Update react-icons dependency to latest version"
51
+ },
52
+ {
53
+ "author": "lingfangao@hotmail.com",
54
+ "package": "@fluentui/react-menu",
55
+ "commit": "07d9ed6d1b436b7ca9571c94fbb0bcbdb080f235",
56
+ "comment": "breaking: MenuTrigger must be the first child of the `Menu`"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui/react-menu",
61
+ "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlyf8be6a7c6520220106.1",
62
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
63
+ },
64
+ {
65
+ "author": "beachball",
66
+ "package": "@fluentui/react-menu",
67
+ "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlyf8be6a7c6520220106.1",
68
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui/react-menu",
73
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
74
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
75
+ },
76
+ {
77
+ "author": "beachball",
78
+ "package": "@fluentui/react-menu",
79
+ "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyf8be6a7c6520220106.1",
80
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
81
+ },
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui/react-menu",
85
+ "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyf8be6a7c6520220106.1",
86
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui/react-menu",
91
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf8be6a7c6520220106.1",
92
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui/react-menu",
97
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyf8be6a7c6520220106.1",
98
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
99
+ },
100
+ {
101
+ "author": "beachball",
102
+ "package": "@fluentui/react-menu",
103
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf8be6a7c6520220106.1",
104
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
105
+ },
106
+ {
107
+ "author": "beachball",
108
+ "package": "@fluentui/react-menu",
109
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
110
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
111
+ },
112
+ {
113
+ "author": "beachball",
114
+ "package": "@fluentui/react-menu",
115
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
116
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
117
+ },
118
+ {
119
+ "author": "beachball",
120
+ "package": "@fluentui/react-menu",
121
+ "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
122
+ "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
123
+ }
124
+ ],
125
+ "none": [
126
+ {
127
+ "author": "elcraig@microsoft.com",
128
+ "package": "@fluentui/react-menu",
129
+ "commit": "3360b45ec159250b1346c91afad7dce138e6bc20",
130
+ "comment": "Update API file to version generated by typescript 4.3"
131
+ }
132
+ ]
133
+ }
134
+ },
135
+ {
136
+ "date": "Thu, 25 Nov 2021 08:34:14 GMT",
137
+ "tag": "@fluentui/react-menu_v9.0.0-beta.5",
138
+ "version": "9.0.0-beta.5",
139
+ "comments": {
140
+ "none": [
141
+ {
142
+ "author": "lingfangao@hotmail.com",
143
+ "package": "@fluentui/react-menu",
144
+ "commit": "8a141d14f3a14de2e1c4691dad908622f310a9d1",
145
+ "comment": "Migrate package to use solution tsconfigs"
146
+ }
147
+ ],
148
+ "prerelease": [
149
+ {
150
+ "author": "ololubek@microsoft.com",
151
+ "package": "@fluentui/react-menu",
152
+ "commit": "ecab13cfd6ac22657020db8f86eb89f952b0f953",
153
+ "comment": "update react-icons dependency"
154
+ },
155
+ {
156
+ "author": "beachball",
157
+ "package": "@fluentui/react-menu",
158
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0-beta.4",
159
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
160
+ },
161
+ {
162
+ "author": "beachball",
163
+ "package": "@fluentui/react-menu",
164
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
165
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
166
+ },
167
+ {
168
+ "author": "beachball",
169
+ "package": "@fluentui/react-menu",
170
+ "comment": "Bump @fluentui/react-portal to v9.0.0-beta.5",
171
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
172
+ },
173
+ {
174
+ "author": "beachball",
175
+ "package": "@fluentui/react-menu",
176
+ "comment": "Bump @fluentui/react-positioning to v9.0.0-beta.4",
177
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
178
+ },
179
+ {
180
+ "author": "beachball",
181
+ "package": "@fluentui/react-menu",
182
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
183
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
184
+ },
185
+ {
186
+ "author": "beachball",
187
+ "package": "@fluentui/react-menu",
188
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
189
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
190
+ },
191
+ {
192
+ "author": "beachball",
193
+ "package": "@fluentui/react-menu",
194
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
195
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
196
+ },
197
+ {
198
+ "author": "beachball",
199
+ "package": "@fluentui/react-menu",
200
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
201
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
202
+ },
203
+ {
204
+ "author": "beachball",
205
+ "package": "@fluentui/react-menu",
206
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
207
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
208
+ },
209
+ {
210
+ "author": "beachball",
211
+ "package": "@fluentui/react-menu",
212
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
213
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
214
+ }
215
+ ]
216
+ }
217
+ },
218
+ {
219
+ "date": "Fri, 12 Nov 2021 13:25:27 GMT",
220
+ "tag": "@fluentui/react-menu_v9.0.0-beta.4",
221
+ "version": "9.0.0-beta.4",
222
+ "comments": {
223
+ "prerelease": [
16
224
  {
17
225
  "author": "bsunderhus@microsoft.com",
18
226
  "package": "@fluentui/react-menu",
19
227
  "commit": "390056fd15a4413af93083ad0f5a0b15c4709ed1",
20
228
  "comment": "Adds typings for `onCheckedValueChange` method"
21
229
  },
230
+ {
231
+ "author": "olfedias@microsoft.com",
232
+ "package": "@fluentui/react-menu",
233
+ "commit": "28b87b619b5be37c8e4a3a75ba10071a93f2b10b",
234
+ "comment": "use react-shared-contexts instead of react-provider"
235
+ },
22
236
  {
23
237
  "author": "olfedias@microsoft.com",
24
238
  "package": "@fluentui/react-menu",
@@ -34,71 +248,71 @@
34
248
  {
35
249
  "author": "beachball",
36
250
  "package": "@fluentui/react-menu",
37
- "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlyf3ce1fbe1d20211110.1",
38
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
39
- },
40
- {
41
- "author": "beachball",
42
- "package": "@fluentui/react-menu",
43
- "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlyf3ce1fbe1d20211110.1",
44
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
251
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0-beta.3",
252
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
253
  },
46
254
  {
47
255
  "author": "beachball",
48
256
  "package": "@fluentui/react-menu",
49
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
50
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
257
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
258
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
259
  },
52
260
  {
53
261
  "author": "beachball",
54
262
  "package": "@fluentui/react-menu",
55
- "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyf3ce1fbe1d20211110.1",
56
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
263
+ "comment": "Bump @fluentui/react-portal to v9.0.0-beta.4",
264
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
57
265
  },
58
266
  {
59
267
  "author": "beachball",
60
268
  "package": "@fluentui/react-menu",
61
- "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyf3ce1fbe1d20211110.1",
62
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
269
+ "comment": "Bump @fluentui/react-positioning to v9.0.0-beta.3",
270
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
63
271
  },
64
272
  {
65
273
  "author": "beachball",
66
274
  "package": "@fluentui/react-menu",
67
- "comment": "Bump @fluentui/react-provider to v0.0.0-nightlyf3ce1fbe1d20211110.1",
68
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
275
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
276
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
69
277
  },
70
278
  {
71
279
  "author": "beachball",
72
280
  "package": "@fluentui/react-menu",
73
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyf3ce1fbe1d20211110.1",
74
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
281
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
282
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
75
283
  },
76
284
  {
77
285
  "author": "beachball",
78
286
  "package": "@fluentui/react-menu",
79
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1",
80
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
287
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
288
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
81
289
  },
82
290
  {
83
291
  "author": "beachball",
84
292
  "package": "@fluentui/react-menu",
85
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
86
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
293
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
294
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
87
295
  },
88
296
  {
89
297
  "author": "beachball",
90
298
  "package": "@fluentui/react-menu",
91
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
92
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
299
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
300
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
93
301
  },
94
302
  {
95
303
  "author": "beachball",
96
304
  "package": "@fluentui/react-menu",
97
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
98
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
305
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
306
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
99
307
  }
100
308
  ],
101
309
  "none": [
310
+ {
311
+ "author": "lingfangao@hotmail.com",
312
+ "package": "@fluentui/react-menu",
313
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
314
+ "comment": "Remove beta release tag"
315
+ },
102
316
  {
103
317
  "author": "mgodbolt@microsoft.com",
104
318
  "package": "@fluentui/react-menu",
package/CHANGELOG.md CHANGED
@@ -1,31 +1,76 @@
1
1
  # Change Log - @fluentui/react-menu
2
2
 
3
- This log was last generated on Wed, 10 Nov 2021 04:16:48 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 06 Jan 2022 04:30:09 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v0.0.0-nightlyf3ce1fbe1d20211110.1)
7
+ ## [0.0.0-nightlyf8be6a7c6520220106.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v0.0.0-nightlyf8be6a7c6520220106.1)
8
8
 
9
- Wed, 10 Nov 2021 04:16:48 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.3..@fluentui/react-menu_v0.0.0-nightlyf3ce1fbe1d20211110.1)
9
+ Thu, 06 Jan 2022 04:30:09 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.5..@fluentui/react-menu_v0.0.0-nightlyf8be6a7c6520220106.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by email not defined)
15
+ - fix: set `aria-expanded` and `aria-haspopup` values correctly ([PR #20957](https://github.com/microsoft/fluentui/pull/20957) by lingfangao@hotmail.com)
16
+ - fix: Focus on first menu item on click ([PR #20955](https://github.com/microsoft/fluentui/pull/20955) by lingfangao@hotmail.com)
17
+ - update styles to not use CSS shorthands ([PR #20820](https://github.com/microsoft/fluentui/pull/20820) by olfedias@microsoft.com)
18
+ - fix: Call `useCheckmarkStyles` in `useMenuItemStyles` ([PR #20956](https://github.com/microsoft/fluentui/pull/20956) by lingfangao@hotmail.com)
19
+ - feat: implement `MenuSplitGroup` component for split menu items ([PR #21095](https://github.com/microsoft/fluentui/pull/21095) by lingfangao@hotmail.com)
20
+ - (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
21
+ - breaking: MenuTrigger must be the first child of the `Menu` ([PR #21096](https://github.com/microsoft/fluentui/pull/21096) by lingfangao@hotmail.com)
22
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
23
+ - Bump @fluentui/react-context-selector to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
24
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
25
+ - Bump @fluentui/react-portal to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
26
+ - Bump @fluentui/react-positioning to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
27
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
28
+ - Bump @fluentui/react-tabster to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
29
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
30
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
31
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
32
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
33
+
34
+ ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-beta.5)
35
+
36
+ Thu, 25 Nov 2021 08:34:14 GMT
37
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.4..@fluentui/react-menu_v9.0.0-beta.5)
38
+
39
+ ### Changes
40
+
41
+ - update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
42
+ - Bump @fluentui/react-context-selector to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
43
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
44
+ - Bump @fluentui/react-portal to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
45
+ - Bump @fluentui/react-positioning to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
46
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
47
+ - Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
48
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
49
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
50
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
51
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
52
+
53
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-beta.4)
54
+
55
+ Fri, 12 Nov 2021 13:25:27 GMT
56
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.3..@fluentui/react-menu_v9.0.0-beta.4)
11
57
 
12
58
  ### Changes
13
59
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
15
60
  - Adds typings for `onCheckedValueChange` method ([PR #20493](https://github.com/microsoft/fluentui/pull/20493) by bsunderhus@microsoft.com)
61
+ - use react-shared-contexts instead of react-provider ([PR #20578](https://github.com/microsoft/fluentui/pull/20578) by olfedias@microsoft.com)
16
62
  - export static classes for components ([PR #20450](https://github.com/microsoft/fluentui/pull/20450) by olfedias@microsoft.com)
17
63
  - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
18
- - Bump @fluentui/keyboard-keys to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
19
- - Bump @fluentui/react-context-selector to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
20
- - Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
21
- - Bump @fluentui/react-portal to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
22
- - Bump @fluentui/react-positioning to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
23
- - Bump @fluentui/react-provider to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
24
- - Bump @fluentui/react-tabster to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
25
- - Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
26
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
27
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
28
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
64
+ - Bump @fluentui/react-context-selector to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
65
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
66
+ - Bump @fluentui/react-portal to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
67
+ - Bump @fluentui/react-positioning to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
68
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
69
+ - Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
70
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
71
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
72
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
73
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
29
74
 
30
75
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-beta.3)
31
76
 
package/Spec.md CHANGED
@@ -619,7 +619,7 @@ const menu = (
619
619
 
620
620
  ```html
621
621
  <!-- expected DOM output -->
622
- <button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
622
+ <button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
623
623
  <div role="menu" aria-labelledby="trigger">
624
624
  <div role="menuitem" tabindex="0">Option 1</div>
625
625
  <div role="menuitem" tabindex="-1">Option 2</div>
@@ -644,7 +644,7 @@ const menu = (
644
644
 
645
645
  ```html
646
646
  <!-- expected DOM output -->
647
- <button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
647
+ <button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
648
648
  <div role="menu" aria-labelledby="trigger">
649
649
  <div role="menuitem" tabindex="0">
650
650
  <span role="presentation"><svg>FileIcon</svg></span>
@@ -682,7 +682,7 @@ const menu = (
682
682
 
683
683
  ```html
684
684
  <!-- expected DOM output -->
685
- <button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
685
+ <button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
686
686
  <div role="menu" aria-labelledby="trigger">
687
687
  <div role="menuitem" tabindex="0">Option 1</div>
688
688
  <div role="separator" aria-hidden="true"></div>
@@ -719,7 +719,7 @@ const menu = (
719
719
 
720
720
  ```html
721
721
  <!-- expected DOM output -->
722
- <button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
722
+ <button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
723
723
  <div role="menu" aria-labelledby="trigger">
724
724
  <div role="menuitem" tabindex="0">Option 1</div>
725
725
  <div role="separator" aria-hidden="true"></div>
@@ -758,10 +758,10 @@ const menu = (
758
758
 
759
759
  ```html
760
760
  <!-- expected DOM output -->
761
- <button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
761
+ <button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
762
762
  <div role="menu" aria-labelledby="trigger">
763
763
  <div role="menuitem" tabindex="0">Option 1</div>
764
- <div role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" id="submenu-trigger">Open submenu</div>
764
+ <div role="menuitem" tabindex="-1" aria-haspopup="menu" aria-expanded="false" id="submenu-trigger">Open submenu</div>
765
765
  </div>
766
766
 
767
767
  <!-- expected DOM output for submenu -->
@@ -843,7 +843,7 @@ const menuSelectableSections = (
843
843
  ```
844
844
 
845
845
  ```html
846
- <button aria-haspopup="true" aria-expanded="true" id="trigger">Open menu</button>
846
+ <button aria-haspopup="menu" aria-expanded="true" id="trigger">Open menu</button>
847
847
 
848
848
  <!-- expected DOM output for basic checkbox -->
849
849
  <div role="menu" aria-labelledby="trigger">
@@ -882,9 +882,12 @@ const menuSplitbutton= (
882
882
  <MenuList>
883
883
  <MenuItem>Option 1</MenuItem>
884
884
  <Menu>
885
- <MenuTrigger>
886
- <MenuItemSplit></MenuItemSplit>
887
- </MenuTrigger>
885
+ <MenuSplitGroup>
886
+ <MenuItem>Main action</MenuItem>
887
+ <MenuTrigger>
888
+ <MenuItem />
889
+ </MenuTrigger>
890
+ </MenuSplitGroup>
888
891
  <MenuItem>Option 1</MenuItem>
889
892
  <MenuItem>Option 2</MenuItem>
890
893
  <MenuItem>Option 3</MenuItem>
@@ -897,7 +900,7 @@ const menuSplitbutton= (
897
900
  ```html
898
901
  <div role="menu" aria-labelledby="trigger">
899
902
  <div role="menuitem" tabindex="0">Option 1</div>
900
- <div role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" id="submenu-trigger">Open submenu</div>
903
+ <div role="menuitem" tabindex="-1" aria-haspopup="menu" aria-expanded="false" id="submenu-trigger">Open submenu</div>
901
904
  </div>
902
905
 
903
906
  <!-- expected DOM output -->
@@ -905,7 +908,7 @@ const menuSplitbutton= (
905
908
  <div role="menuitem" tabindex="0">Option 1</div>
906
909
  <div role="group">
907
910
  <div role="menuitem" tabindex="-1">content slot</div>
908
- <div role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" id="submenu-trgger">
911
+ <div role="menuitem" tabindex="-1" aria-haspopup="menu" aria-expanded="false" id="submenu-trgger">
909
912
  <svg>indicator icon</svg>
910
913
  </div>
911
914
  </div>
@@ -958,11 +961,13 @@ Below is a set of diagrams that tries to illustrates all the interactions menus
958
961
 
959
962
  All of the above Mouse events seen previously should apply to the part of the split button that is intended to open a submenu.
960
963
 
961
- Once the submenu is open, the same behavior as in the [previous section](#submenu-trigger/navigation) applies with the exception of returning focus to the splitbutton, which is shown in the images below.
962
-
963
- ![Using up/down arrow key](./etc/images/splitbutton-up-down.jpg)
964
+ > TODO convert these diagrams to excalidraw or smth that is text format
965
+ > TODO add extra descriptions to diagrams
964
966
 
965
- ![Using left/right arrow key](./etc/images/splitbutton-left-right.jpg)
967
+ <img src="./etc/images/menu-interactions/Slide19.PNG" width="700" />
968
+ <img src="./etc/images/menu-interactions/Slide20.PNG" width="700" />
969
+ <img src="./etc/images/menu-interactions/Slide21.PNG" width="700" />
970
+ <img src="./etc/images/menu-interactions/Slide22.PNG" width="700" />
966
971
 
967
972
  ### MenuItem selection
968
973