@fluentui/react-menu 0.0.0-nightly89deee5b2a20211210.1 → 0.0.0-nightly8c37bdfa2420220107.1
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 +44 -26
- package/CHANGELOG.md +19 -16
- package/Spec.md +21 -16
- package/dist/react-menu.d.ts +50 -1
- package/lib/MenuSplitGroup.d.ts +1 -0
- package/lib/MenuSplitGroup.js +2 -0
- package/lib/MenuSplitGroup.js.map +1 -0
- package/lib/components/Menu/useMenu.js +19 -15
- package/lib/components/Menu/useMenu.js.map +1 -1
- package/lib/components/MenuItem/MenuItem.types.d.ts +1 -1
- package/lib/components/MenuItem/useMenuItem.js +2 -2
- package/lib/components/MenuItem/useMenuItem.js.map +1 -1
- package/lib/components/MenuItem/useMenuItemStyles.js +9 -18
- package/lib/components/MenuItem/useMenuItemStyles.js.map +1 -1
- package/lib/components/MenuSplitGroup/MenuSplitGroup.d.ts +6 -0
- package/lib/components/MenuSplitGroup/MenuSplitGroup.js +15 -0
- package/lib/components/MenuSplitGroup/MenuSplitGroup.js.map +1 -0
- package/lib/components/MenuSplitGroup/MenuSplitGroup.types.d.ts +13 -0
- package/lib/components/MenuSplitGroup/MenuSplitGroup.types.js +2 -0
- package/lib/components/MenuSplitGroup/MenuSplitGroup.types.js.map +1 -0
- package/lib/components/MenuSplitGroup/index.d.ts +5 -0
- package/lib/components/MenuSplitGroup/index.js +6 -0
- package/lib/components/MenuSplitGroup/index.js.map +1 -0
- package/lib/components/MenuSplitGroup/renderMenuSplitGroup.d.ts +5 -0
- package/lib/components/MenuSplitGroup/renderMenuSplitGroup.js +16 -0
- package/lib/components/MenuSplitGroup/renderMenuSplitGroup.js.map +1 -0
- package/lib/components/MenuSplitGroup/useMenuSplitGroup.d.ts +16 -0
- package/lib/components/MenuSplitGroup/useMenuSplitGroup.js +72 -0
- package/lib/components/MenuSplitGroup/useMenuSplitGroup.js.map +1 -0
- package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts +6 -0
- package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js +34 -0
- package/lib/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map +1 -0
- package/lib/index.d.ts +11 -10
- package/lib/index.js +11 -10
- package/lib/index.js.map +1 -1
- package/lib-commonjs/MenuSplitGroup.d.ts +1 -0
- package/lib-commonjs/MenuSplitGroup.js +10 -0
- package/lib-commonjs/MenuSplitGroup.js.map +1 -0
- package/lib-commonjs/components/Menu/useMenu.js +23 -20
- package/lib-commonjs/components/Menu/useMenu.js.map +1 -1
- package/lib-commonjs/components/MenuItem/MenuItem.types.d.ts +1 -1
- package/lib-commonjs/components/MenuItem/useMenuItem.js +2 -2
- package/lib-commonjs/components/MenuItem/useMenuItem.js.map +1 -1
- package/lib-commonjs/components/MenuItem/useMenuItemStyles.js +9 -18
- package/lib-commonjs/components/MenuItem/useMenuItemStyles.js.map +1 -1
- package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.d.ts +6 -0
- package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.js +26 -0
- package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.js.map +1 -0
- package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.types.d.ts +13 -0
- package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.types.js +6 -0
- package/lib-commonjs/components/MenuSplitGroup/MenuSplitGroup.types.js.map +1 -0
- package/lib-commonjs/components/MenuSplitGroup/index.d.ts +5 -0
- package/lib-commonjs/components/MenuSplitGroup/index.js +18 -0
- package/lib-commonjs/components/MenuSplitGroup/index.js.map +1 -0
- package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.d.ts +5 -0
- package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.js +28 -0
- package/lib-commonjs/components/MenuSplitGroup/renderMenuSplitGroup.js.map +1 -0
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.d.ts +16 -0
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.js +86 -0
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroup.js.map +1 -0
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.d.ts +6 -0
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js +45 -0
- package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.js.map +1 -0
- package/lib-commonjs/index.d.ts +11 -10
- package/lib-commonjs/index.js +16 -14
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -12
package/CHANGELOG.json
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
"name": "@fluentui/react-menu",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri,
|
|
6
|
-
"tag": "@fluentui/react-menu_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Fri, 07 Jan 2022 04:18:18 GMT",
|
|
6
|
+
"tag": "@fluentui/react-menu_v0.0.0-nightly8c37bdfa2420220107.1",
|
|
7
|
+
"version": "0.0.0-nightly8c37bdfa2420220107.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-menu",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
@@ -25,6 +25,12 @@
|
|
|
25
25
|
"commit": "6ca0355f6740f836ff4df009687718a380085247",
|
|
26
26
|
"comment": "fix: Focus on first menu item on click"
|
|
27
27
|
},
|
|
28
|
+
{
|
|
29
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
30
|
+
"package": "@fluentui/react-menu",
|
|
31
|
+
"commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
|
|
32
|
+
"comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
|
|
33
|
+
},
|
|
28
34
|
{
|
|
29
35
|
"author": "olfedias@microsoft.com",
|
|
30
36
|
"package": "@fluentui/react-menu",
|
|
@@ -37,77 +43,89 @@
|
|
|
37
43
|
"commit": "4121754498bba5137f769295e2b7a2899f557278",
|
|
38
44
|
"comment": "fix: Call `useCheckmarkStyles` in `useMenuItemStyles`"
|
|
39
45
|
},
|
|
46
|
+
{
|
|
47
|
+
"author": "lingfangao@hotmail.com",
|
|
48
|
+
"package": "@fluentui/react-menu",
|
|
49
|
+
"commit": "95a6a32cbffa9d86d6017cf8e0204d4b459ef370",
|
|
50
|
+
"comment": "feat: implement `MenuSplitGroup` component for split menu items"
|
|
51
|
+
},
|
|
40
52
|
{
|
|
41
53
|
"author": "ololubek@microsoft.com",
|
|
42
54
|
"package": "@fluentui/react-menu",
|
|
43
55
|
"commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
|
|
44
56
|
"comment": "(fix): Update react-icons dependency to latest version"
|
|
45
57
|
},
|
|
58
|
+
{
|
|
59
|
+
"author": "lingfangao@hotmail.com",
|
|
60
|
+
"package": "@fluentui/react-menu",
|
|
61
|
+
"commit": "07d9ed6d1b436b7ca9571c94fbb0bcbdb080f235",
|
|
62
|
+
"comment": "breaking: MenuTrigger must be the first child of the `Menu`"
|
|
63
|
+
},
|
|
46
64
|
{
|
|
47
65
|
"author": "beachball",
|
|
48
66
|
"package": "@fluentui/react-menu",
|
|
49
|
-
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-
|
|
50
|
-
"commit": "
|
|
67
|
+
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
68
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
51
69
|
},
|
|
52
70
|
{
|
|
53
71
|
"author": "beachball",
|
|
54
72
|
"package": "@fluentui/react-menu",
|
|
55
|
-
"comment": "Bump @fluentui/react-context-selector to v0.0.0-
|
|
56
|
-
"commit": "
|
|
73
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
74
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
57
75
|
},
|
|
58
76
|
{
|
|
59
77
|
"author": "beachball",
|
|
60
78
|
"package": "@fluentui/react-menu",
|
|
61
|
-
"comment": "Bump @fluentui/react-make-styles to v0.0.0-
|
|
62
|
-
"commit": "
|
|
79
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
80
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
63
81
|
},
|
|
64
82
|
{
|
|
65
83
|
"author": "beachball",
|
|
66
84
|
"package": "@fluentui/react-menu",
|
|
67
|
-
"comment": "Bump @fluentui/react-portal to v0.0.0-
|
|
68
|
-
"commit": "
|
|
85
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
86
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
69
87
|
},
|
|
70
88
|
{
|
|
71
89
|
"author": "beachball",
|
|
72
90
|
"package": "@fluentui/react-menu",
|
|
73
|
-
"comment": "Bump @fluentui/react-positioning to v0.0.0-
|
|
74
|
-
"commit": "
|
|
91
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
92
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
75
93
|
},
|
|
76
94
|
{
|
|
77
95
|
"author": "beachball",
|
|
78
96
|
"package": "@fluentui/react-menu",
|
|
79
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-
|
|
80
|
-
"commit": "
|
|
97
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
98
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
81
99
|
},
|
|
82
100
|
{
|
|
83
101
|
"author": "beachball",
|
|
84
102
|
"package": "@fluentui/react-menu",
|
|
85
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-
|
|
86
|
-
"commit": "
|
|
103
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
104
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
87
105
|
},
|
|
88
106
|
{
|
|
89
107
|
"author": "beachball",
|
|
90
108
|
"package": "@fluentui/react-menu",
|
|
91
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-
|
|
92
|
-
"commit": "
|
|
109
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
110
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
93
111
|
},
|
|
94
112
|
{
|
|
95
113
|
"author": "beachball",
|
|
96
114
|
"package": "@fluentui/react-menu",
|
|
97
|
-
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-
|
|
98
|
-
"commit": "
|
|
115
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
116
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
99
117
|
},
|
|
100
118
|
{
|
|
101
119
|
"author": "beachball",
|
|
102
120
|
"package": "@fluentui/react-menu",
|
|
103
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-
|
|
104
|
-
"commit": "
|
|
121
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
122
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
105
123
|
},
|
|
106
124
|
{
|
|
107
125
|
"author": "beachball",
|
|
108
126
|
"package": "@fluentui/react-menu",
|
|
109
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-
|
|
110
|
-
"commit": "
|
|
127
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly8c37bdfa2420220107.1",
|
|
128
|
+
"commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
|
|
111
129
|
}
|
|
112
130
|
],
|
|
113
131
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,33 +1,36 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-menu
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri,
|
|
3
|
+
This log was last generated on Fri, 07 Jan 2022 04:18:18 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightly8c37bdfa2420220107.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v0.0.0-nightly8c37bdfa2420220107.1)
|
|
8
8
|
|
|
9
|
-
Fri,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.5..@fluentui/react-menu_v0.0.0-
|
|
9
|
+
Fri, 07 Jan 2022 04:18:18 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-beta.5..@fluentui/react-menu_v0.0.0-nightly8c37bdfa2420220107.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by email not defined)
|
|
15
15
|
- fix: set `aria-expanded` and `aria-haspopup` values correctly ([PR #20957](https://github.com/microsoft/fluentui/pull/20957) by lingfangao@hotmail.com)
|
|
16
16
|
- fix: Focus on first menu item on click ([PR #20955](https://github.com/microsoft/fluentui/pull/20955) by lingfangao@hotmail.com)
|
|
17
|
+
- Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
|
|
17
18
|
- update styles to not use CSS shorthands ([PR #20820](https://github.com/microsoft/fluentui/pull/20820) by olfedias@microsoft.com)
|
|
18
19
|
- fix: Call `useCheckmarkStyles` in `useMenuItemStyles` ([PR #20956](https://github.com/microsoft/fluentui/pull/20956) by lingfangao@hotmail.com)
|
|
20
|
+
- feat: implement `MenuSplitGroup` component for split menu items ([PR #21095](https://github.com/microsoft/fluentui/pull/21095) by lingfangao@hotmail.com)
|
|
19
21
|
- (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
|
|
20
|
-
-
|
|
21
|
-
- Bump @fluentui/
|
|
22
|
-
- Bump @fluentui/react-
|
|
23
|
-
- Bump @fluentui/react-
|
|
24
|
-
- Bump @fluentui/react-
|
|
25
|
-
- Bump @fluentui/react-
|
|
26
|
-
- Bump @fluentui/react-
|
|
27
|
-
- Bump @fluentui/react-
|
|
28
|
-
- Bump @fluentui/
|
|
29
|
-
- Bump @fluentui/
|
|
30
|
-
- Bump @fluentui/
|
|
22
|
+
- breaking: MenuTrigger must be the first child of the `Menu` ([PR #21096](https://github.com/microsoft/fluentui/pull/21096) by lingfangao@hotmail.com)
|
|
23
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
24
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
25
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
26
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
27
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
28
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
29
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
30
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
31
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
32
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
33
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
|
|
31
34
|
|
|
32
35
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-beta.5)
|
|
33
36
|
|
package/Spec.md
CHANGED
|
@@ -619,7 +619,7 @@ const menu = (
|
|
|
619
619
|
|
|
620
620
|
```html
|
|
621
621
|
<!-- expected DOM output -->
|
|
622
|
-
<button aria-haspopup="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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
|
-
<
|
|
886
|
-
<
|
|
887
|
-
|
|
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="
|
|
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="
|
|
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
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
+
> TODO convert these diagrams to excalidraw or smth that is text format
|
|
965
|
+
> TODO add extra descriptions to diagrams
|
|
964
966
|
|
|
965
|
-
|
|
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
|
|
package/dist/react-menu.d.ts
CHANGED
|
@@ -238,7 +238,7 @@ export declare type MenuItemSlots = {
|
|
|
238
238
|
* Component children are placed in this slot
|
|
239
239
|
* Avoid using the `children` property in this slot in favour of Component children whenever possible
|
|
240
240
|
*/
|
|
241
|
-
content
|
|
241
|
+
content?: IntrinsicShorthandProps<'span'>;
|
|
242
242
|
/**
|
|
243
243
|
* Secondary content rendered opposite the primary content (e.g Shortcut text)
|
|
244
244
|
*/
|
|
@@ -386,6 +386,34 @@ export declare const MenuProvider: React_2.Provider<MenuContextValue> & React_2.
|
|
|
386
386
|
|
|
387
387
|
export declare type MenuSlots = {};
|
|
388
388
|
|
|
389
|
+
/**
|
|
390
|
+
* Layout wrapper that provides extra keyboard navigation behavior for two `MenuItem` components.
|
|
391
|
+
*/
|
|
392
|
+
export declare const MenuSplitGroup: ForwardRefComponent<MenuSplitGroupProps>;
|
|
393
|
+
|
|
394
|
+
export declare const menuSplitGroupClassName = "fui-MenuSplitGroup";
|
|
395
|
+
|
|
396
|
+
export declare type MenuSplitGroupCommons = {};
|
|
397
|
+
|
|
398
|
+
/**
|
|
399
|
+
* MenuSplitGroup Props
|
|
400
|
+
*/
|
|
401
|
+
export declare type MenuSplitGroupProps = ComponentProps<MenuSplitGroupSlots> & MenuSplitGroupCommons;
|
|
402
|
+
|
|
403
|
+
/**
|
|
404
|
+
* Array of all shorthand properties listed in MenuSplitGroupSlots
|
|
405
|
+
*/
|
|
406
|
+
export declare const menuSplitGroupShorthandProps: (keyof MenuSplitGroupSlots)[];
|
|
407
|
+
|
|
408
|
+
export declare type MenuSplitGroupSlots = {
|
|
409
|
+
root: IntrinsicShorthandProps<'div'>;
|
|
410
|
+
};
|
|
411
|
+
|
|
412
|
+
/**
|
|
413
|
+
* State used in rendering MenuSplitGroup
|
|
414
|
+
*/
|
|
415
|
+
export declare type MenuSplitGroupState = ComponentState<MenuSplitGroupSlots> & MenuSplitGroupCommons;
|
|
416
|
+
|
|
389
417
|
export declare type MenuState = MenuCommons & ComponentState<MenuSlots> & {
|
|
390
418
|
/**
|
|
391
419
|
* Callback to open/close the popup
|
|
@@ -499,6 +527,11 @@ export declare const renderMenuList: (state: MenuListState, contextValues: MenuL
|
|
|
499
527
|
*/
|
|
500
528
|
export declare const renderMenuPopover: (state: MenuPopoverState) => JSX.Element;
|
|
501
529
|
|
|
530
|
+
/**
|
|
531
|
+
* Render the final JSX of MenuSplitGroup
|
|
532
|
+
*/
|
|
533
|
+
export declare const renderMenuSplitGroup: (state: MenuSplitGroupState) => JSX.Element;
|
|
534
|
+
|
|
502
535
|
/**
|
|
503
536
|
* Render the final JSX of MenuTrigger
|
|
504
537
|
*
|
|
@@ -606,6 +639,22 @@ export declare const useMenuPopover: (props: MenuPopoverProps, ref: React_2.Ref<
|
|
|
606
639
|
*/
|
|
607
640
|
export declare const useMenuPopoverStyles: (state: MenuPopoverState) => MenuPopoverState;
|
|
608
641
|
|
|
642
|
+
/**
|
|
643
|
+
* Create the state required to render MenuSplitGroup.
|
|
644
|
+
*
|
|
645
|
+
* The returned state can be modified with hooks such as useMenuSplitGroupStyles,
|
|
646
|
+
* before being passed to renderMenuSplitGroup.
|
|
647
|
+
*
|
|
648
|
+
* @param props - props from this instance of MenuSplitGroup
|
|
649
|
+
* @param ref - reference to root HTMLElement of MenuSplitGroup
|
|
650
|
+
*/
|
|
651
|
+
export declare const useMenuSplitGroup: (props: MenuSplitGroupProps, ref: React_2.Ref<HTMLElement>) => MenuSplitGroupState;
|
|
652
|
+
|
|
653
|
+
/**
|
|
654
|
+
* Apply styling to the MenuSplitGroup slots based on the state
|
|
655
|
+
*/
|
|
656
|
+
export declare const useMenuSplitGroupStyles: (state: MenuSplitGroupState) => MenuSplitGroupState;
|
|
657
|
+
|
|
609
658
|
/**
|
|
610
659
|
* Create the state required to render MenuTrigger.
|
|
611
660
|
* Clones the only child component and adds necessary event handling behaviours to open a popup menu
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/MenuSplitGroup/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuSplitGroup.js","sourceRoot":"","sources":["../src/MenuSplitGroup.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}
|
|
@@ -4,7 +4,6 @@ import { useControllableState, useId, useOnClickOutside, useEventCallback } from
|
|
|
4
4
|
import { useFluent } from '@fluentui/react-shared-contexts';
|
|
5
5
|
import { elementContains } from '@fluentui/react-portal';
|
|
6
6
|
import { useFocusFinders } from '@fluentui/react-tabster';
|
|
7
|
-
import { MenuTrigger } from '../MenuTrigger/index';
|
|
8
7
|
import { useMenuContext } from '../../contexts/menuContext';
|
|
9
8
|
import { MENU_ENTER_EVENT, useOnMenuMouseEnter } from '../../utils/index';
|
|
10
9
|
import { useIsSubmenu } from '../../utils/useIsSubmenu';
|
|
@@ -29,23 +28,28 @@ export const useMenu = props => {
|
|
|
29
28
|
};
|
|
30
29
|
const children = React.Children.toArray(props.children);
|
|
31
30
|
|
|
32
|
-
if (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
32
|
+
if (children.length === 0) {
|
|
33
|
+
// eslint-disable-next-line no-console
|
|
34
|
+
console.warn('Menu must contain at least one child');
|
|
35
|
+
}
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
} = children.reduce((acc, child) => {
|
|
41
|
-
if (child.type === MenuTrigger) {
|
|
42
|
-
acc.menuTrigger = child;
|
|
43
|
-
} else {
|
|
44
|
-
acc.menuPopover = child;
|
|
37
|
+
if (children.length > 2) {
|
|
38
|
+
// eslint-disable-next-line no-console
|
|
39
|
+
console.warn('Menu must contain at most two children');
|
|
45
40
|
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
let menuTrigger = undefined;
|
|
44
|
+
let menuPopover = undefined;
|
|
45
|
+
|
|
46
|
+
if (children.length === 2) {
|
|
47
|
+
menuTrigger = children[0];
|
|
48
|
+
menuPopover = children[1];
|
|
49
|
+
} else if (children.length === 1) {
|
|
50
|
+
menuPopover = children[0];
|
|
51
|
+
}
|
|
46
52
|
|
|
47
|
-
return acc;
|
|
48
|
-
}, {});
|
|
49
53
|
const {
|
|
50
54
|
targetRef: triggerRef,
|
|
51
55
|
containerRef: menuPopoverRef
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Menu/useMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,EAA+B,SAA/B,EAA0C,2BAA1C,QAA6E,6BAA7E;AACA,SAAS,oBAAT,EAA+B,KAA/B,EAAsC,iBAAtC,EAAyD,gBAAzD,QAAiF,2BAAjF;AACA,SAAS,SAAT,QAA0B,iCAA1B;AACA,SAAS,eAAT,QAAgC,wBAAhC;AACA,SAAS,eAAT,QAAgC,yBAAhC;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Menu/useMenu.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -18,7 +18,7 @@ export declare type MenuItemSlots = {
|
|
|
18
18
|
* Component children are placed in this slot
|
|
19
19
|
* Avoid using the `children` property in this slot in favour of Component children whenever possible
|
|
20
20
|
*/
|
|
21
|
-
content
|
|
21
|
+
content?: IntrinsicShorthandProps<'span'>;
|
|
22
22
|
/**
|
|
23
23
|
* Secondary content rendered opposite the primary content (e.g Shortcut text)
|
|
24
24
|
*/
|
|
@@ -16,7 +16,7 @@ export const menuItemSlots = ['root', 'icon', 'submenuIndicator', 'content', 'se
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
export const useMenuItem = (props, ref) => {
|
|
19
|
-
const hasSubmenu = useMenuTriggerContext();
|
|
19
|
+
const hasSubmenu = useMenuTriggerContext() || props.hasSubmenu;
|
|
20
20
|
const hasIcons = useMenuListContext(context => context.hasIcons);
|
|
21
21
|
const hasCheckmarks = useMenuListContext(context => context.hasCheckmarks);
|
|
22
22
|
const setOpen = useMenuContext(context => context.setOpen);
|
|
@@ -57,7 +57,7 @@ export const useMenuItem = (props, ref) => {
|
|
|
57
57
|
}
|
|
58
58
|
}),
|
|
59
59
|
content: resolveShorthand(props.content, {
|
|
60
|
-
required:
|
|
60
|
+
required: !!props.children,
|
|
61
61
|
defaultProps: {
|
|
62
62
|
children: props.children
|
|
63
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/MenuItem/useMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SACE,gBADF,EAEE,6BAFF,EAGE,gBAHF,EAIE,aAJF,EAKE,qBALF,QAMO,2BANP;AAOA,SAAS,SAAT,QAA0B,iCAA1B;AACA,SAAS,kBAAT,QAAmC,sBAAnC;AACA,SAAS,qBAAT,QAAsC,mCAAtC;AACA,SACE,qBAAqB,IAAI,gBAD3B,EAEE,oBAAoB,IAAI,eAF1B,QAGO,uBAHP;AAIA,SAAS,kBAAT,QAAmC,gCAAnC;AACA,SAAS,cAAT,QAA+B,4BAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAA+B,CACvD,MADuD,EAEvD,MAFuD,EAGvD,kBAHuD,EAIvD,SAJuD,EAKvD,kBALuD,EAMvD,WANuD,CAAlD;AASP;;AAEG;;AACH,OAAO,MAAM,WAAW,GAAG,CAAC,KAAD,EAAuB,GAAvB,KAAqE;AAC9F,QAAM,UAAU,GAAG,qBAAqB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuItem/useMenuItem.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -6,28 +6,16 @@ export const menuItemClassName = 'fui-MenuItem';
|
|
|
6
6
|
const useStyles = /*#__PURE__*/__styles({
|
|
7
7
|
"focusIndicator": {
|
|
8
8
|
"B486eqv": "f2hkw1w",
|
|
9
|
-
"
|
|
10
|
-
"Jopkrh": ["f1781m5e", "flvaaa9"],
|
|
11
|
-
"hhrs2v": "f50u1b5",
|
|
12
|
-
"B7jbng7": ["flvaaa9", "f1781m5e"],
|
|
9
|
+
"B1bra5l": "fc85khu",
|
|
13
10
|
"e8izhr": "f1pxpxw8",
|
|
14
11
|
"in3gf6": "f1149fnl",
|
|
15
12
|
"B1i23sz": "fd1orka",
|
|
16
13
|
"ln9as": "fgtqheg",
|
|
17
14
|
"Bfgg0yq": "fq7mjg8",
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"fo1iai": "f1nbyjd2",
|
|
21
|
-
"Bh81ga8": ["famjx04", "f1lv6wi8"],
|
|
22
|
-
"qztvpn": "f5n18is",
|
|
23
|
-
"ge3ubn": ["f13az7yk", "f14kwzu1"],
|
|
24
|
-
"F41yt0": "fneogx5",
|
|
25
|
-
"Bxrdl85": ["f14kwzu1", "f13az7yk"],
|
|
15
|
+
"i16j1i": "fq9bj62",
|
|
16
|
+
"yxydaw": "fy07e8r",
|
|
26
17
|
"B9sa02e": "f1ha6shg",
|
|
27
|
-
"
|
|
28
|
-
"Ba9tnbb": ["f1ib27sc", "f14s7j5v"],
|
|
29
|
-
"Fpkomr": "f13oqbgc",
|
|
30
|
-
"Bttdqvk": ["f14s7j5v", "f1ib27sc"],
|
|
18
|
+
"yaquy9": "f4ltwxu",
|
|
31
19
|
"Bl8qd6i": "f1284xzw",
|
|
32
20
|
"Byzgy54": "f14dru39",
|
|
33
21
|
"mq8cyt": ["fvabyfg", "f12y1wz2"],
|
|
@@ -82,7 +70,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
82
70
|
}
|
|
83
71
|
}, {
|
|
84
72
|
"i": [".f2hkw1w:focus-visible{outline-style:none;}"],
|
|
85
|
-
"d": ["[data-keyboard-nav] .
|
|
73
|
+
"d": ["[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1d2rq10{height:32px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1k6fduh{cursor:pointer;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f161knb0{padding-left:2px;}", ".f12huiiw{padding-right:2px;}", ".f3rmtva{background-color:transparent;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"],
|
|
86
74
|
"h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
|
|
87
75
|
"f": [".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}", ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"]
|
|
88
76
|
});
|
|
@@ -92,7 +80,10 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
92
80
|
export const useMenuItemStyles = state => {
|
|
93
81
|
const styles = useStyles();
|
|
94
82
|
state.root.className = mergeClasses(menuItemClassName, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
|
|
95
|
-
|
|
83
|
+
|
|
84
|
+
if (state.content) {
|
|
85
|
+
state.content.className = mergeClasses(styles.content, state.content.className);
|
|
86
|
+
}
|
|
96
87
|
|
|
97
88
|
if (state.secondaryContent) {
|
|
98
89
|
state.secondaryContent.className = mergeClasses(!state.disabled && styles.secondaryContent, state.secondaryContent.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/MenuItem/useMenuItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,YAAmC,UAAnC,QAAqD,6BAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,kBAAT,QAAmC,wBAAnC;AAIA,OAAO,MAAM,iBAAiB,GAAG,cAA1B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuItem/useMenuItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,YAAmC,UAAnC,QAAqD,6BAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,kBAAT,QAAmC,wBAAnC;AAIA,OAAO,MAAM,iBAAiB,GAAG,cAA1B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA4DA;;;AACA,OAAO,MAAM,iBAAiB,GAAI,KAAD,IAAyB;AACxD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,iBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,MAAM,CAAC,cAH0B,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAJQ,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;;AAQA,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,MAAM,CAAC,OAAR,EAAiB,KAAK,CAAC,OAAN,CAAc,SAA/B,CAAtC;AACD;;AAED,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,YAAY,CAC7C,CAAC,KAAK,CAAC,QAAP,IAAmB,MAAM,CAAC,gBADmB,EAE7C,KAAK,CAAC,gBAAN,CAAuB,SAFsB,CAA/C;AAID;;AAED,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AACD;;AAED,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,YAAY,CAAC,MAAM,CAAC,gBAAR,EAA0B,KAAK,CAAC,gBAAN,CAAuB,SAAjD,CAA/C;AACD;;AACD,EAAA,kBAAkB,CAAC,KAAD,CAAlB;AACD,CA7BM","sourceRoot":""}
|