@react-spectrum/menu 3.22.10 → 3.23.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.
Files changed (305) hide show
  1. package/dist/import.mjs +6 -8
  2. package/dist/main.js +12 -14
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +6 -8
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +8 -0
  7. package/package.json +14 -46
  8. package/src/index.ts +9 -9
  9. package/dist/ActionMenu.main.js +0 -67
  10. package/dist/ActionMenu.main.js.map +0 -1
  11. package/dist/ActionMenu.mjs +0 -62
  12. package/dist/ActionMenu.module.js +0 -62
  13. package/dist/ActionMenu.module.js.map +0 -1
  14. package/dist/ContextualHelpTrigger.main.js +0 -192
  15. package/dist/ContextualHelpTrigger.main.js.map +0 -1
  16. package/dist/ContextualHelpTrigger.mjs +0 -187
  17. package/dist/ContextualHelpTrigger.module.js +0 -187
  18. package/dist/ContextualHelpTrigger.module.js.map +0 -1
  19. package/dist/Menu.main.js +0 -235
  20. package/dist/Menu.main.js.map +0 -1
  21. package/dist/Menu.mjs +0 -229
  22. package/dist/Menu.module.js +0 -229
  23. package/dist/Menu.module.js.map +0 -1
  24. package/dist/MenuItem.main.js +0 -149
  25. package/dist/MenuItem.main.js.map +0 -1
  26. package/dist/MenuItem.mjs +0 -144
  27. package/dist/MenuItem.module.js +0 -144
  28. package/dist/MenuItem.module.js.map +0 -1
  29. package/dist/MenuSection.main.js +0 -81
  30. package/dist/MenuSection.main.js.map +0 -1
  31. package/dist/MenuSection.mjs +0 -76
  32. package/dist/MenuSection.module.js +0 -76
  33. package/dist/MenuSection.module.js.map +0 -1
  34. package/dist/MenuTrigger.main.js +0 -128
  35. package/dist/MenuTrigger.main.js.map +0 -1
  36. package/dist/MenuTrigger.mjs +0 -123
  37. package/dist/MenuTrigger.module.js +0 -123
  38. package/dist/MenuTrigger.module.js.map +0 -1
  39. package/dist/Popover.main.js +0 -196
  40. package/dist/Popover.main.js.map +0 -1
  41. package/dist/Popover.mjs +0 -191
  42. package/dist/Popover.module.js +0 -191
  43. package/dist/Popover.module.js.map +0 -1
  44. package/dist/SubmenuTrigger.main.js +0 -154
  45. package/dist/SubmenuTrigger.main.js.map +0 -1
  46. package/dist/SubmenuTrigger.mjs +0 -149
  47. package/dist/SubmenuTrigger.module.js +0 -149
  48. package/dist/SubmenuTrigger.module.js.map +0 -1
  49. package/dist/Underlay.main.js +0 -54
  50. package/dist/Underlay.main.js.map +0 -1
  51. package/dist/Underlay.mjs +0 -49
  52. package/dist/Underlay.module.js +0 -49
  53. package/dist/Underlay.module.js.map +0 -1
  54. package/dist/ar-AE.main.js +0 -8
  55. package/dist/ar-AE.main.js.map +0 -1
  56. package/dist/ar-AE.mjs +0 -10
  57. package/dist/ar-AE.module.js +0 -10
  58. package/dist/ar-AE.module.js.map +0 -1
  59. package/dist/bg-BG.main.js +0 -8
  60. package/dist/bg-BG.main.js.map +0 -1
  61. package/dist/bg-BG.mjs +0 -10
  62. package/dist/bg-BG.module.js +0 -10
  63. package/dist/bg-BG.module.js.map +0 -1
  64. package/dist/calculatePosition.main.js +0 -392
  65. package/dist/calculatePosition.main.js.map +0 -1
  66. package/dist/calculatePosition.mjs +0 -386
  67. package/dist/calculatePosition.module.js +0 -386
  68. package/dist/calculatePosition.module.js.map +0 -1
  69. package/dist/context.main.js +0 -43
  70. package/dist/context.main.js.map +0 -1
  71. package/dist/context.mjs +0 -29
  72. package/dist/context.module.js +0 -29
  73. package/dist/context.module.js.map +0 -1
  74. package/dist/contextualhelp_vars_css.main.js +0 -23
  75. package/dist/contextualhelp_vars_css.main.js.map +0 -1
  76. package/dist/contextualhelp_vars_css.mjs +0 -25
  77. package/dist/contextualhelp_vars_css.module.js +0 -25
  78. package/dist/contextualhelp_vars_css.module.js.map +0 -1
  79. package/dist/cs-CZ.main.js +0 -8
  80. package/dist/cs-CZ.main.js.map +0 -1
  81. package/dist/cs-CZ.mjs +0 -10
  82. package/dist/cs-CZ.module.js +0 -10
  83. package/dist/cs-CZ.module.js.map +0 -1
  84. package/dist/da-DK.main.js +0 -8
  85. package/dist/da-DK.main.js.map +0 -1
  86. package/dist/da-DK.mjs +0 -10
  87. package/dist/da-DK.module.js +0 -10
  88. package/dist/da-DK.module.js.map +0 -1
  89. package/dist/de-DE.main.js +0 -8
  90. package/dist/de-DE.main.js.map +0 -1
  91. package/dist/de-DE.mjs +0 -10
  92. package/dist/de-DE.module.js +0 -10
  93. package/dist/de-DE.module.js.map +0 -1
  94. package/dist/el-GR.main.js +0 -8
  95. package/dist/el-GR.main.js.map +0 -1
  96. package/dist/el-GR.mjs +0 -10
  97. package/dist/el-GR.module.js +0 -10
  98. package/dist/el-GR.module.js.map +0 -1
  99. package/dist/en-US.main.js +0 -8
  100. package/dist/en-US.main.js.map +0 -1
  101. package/dist/en-US.mjs +0 -10
  102. package/dist/en-US.module.js +0 -10
  103. package/dist/en-US.module.js.map +0 -1
  104. package/dist/es-ES.main.js +0 -8
  105. package/dist/es-ES.main.js.map +0 -1
  106. package/dist/es-ES.mjs +0 -10
  107. package/dist/es-ES.module.js +0 -10
  108. package/dist/es-ES.module.js.map +0 -1
  109. package/dist/et-EE.main.js +0 -8
  110. package/dist/et-EE.main.js.map +0 -1
  111. package/dist/et-EE.mjs +0 -10
  112. package/dist/et-EE.module.js +0 -10
  113. package/dist/et-EE.module.js.map +0 -1
  114. package/dist/fi-FI.main.js +0 -8
  115. package/dist/fi-FI.main.js.map +0 -1
  116. package/dist/fi-FI.mjs +0 -10
  117. package/dist/fi-FI.module.js +0 -10
  118. package/dist/fi-FI.module.js.map +0 -1
  119. package/dist/fr-FR.main.js +0 -8
  120. package/dist/fr-FR.main.js.map +0 -1
  121. package/dist/fr-FR.mjs +0 -10
  122. package/dist/fr-FR.module.js +0 -10
  123. package/dist/fr-FR.module.js.map +0 -1
  124. package/dist/he-IL.main.js +0 -8
  125. package/dist/he-IL.main.js.map +0 -1
  126. package/dist/he-IL.mjs +0 -10
  127. package/dist/he-IL.module.js +0 -10
  128. package/dist/he-IL.module.js.map +0 -1
  129. package/dist/hr-HR.main.js +0 -8
  130. package/dist/hr-HR.main.js.map +0 -1
  131. package/dist/hr-HR.mjs +0 -10
  132. package/dist/hr-HR.module.js +0 -10
  133. package/dist/hr-HR.module.js.map +0 -1
  134. package/dist/hu-HU.main.js +0 -8
  135. package/dist/hu-HU.main.js.map +0 -1
  136. package/dist/hu-HU.mjs +0 -10
  137. package/dist/hu-HU.module.js +0 -10
  138. package/dist/hu-HU.module.js.map +0 -1
  139. package/dist/intlStrings.main.js +0 -108
  140. package/dist/intlStrings.main.js.map +0 -1
  141. package/dist/intlStrings.mjs +0 -110
  142. package/dist/intlStrings.module.js +0 -110
  143. package/dist/intlStrings.module.js.map +0 -1
  144. package/dist/it-IT.main.js +0 -8
  145. package/dist/it-IT.main.js.map +0 -1
  146. package/dist/it-IT.mjs +0 -10
  147. package/dist/it-IT.module.js +0 -10
  148. package/dist/it-IT.module.js.map +0 -1
  149. package/dist/ja-JP.main.js +0 -8
  150. package/dist/ja-JP.main.js.map +0 -1
  151. package/dist/ja-JP.mjs +0 -10
  152. package/dist/ja-JP.module.js +0 -10
  153. package/dist/ja-JP.module.js.map +0 -1
  154. package/dist/ko-KR.main.js +0 -8
  155. package/dist/ko-KR.main.js.map +0 -1
  156. package/dist/ko-KR.mjs +0 -10
  157. package/dist/ko-KR.module.js +0 -10
  158. package/dist/ko-KR.module.js.map +0 -1
  159. package/dist/lt-LT.main.js +0 -8
  160. package/dist/lt-LT.main.js.map +0 -1
  161. package/dist/lt-LT.mjs +0 -10
  162. package/dist/lt-LT.module.js +0 -10
  163. package/dist/lt-LT.module.js.map +0 -1
  164. package/dist/lv-LV.main.js +0 -8
  165. package/dist/lv-LV.main.js.map +0 -1
  166. package/dist/lv-LV.mjs +0 -10
  167. package/dist/lv-LV.module.js +0 -10
  168. package/dist/lv-LV.module.js.map +0 -1
  169. package/dist/menu.2259a533.css +0 -210
  170. package/dist/menu.2259a533.css.map +0 -1
  171. package/dist/menu.2ec1fdaf.css +0 -570
  172. package/dist/menu.2ec1fdaf.css.map +0 -1
  173. package/dist/menu.359a0c0a.css +0 -131
  174. package/dist/menu.359a0c0a.css.map +0 -1
  175. package/dist/menu.57b3a408.css +0 -12
  176. package/dist/menu.57b3a408.css.map +0 -1
  177. package/dist/menu.5b49954a.css +0 -30
  178. package/dist/menu.5b49954a.css.map +0 -1
  179. package/dist/menu_vars_css.main.js +0 -177
  180. package/dist/menu_vars_css.main.js.map +0 -1
  181. package/dist/menu_vars_css.mjs +0 -179
  182. package/dist/menu_vars_css.module.js +0 -179
  183. package/dist/menu_vars_css.module.js.map +0 -1
  184. package/dist/nb-NO.main.js +0 -8
  185. package/dist/nb-NO.main.js.map +0 -1
  186. package/dist/nb-NO.mjs +0 -10
  187. package/dist/nb-NO.module.js +0 -10
  188. package/dist/nb-NO.module.js.map +0 -1
  189. package/dist/nl-NL.main.js +0 -8
  190. package/dist/nl-NL.main.js.map +0 -1
  191. package/dist/nl-NL.mjs +0 -10
  192. package/dist/nl-NL.module.js +0 -10
  193. package/dist/nl-NL.module.js.map +0 -1
  194. package/dist/overlays_css.main.js +0 -35
  195. package/dist/overlays_css.main.js.map +0 -1
  196. package/dist/overlays_css.mjs +0 -37
  197. package/dist/overlays_css.module.js +0 -37
  198. package/dist/overlays_css.module.js.map +0 -1
  199. package/dist/pl-PL.main.js +0 -8
  200. package/dist/pl-PL.main.js.map +0 -1
  201. package/dist/pl-PL.mjs +0 -10
  202. package/dist/pl-PL.module.js +0 -10
  203. package/dist/pl-PL.module.js.map +0 -1
  204. package/dist/popover_vars_css.main.js +0 -83
  205. package/dist/popover_vars_css.main.js.map +0 -1
  206. package/dist/popover_vars_css.mjs +0 -85
  207. package/dist/popover_vars_css.module.js +0 -85
  208. package/dist/popover_vars_css.module.js.map +0 -1
  209. package/dist/pt-BR.main.js +0 -8
  210. package/dist/pt-BR.main.js.map +0 -1
  211. package/dist/pt-BR.mjs +0 -10
  212. package/dist/pt-BR.module.js +0 -10
  213. package/dist/pt-BR.module.js.map +0 -1
  214. package/dist/pt-PT.main.js +0 -8
  215. package/dist/pt-PT.main.js.map +0 -1
  216. package/dist/pt-PT.mjs +0 -10
  217. package/dist/pt-PT.module.js +0 -10
  218. package/dist/pt-PT.module.js.map +0 -1
  219. package/dist/ro-RO.main.js +0 -8
  220. package/dist/ro-RO.main.js.map +0 -1
  221. package/dist/ro-RO.mjs +0 -10
  222. package/dist/ro-RO.module.js +0 -10
  223. package/dist/ro-RO.module.js.map +0 -1
  224. package/dist/ru-RU.main.js +0 -8
  225. package/dist/ru-RU.main.js.map +0 -1
  226. package/dist/ru-RU.mjs +0 -10
  227. package/dist/ru-RU.module.js +0 -10
  228. package/dist/ru-RU.module.js.map +0 -1
  229. package/dist/sk-SK.main.js +0 -8
  230. package/dist/sk-SK.main.js.map +0 -1
  231. package/dist/sk-SK.mjs +0 -10
  232. package/dist/sk-SK.module.js +0 -10
  233. package/dist/sk-SK.module.js.map +0 -1
  234. package/dist/sl-SI.main.js +0 -8
  235. package/dist/sl-SI.main.js.map +0 -1
  236. package/dist/sl-SI.mjs +0 -10
  237. package/dist/sl-SI.module.js +0 -10
  238. package/dist/sl-SI.module.js.map +0 -1
  239. package/dist/sr-SP.main.js +0 -8
  240. package/dist/sr-SP.main.js.map +0 -1
  241. package/dist/sr-SP.mjs +0 -10
  242. package/dist/sr-SP.module.js +0 -10
  243. package/dist/sr-SP.module.js.map +0 -1
  244. package/dist/sv-SE.main.js +0 -8
  245. package/dist/sv-SE.main.js.map +0 -1
  246. package/dist/sv-SE.mjs +0 -10
  247. package/dist/sv-SE.module.js +0 -10
  248. package/dist/sv-SE.module.js.map +0 -1
  249. package/dist/tr-TR.main.js +0 -8
  250. package/dist/tr-TR.main.js.map +0 -1
  251. package/dist/tr-TR.mjs +0 -10
  252. package/dist/tr-TR.module.js +0 -10
  253. package/dist/tr-TR.module.js.map +0 -1
  254. package/dist/types.d.ts +0 -43
  255. package/dist/types.d.ts.map +0 -1
  256. package/dist/uk-UA.main.js +0 -8
  257. package/dist/uk-UA.main.js.map +0 -1
  258. package/dist/uk-UA.mjs +0 -10
  259. package/dist/uk-UA.module.js +0 -10
  260. package/dist/uk-UA.module.js.map +0 -1
  261. package/dist/underlay_vars_css.main.js +0 -50
  262. package/dist/underlay_vars_css.main.js.map +0 -1
  263. package/dist/underlay_vars_css.mjs +0 -52
  264. package/dist/underlay_vars_css.module.js +0 -52
  265. package/dist/underlay_vars_css.module.js.map +0 -1
  266. package/dist/useCloseOnScroll.main.js +0 -51
  267. package/dist/useCloseOnScroll.main.js.map +0 -1
  268. package/dist/useCloseOnScroll.mjs +0 -46
  269. package/dist/useCloseOnScroll.module.js +0 -46
  270. package/dist/useCloseOnScroll.module.js.map +0 -1
  271. package/dist/useOverlayPosition.main.js +0 -225
  272. package/dist/useOverlayPosition.main.js.map +0 -1
  273. package/dist/useOverlayPosition.mjs +0 -220
  274. package/dist/useOverlayPosition.module.js +0 -220
  275. package/dist/useOverlayPosition.module.js.map +0 -1
  276. package/dist/usePopover.main.js +0 -73
  277. package/dist/usePopover.main.js.map +0 -1
  278. package/dist/usePopover.mjs +0 -68
  279. package/dist/usePopover.module.js +0 -68
  280. package/dist/usePopover.module.js.map +0 -1
  281. package/dist/zh-CN.main.js +0 -8
  282. package/dist/zh-CN.main.js.map +0 -1
  283. package/dist/zh-CN.mjs +0 -10
  284. package/dist/zh-CN.module.js +0 -10
  285. package/dist/zh-CN.module.js.map +0 -1
  286. package/dist/zh-TW.main.js +0 -8
  287. package/dist/zh-TW.main.js.map +0 -1
  288. package/dist/zh-TW.mjs +0 -10
  289. package/dist/zh-TW.module.js +0 -10
  290. package/dist/zh-TW.module.js.map +0 -1
  291. package/src/ActionMenu.tsx +0 -58
  292. package/src/ContextualHelpTrigger.tsx +0 -194
  293. package/src/Menu.tsx +0 -228
  294. package/src/MenuItem.tsx +0 -159
  295. package/src/MenuSection.tsx +0 -100
  296. package/src/MenuTrigger.tsx +0 -125
  297. package/src/Popover.tsx +0 -240
  298. package/src/SubmenuTrigger.tsx +0 -154
  299. package/src/Underlay.tsx +0 -43
  300. package/src/calculatePosition.ts +0 -627
  301. package/src/context.ts +0 -63
  302. package/src/overlays.css +0 -32
  303. package/src/useCloseOnScroll.ts +0 -65
  304. package/src/useOverlayPosition.ts +0 -327
  305. package/src/usePopover.ts +0 -136
@@ -1,144 +0,0 @@
1
- import $bVyMs$intlStringsmodulejs from "./intlStrings.module.js";
2
- import "./menu.2ec1fdaf.css";
3
- import $bVyMs$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
4
- import {useMenuContext as $d94604d52c3e3feb$export$21c7ab35b39f78ec, useSubmenuTriggerContext as $d94604d52c3e3feb$export$dc2161044aa0b36d} from "./context.module.js";
5
- import $bVyMs$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
6
- import $bVyMs$spectrumiconsworkflowChevronLeft from "@spectrum-icons/workflow/ChevronLeft";
7
- import $bVyMs$spectrumiconsworkflowChevronRight from "@spectrum-icons/workflow/ChevronRight";
8
- import {classNames as $bVyMs$classNames, ClearSlots as $bVyMs$ClearSlots, SlotProvider as $bVyMs$SlotProvider} from "@react-spectrum/utils";
9
- import {FocusRing as $bVyMs$FocusRing} from "@react-aria/focus";
10
- import {Grid as $bVyMs$Grid} from "@react-spectrum/layout";
11
- import $bVyMs$spectrumiconsworkflowInfoOutline from "@spectrum-icons/workflow/InfoOutline";
12
- import {useObjectRef as $bVyMs$useObjectRef, mergeRefs as $bVyMs$mergeRefs, useSlotId as $bVyMs$useSlotId} from "@react-aria/utils";
13
- import $bVyMs$react, {useRef as $bVyMs$useRef, useMemo as $bVyMs$useMemo} from "react";
14
- import {Text as $bVyMs$Text} from "@react-spectrum/text";
15
- import {useLocalizedStringFormatter as $bVyMs$useLocalizedStringFormatter, useLocale as $bVyMs$useLocale} from "@react-aria/i18n";
16
- import {useMenuItem as $bVyMs$useMenuItem} from "@react-aria/menu";
17
-
18
-
19
- function $parcel$interopDefault(a) {
20
- return a && a.__esModule ? a.default : a;
21
- }
22
- /*
23
- * Copyright 2020 Adobe. All rights reserved.
24
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
25
- * you may not use this file except in compliance with the License. You may obtain a copy
26
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
27
- *
28
- * Unless required by applicable law or agreed to in writing, software distributed under
29
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
30
- * OF ANY KIND, either express or implied. See the License for the specific language
31
- * governing permissions and limitations under the License.
32
- */
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
- function $48fb8f5e1202c980$export$2ce376c2cc3355c8(props) {
48
- let { item: item, state: state, isVirtualized: isVirtualized } = props;
49
- let { closeOnSelect: closeOnSelect } = (0, $d94604d52c3e3feb$export$21c7ab35b39f78ec)();
50
- let { rendered: rendered, key: key } = item;
51
- let stringFormatter = (0, $bVyMs$useLocalizedStringFormatter)((0, ($parcel$interopDefault($bVyMs$intlStringsmodulejs))), '@react-spectrum/menu');
52
- let { direction: direction } = (0, $bVyMs$useLocale)();
53
- let submenuTriggerContext = (0, $d94604d52c3e3feb$export$dc2161044aa0b36d)();
54
- let { triggerRef: triggerRef, ...submenuTriggerProps } = submenuTriggerContext || {};
55
- let isSubmenuTrigger = !!submenuTriggerContext;
56
- let isUnavailable;
57
- let ElementType = item.props.href ? 'a' : 'div';
58
- if (isSubmenuTrigger) isUnavailable = submenuTriggerContext.isUnavailable;
59
- let isDisabled = state.disabledKeys.has(key);
60
- let isContextualHelpTrigger = isSubmenuTrigger && isUnavailable !== undefined;
61
- let isSelectable = (isContextualHelpTrigger ? !isUnavailable : !isSubmenuTrigger) && state.selectionManager.selectionMode !== 'none';
62
- let isSelected = isSelectable && state.selectionManager.isSelected(key);
63
- let itemref = (0, $bVyMs$useRef)(null);
64
- let ref = (0, $bVyMs$useObjectRef)((0, $bVyMs$useMemo)(()=>(0, $bVyMs$mergeRefs)(itemref, triggerRef), [
65
- itemref,
66
- triggerRef
67
- ]));
68
- let { menuItemProps: menuItemProps, labelProps: labelProps, descriptionProps: descriptionProps, keyboardShortcutProps: keyboardShortcutProps } = (0, $bVyMs$useMenuItem)({
69
- isSelected: isSelected,
70
- isDisabled: isDisabled,
71
- 'aria-label': item['aria-label'],
72
- key: key,
73
- closeOnSelect: closeOnSelect,
74
- isVirtualized: isVirtualized,
75
- ...submenuTriggerProps
76
- }, state, ref);
77
- let endId = (0, $bVyMs$useSlotId)();
78
- let endProps = {};
79
- if (endId) {
80
- endProps.id = endId;
81
- menuItemProps['aria-describedby'] = [
82
- menuItemProps['aria-describedby'],
83
- endId
84
- ].filter(Boolean).join(' ');
85
- }
86
- let contents = typeof rendered === 'string' ? /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$Text), null, rendered) : rendered;
87
- return /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$FocusRing), {
88
- focusRingClass: (0, $bVyMs$classNames)((0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs))), 'focus-ring')
89
- }, /*#__PURE__*/ (0, $bVyMs$react).createElement(ElementType, {
90
- ...menuItemProps,
91
- ref: ref,
92
- className: (0, $bVyMs$classNames)((0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs))), 'spectrum-Menu-item', {
93
- 'is-disabled': isDisabled,
94
- 'is-selected': isSelected,
95
- 'is-selectable': isSelectable,
96
- 'is-open': submenuTriggerProps.isOpen
97
- })
98
- }, /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$Grid), {
99
- UNSAFE_className: (0, $bVyMs$classNames)((0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs))), 'spectrum-Menu-itemGrid')
100
- }, /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$ClearSlots), null, /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$SlotProvider), {
101
- slots: {
102
- text: {
103
- UNSAFE_className: (0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs)))['spectrum-Menu-itemLabel'],
104
- ...labelProps
105
- },
106
- end: {
107
- UNSAFE_className: (0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs)))['spectrum-Menu-end'],
108
- ...endProps
109
- },
110
- icon: {
111
- UNSAFE_className: (0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs)))['spectrum-Menu-icon'],
112
- size: 'S'
113
- },
114
- description: {
115
- UNSAFE_className: (0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs)))['spectrum-Menu-description'],
116
- ...descriptionProps
117
- },
118
- keyboard: {
119
- UNSAFE_className: (0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs)))['spectrum-Menu-keyboard'],
120
- ...keyboardShortcutProps
121
- },
122
- chevron: {
123
- UNSAFE_className: (0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs)))['spectrum-Menu-chevron'],
124
- size: 'S'
125
- }
126
- }
127
- }, contents, isSelected && /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$spectrumiconsuiCheckmarkMedium), {
128
- slot: "checkmark",
129
- UNSAFE_className: (0, $bVyMs$classNames)((0, ($parcel$interopDefault($bVyMs$menu_vars_cssmodulejs))), 'spectrum-Menu-checkmark')
130
- }), isUnavailable && /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$spectrumiconsworkflowInfoOutline), {
131
- slot: "end",
132
- size: "XS",
133
- alignSelf: "center",
134
- "aria-label": stringFormatter.format('unavailable')
135
- }), isUnavailable == null && isSubmenuTrigger && (direction === 'rtl' ? /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$spectrumiconsworkflowChevronLeft), {
136
- slot: "chevron"
137
- }) : /*#__PURE__*/ (0, $bVyMs$react).createElement((0, $bVyMs$spectrumiconsworkflowChevronRight), {
138
- slot: "chevron"
139
- })))))));
140
- }
141
-
142
-
143
- export {$48fb8f5e1202c980$export$2ce376c2cc3355c8 as MenuItem};
144
- //# sourceMappingURL=MenuItem.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AA4BM,SAAS,0CAAY,KAAuB;IACjD,IAAI,QACF,IAAI,SACJ,KAAK,iBACL,aAAa,EACd,GAAG;IACJ,IAAI,iBACF,aAAa,EACd,GAAG,CAAA,GAAA,yCAAa;IACjB,IAAI,YACF,QAAQ,OACR,GAAG,EACJ,GAAG;IAEJ,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAE1B,IAAI,wBAAwB,CAAA,GAAA,yCAAuB;IACnD,IAAI,cAAC,UAAU,EAAE,GAAG,qBAAoB,GAAG,yBAAyB,CAAC;IACrE,IAAI,mBAAmB,CAAC,CAAC;IACzB,IAAI;IACJ,IAAI,cAAiC,KAAK,KAAK,CAAC,IAAI,GAAG,MAAM;IAE7D,IAAI,kBACF,gBAAgB,sBAAuB,aAAa;IAGtD,IAAI,aAAa,MAAM,YAAY,CAAC,GAAG,CAAC;IACxC,IAAI,0BAA0B,oBAAoB,kBAAkB;IACpE,IAAI,eACF,AAAC,CAAA,0BAA0B,CAAC,gBAAgB,CAAC,gBAAe,KAC5D,MAAM,gBAAgB,CAAC,aAAa,KAAK;IAE3C,IAAI,aAAa,gBAAgB,MAAM,gBAAgB,CAAC,UAAU,CAAC;IACnE,IAAI,UAAU,CAAA,GAAA,aAAK,EAAO;IAC1B,IAAI,MAAM,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,cAAM,EAAE,IAAM,CAAA,GAAA,gBAAQ,EAAE,SAAS,aAAa;QAAC;QAAS;KAAW;IAC1F,IAAI,iBACF,aAAa,cACb,UAAU,oBACV,gBAAgB,yBAChB,qBAAqB,EACtB,GAAG,CAAA,GAAA,kBAAU,EACZ;oBACE;oBACA;QACA,cAAc,IAAI,CAAC,aAAa;aAChC;uBACA;uBACA;QACA,GAAG,mBAAmB;IACxB,GACA,OACA;IAEF,IAAI,QAAQ,CAAA,GAAA,gBAAQ;IACpB,IAAI,WAA0B,CAAC;IAC/B,IAAI,OAAO;QACT,SAAS,EAAE,GAAG;QACd,aAAa,CAAC,mBAAmB,GAAG;YAAC,aAAa,CAAC,mBAAmB;YAAE;SAAM,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC;IACtG;IAEA,IAAI,WAAW,OAAO,aAAa,yBAC/B,gCAAC,CAAA,GAAA,WAAG,SAAG,YACP;IAEJ,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBAC5C,gCAAC;QACE,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,eAAe;YACf,eAAe;YACf,iBAAiB;YACjB,WAAW,oBAAoB,MAAM;QACvC;qBAEF,gCAAC,CAAA,GAAA,WAAG;QACF,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,sDAAK,GACL;qBAGJ,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,MAAM;gBAAC,kBAAkB,CAAA,GAAA,sDAAK,CAAC,CAAC,0BAA0B;gBAAE,GAAG,UAAU;YAAA;YACzE,KAAK;gBAAC,kBAAkB,CAAA,GAAA,sDAAK,CAAC,CAAC,oBAAoB;gBAAE,GAAG,QAAQ;YAAA;YAChE,MAAM;gBAAC,kBAAkB,CAAA,GAAA,sDAAK,CAAC,CAAC,qBAAqB;gBAAE,MAAM;YAAG;YAChE,aAAa;gBAAC,kBAAkB,CAAA,GAAA,sDAAK,CAAC,CAAC,4BAA4B;gBAAE,GAAG,gBAAgB;YAAA;YACxF,UAAU;gBAAC,kBAAkB,CAAA,GAAA,sDAAK,CAAC,CAAC,yBAAyB;gBAAE,GAAG,qBAAqB;YAAA;YACvF,SAAS;gBAAC,kBAAkB,CAAA,GAAA,sDAAK,CAAC,CAAC,wBAAwB;gBAAE,MAAM;YAAG;QACxE;OACC,UACA,4BACC,gCAAC,CAAA,GAAA,qCAAc;QACb,MAAK;QACL,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,sDAAK,GACL;QAKN,+BAAiB,gCAAC,CAAA,GAAA,uCAAU;QAAE,MAAK;QAAM,MAAK;QAAK,WAAU;QAAS,cAAY,gBAAgB,MAAM,CAAC;QAGzG,iBAAiB,QAAQ,oBAAqB,CAAA,cAAc,sBAAQ,gCAAC,CAAA,GAAA,uCAAU;QAAE,MAAK;uBAAe,gCAAC,CAAA,GAAA,wCAAW;QAAE,MAAK;MAAW;AAQnJ","sources":["packages/@react-spectrum/menu/src/MenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport ChevronLeft from '@spectrum-icons/workflow/ChevronLeft';\nimport ChevronRight from '@spectrum-icons/workflow/ChevronRight';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {DOMAttributes, Node} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoOutline from '@spectrum-icons/workflow/InfoOutline';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {mergeRefs, useObjectRef, useSlotId} from '@react-aria/utils';\nimport React, {JSX, useMemo, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {TreeState} from '@react-stately/tree';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useMenuContext, useSubmenuTriggerContext} from './context';\nimport {useMenuItem} from '@react-aria/menu';\n\ninterface MenuItemProps<T> {\n item: Node<T>,\n state: TreeState<T>,\n isVirtualized?: boolean\n}\n\n/** @private */\nexport function MenuItem<T>(props: MenuItemProps<T>): JSX.Element {\n let {\n item,\n state,\n isVirtualized\n } = props;\n let {\n closeOnSelect\n } = useMenuContext();\n let {\n rendered,\n key\n } = item;\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/menu');\n let {direction} = useLocale();\n\n let submenuTriggerContext = useSubmenuTriggerContext();\n let {triggerRef, ...submenuTriggerProps} = submenuTriggerContext || {};\n let isSubmenuTrigger = !!submenuTriggerContext;\n let isUnavailable;\n let ElementType: React.ElementType = item.props.href ? 'a' : 'div';\n\n if (isSubmenuTrigger) {\n isUnavailable = submenuTriggerContext!.isUnavailable;\n }\n\n let isDisabled = state.disabledKeys.has(key);\n let isContextualHelpTrigger = isSubmenuTrigger && isUnavailable !== undefined;\n let isSelectable = (\n (isContextualHelpTrigger ? !isUnavailable : !isSubmenuTrigger) &&\n state.selectionManager.selectionMode !== 'none'\n );\n let isSelected = isSelectable && state.selectionManager.isSelected(key);\n let itemref = useRef<any>(null);\n let ref = useObjectRef(useMemo(() => mergeRefs(itemref, triggerRef), [itemref, triggerRef]));\n let {\n menuItemProps,\n labelProps,\n descriptionProps,\n keyboardShortcutProps\n } = useMenuItem(\n {\n isSelected,\n isDisabled,\n 'aria-label': item['aria-label'],\n key,\n closeOnSelect,\n isVirtualized,\n ...submenuTriggerProps\n },\n state,\n ref\n );\n let endId = useSlotId();\n let endProps: DOMAttributes = {};\n if (endId) {\n endProps.id = endId;\n menuItemProps['aria-describedby'] = [menuItemProps['aria-describedby'], endId].filter(Boolean).join(' ');\n }\n\n let contents = typeof rendered === 'string'\n ? <Text>{rendered}</Text>\n : rendered;\n\n return (\n <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n <ElementType\n {...menuItemProps}\n ref={ref}\n className={classNames(\n styles,\n 'spectrum-Menu-item',\n {\n 'is-disabled': isDisabled,\n 'is-selected': isSelected,\n 'is-selectable': isSelectable,\n 'is-open': submenuTriggerProps.isOpen\n }\n )}>\n <Grid\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Menu-itemGrid'\n )\n }>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {UNSAFE_className: styles['spectrum-Menu-itemLabel'], ...labelProps},\n end: {UNSAFE_className: styles['spectrum-Menu-end'], ...endProps},\n icon: {UNSAFE_className: styles['spectrum-Menu-icon'], size: 'S'},\n description: {UNSAFE_className: styles['spectrum-Menu-description'], ...descriptionProps},\n keyboard: {UNSAFE_className: styles['spectrum-Menu-keyboard'], ...keyboardShortcutProps},\n chevron: {UNSAFE_className: styles['spectrum-Menu-chevron'], size: 'S'}\n }}>\n {contents}\n {isSelected &&\n <CheckmarkMedium\n slot=\"checkmark\"\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Menu-checkmark'\n )\n } />\n }\n {\n isUnavailable && <InfoOutline slot=\"end\" size=\"XS\" alignSelf=\"center\" aria-label={stringFormatter.format('unavailable')} />\n }\n {\n isUnavailable == null && isSubmenuTrigger && (direction === 'rtl' ? <ChevronLeft slot=\"chevron\" /> : <ChevronRight slot=\"chevron\" />)\n }\n </SlotProvider>\n </ClearSlots>\n </Grid>\n </ElementType>\n </FocusRing>\n );\n}\n"],"names":[],"version":3,"file":"MenuItem.module.js.map"}
@@ -1,81 +0,0 @@
1
- var $1d718563708db5b5$exports = require("./MenuItem.main.js");
2
- require("./menu.2ec1fdaf.css");
3
- var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
4
- var $3nsTP$reactspectrumutils = require("@react-spectrum/utils");
5
- var $3nsTP$reactstatelycollections = require("@react-stately/collections");
6
- var $3nsTP$react = require("react");
7
- var $3nsTP$reactariamenu = require("@react-aria/menu");
8
- var $3nsTP$reactariaseparator = require("@react-aria/separator");
9
-
10
-
11
- function $parcel$interopDefault(a) {
12
- return a && a.__esModule ? a.default : a;
13
- }
14
-
15
- function $parcel$export(e, n, v, s) {
16
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
17
- }
18
-
19
- $parcel$export(module.exports, "MenuSection", () => $5793ff412227d2fc$export$4b1545b4f2016d26);
20
- /*
21
- * Copyright 2020 Adobe. All rights reserved.
22
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
23
- * you may not use this file except in compliance with the License. You may obtain a copy
24
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
25
- *
26
- * Unless required by applicable law or agreed to in writing, software distributed under
27
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
28
- * OF ANY KIND, either express or implied. See the License for the specific language
29
- * governing permissions and limitations under the License.
30
- */
31
-
32
-
33
-
34
-
35
-
36
-
37
- function $5793ff412227d2fc$export$4b1545b4f2016d26(props) {
38
- var _filter_at;
39
- let { item: item, state: state } = props;
40
- let { itemProps: itemProps, headingProps: headingProps, groupProps: groupProps } = (0, $3nsTP$reactariamenu.useMenuSection)({
41
- heading: item.rendered,
42
- 'aria-label': item['aria-label']
43
- });
44
- let { separatorProps: separatorProps } = (0, $3nsTP$reactariaseparator.useSeparator)({
45
- elementType: 'div'
46
- });
47
- let firstSectionKey = state.collection.getFirstKey();
48
- let lastSectionKey = (_filter_at = [
49
- ...state.collection
50
- ].filter((node)=>node.type === 'section').at(-1)) === null || _filter_at === void 0 ? void 0 : _filter_at.key;
51
- let sectionIsFirst = firstSectionKey === item.key && state.collection.getFirstKey() === firstSectionKey;
52
- let lastKey = state.collection.getLastKey();
53
- let sectionIsLast = lastSectionKey === item.key && lastKey != null && state.collection.getItem(lastKey).parentKey === lastSectionKey;
54
- return /*#__PURE__*/ (0, ($parcel$interopDefault($3nsTP$react))).createElement((0, $3nsTP$react.Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($3nsTP$react))).createElement("div", {
55
- ...separatorProps,
56
- className: (0, $3nsTP$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-divider')
57
- }), /*#__PURE__*/ (0, ($parcel$interopDefault($3nsTP$react))).createElement("div", itemProps, item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($3nsTP$react))).createElement("span", {
58
- ...headingProps,
59
- className: (0, $3nsTP$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-sectionHeading')
60
- }, item.rendered), /*#__PURE__*/ (0, ($parcel$interopDefault($3nsTP$react))).createElement("div", {
61
- ...groupProps,
62
- className: (0, $3nsTP$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu', {
63
- 'spectrum-Menu-section--noHeading': item.rendered == null,
64
- 'spectrum-Menu-section--isFirst': sectionIsFirst,
65
- 'spectrum-Menu-section--isLast': sectionIsLast
66
- })
67
- }, [
68
- ...(0, $3nsTP$reactstatelycollections.getChildNodes)(item, state.collection)
69
- ].map((node)=>{
70
- let item = /*#__PURE__*/ (0, ($parcel$interopDefault($3nsTP$react))).createElement((0, $1d718563708db5b5$exports.MenuItem), {
71
- key: node.key,
72
- item: node,
73
- state: state
74
- });
75
- if (node.wrapper) item = node.wrapper(item);
76
- return item;
77
- }))));
78
- }
79
-
80
-
81
- //# sourceMappingURL=MenuSection.main.js.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,SAAS,0CAAe,KAA0B;QAYlC;IAXrB,IAAI,QAAC,IAAI,SAAE,KAAK,EAAC,GAAG;IACpB,IAAI,aAAC,SAAS,gBAAE,YAAY,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mCAAa,EAAE;QACzD,SAAS,KAAK,QAAQ;QACtB,cAAc,IAAI,CAAC,aAAa;IAClC;IAEA,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,sCAAW,EAAE;QAClC,aAAa;IACf;IAEA,IAAI,kBAAkB,MAAM,UAAU,CAAC,WAAW;IAClD,IAAI,kBAAiB,aAAA;WAAI,MAAM,UAAU;KAAC,CAAC,MAAM,CAAC,CAAA,OAAQ,KAAK,IAAI,KAAK,WAAW,EAAE,CAAC,CAAC,gBAAlE,iCAAA,WAAsE,GAAG;IAC9F,IAAI,iBAAiB,oBAAoB,KAAK,GAAG,IAAI,MAAM,UAAU,CAAC,WAAW,OAAO;IACxF,IAAI,UAAU,MAAM,UAAU,CAAC,UAAU;IACzC,IAAI,gBAAgB,mBAAmB,KAAK,GAAG,IAAI,WAAW,QAAQ,MAAM,UAAU,CAAC,OAAO,CAAC,SAAU,SAAS,KAAK;IAEvH,qBACE,0DAAC,CAAA,GAAA,qBAAO,SACL,KAAK,GAAG,KAAK,MAAM,UAAU,CAAC,WAAW,oBACxC,0DAAC;QACE,GAAG,cAAc;QAClB,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL;sBAGN,0DAAC,OAAQ,WACN,KAAK,QAAQ,kBACZ,0DAAC;QACE,GAAG,YAAY;QAChB,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL;OAGH,KAAK,QAAQ,iBAGlB,0DAAC;QACE,GAAG,UAAU;QACd,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACH,iBACF;YACE,oCAAoC,KAAK,QAAQ,IAAI;YACrD,kCAAkC;YAClC,iCAAiC;QACnC;OAGH;WAAI,CAAA,GAAA,4CAAY,EAAE,MAAM,MAAM,UAAU;KAAE,CAAC,GAAG,CAAC,CAAA;QAC9C,IAAI,qBACF,0DAAC,CAAA,GAAA,kCAAO;YACN,KAAK,KAAK,GAAG;YACb,MAAM;YACN,OAAO;;QAGX,IAAI,KAAK,OAAO,EACd,OAAO,KAAK,OAAO,CAAC;QAGtB,OAAO;IACT;AAKV","sources":["packages/@react-spectrum/menu/src/MenuSection.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '@react-spectrum/utils';\nimport {getChildNodes} from '@react-stately/collections';\nimport {MenuItem} from './MenuItem';\nimport {Node} from '@react-types/shared';\nimport React, {Fragment, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {TreeState} from '@react-stately/tree';\nimport {useMenuSection} from '@react-aria/menu';\nimport {useSeparator} from '@react-aria/separator';\n\ninterface MenuSectionProps<T> {\n item: Node<T>,\n state: TreeState<T>\n}\n\n/** @private */\nexport function MenuSection<T>(props: MenuSectionProps<T>): JSX.Element {\n let {item, state} = props;\n let {itemProps, headingProps, groupProps} = useMenuSection({\n heading: item.rendered,\n 'aria-label': item['aria-label']\n });\n\n let {separatorProps} = useSeparator({\n elementType: 'div'\n });\n\n let firstSectionKey = state.collection.getFirstKey();\n let lastSectionKey = [...state.collection].filter(node => node.type === 'section').at(-1)?.key;\n let sectionIsFirst = firstSectionKey === item.key && state.collection.getFirstKey() === firstSectionKey;\n let lastKey = state.collection.getLastKey();\n let sectionIsLast = lastSectionKey === item.key && lastKey != null && state.collection.getItem(lastKey)!.parentKey === lastSectionKey;\n\n return (\n <Fragment>\n {item.key !== state.collection.getFirstKey() &&\n <div\n {...separatorProps}\n className={classNames(\n styles,\n 'spectrum-Menu-divider'\n )} />\n }\n <div {...itemProps}>\n {item.rendered &&\n <span\n {...headingProps}\n className={\n classNames(\n styles,\n 'spectrum-Menu-sectionHeading'\n )\n }>\n {item.rendered}\n </span>\n }\n <div\n {...groupProps}\n className={\n classNames(\n styles,\n 'spectrum-Menu',\n {\n 'spectrum-Menu-section--noHeading': item.rendered == null,\n 'spectrum-Menu-section--isFirst': sectionIsFirst,\n 'spectrum-Menu-section--isLast': sectionIsLast\n }\n )\n }>\n {[...getChildNodes(item, state.collection)].map(node => {\n let item = (\n <MenuItem\n key={node.key}\n item={node}\n state={state} />\n );\n\n if (node.wrapper) {\n item = node.wrapper(item);\n }\n\n return item;\n })}\n </div>\n </div>\n </Fragment>\n );\n}\n"],"names":[],"version":3,"file":"MenuSection.main.js.map"}
@@ -1,76 +0,0 @@
1
- import {MenuItem as $48fb8f5e1202c980$export$2ce376c2cc3355c8} from "./MenuItem.mjs";
2
- import "./menu.2ec1fdaf.css";
3
- import $9353d$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
4
- import {classNames as $9353d$classNames} from "@react-spectrum/utils";
5
- import {getChildNodes as $9353d$getChildNodes} from "@react-stately/collections";
6
- import $9353d$react, {Fragment as $9353d$Fragment} from "react";
7
- import {useMenuSection as $9353d$useMenuSection} from "@react-aria/menu";
8
- import {useSeparator as $9353d$useSeparator} from "@react-aria/separator";
9
-
10
-
11
- function $parcel$interopDefault(a) {
12
- return a && a.__esModule ? a.default : a;
13
- }
14
- /*
15
- * Copyright 2020 Adobe. All rights reserved.
16
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
17
- * you may not use this file except in compliance with the License. You may obtain a copy
18
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
19
- *
20
- * Unless required by applicable law or agreed to in writing, software distributed under
21
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
22
- * OF ANY KIND, either express or implied. See the License for the specific language
23
- * governing permissions and limitations under the License.
24
- */
25
-
26
-
27
-
28
-
29
-
30
-
31
- function $b966e606890cc5ca$export$4b1545b4f2016d26(props) {
32
- var _filter_at;
33
- let { item: item, state: state } = props;
34
- let { itemProps: itemProps, headingProps: headingProps, groupProps: groupProps } = (0, $9353d$useMenuSection)({
35
- heading: item.rendered,
36
- 'aria-label': item['aria-label']
37
- });
38
- let { separatorProps: separatorProps } = (0, $9353d$useSeparator)({
39
- elementType: 'div'
40
- });
41
- let firstSectionKey = state.collection.getFirstKey();
42
- let lastSectionKey = (_filter_at = [
43
- ...state.collection
44
- ].filter((node)=>node.type === 'section').at(-1)) === null || _filter_at === void 0 ? void 0 : _filter_at.key;
45
- let sectionIsFirst = firstSectionKey === item.key && state.collection.getFirstKey() === firstSectionKey;
46
- let lastKey = state.collection.getLastKey();
47
- let sectionIsLast = lastSectionKey === item.key && lastKey != null && state.collection.getItem(lastKey).parentKey === lastSectionKey;
48
- return /*#__PURE__*/ (0, $9353d$react).createElement((0, $9353d$Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $9353d$react).createElement("div", {
49
- ...separatorProps,
50
- className: (0, $9353d$classNames)((0, ($parcel$interopDefault($9353d$menu_vars_cssmodulejs))), 'spectrum-Menu-divider')
51
- }), /*#__PURE__*/ (0, $9353d$react).createElement("div", itemProps, item.rendered && /*#__PURE__*/ (0, $9353d$react).createElement("span", {
52
- ...headingProps,
53
- className: (0, $9353d$classNames)((0, ($parcel$interopDefault($9353d$menu_vars_cssmodulejs))), 'spectrum-Menu-sectionHeading')
54
- }, item.rendered), /*#__PURE__*/ (0, $9353d$react).createElement("div", {
55
- ...groupProps,
56
- className: (0, $9353d$classNames)((0, ($parcel$interopDefault($9353d$menu_vars_cssmodulejs))), 'spectrum-Menu', {
57
- 'spectrum-Menu-section--noHeading': item.rendered == null,
58
- 'spectrum-Menu-section--isFirst': sectionIsFirst,
59
- 'spectrum-Menu-section--isLast': sectionIsLast
60
- })
61
- }, [
62
- ...(0, $9353d$getChildNodes)(item, state.collection)
63
- ].map((node)=>{
64
- let item = /*#__PURE__*/ (0, $9353d$react).createElement((0, $48fb8f5e1202c980$export$2ce376c2cc3355c8), {
65
- key: node.key,
66
- item: node,
67
- state: state
68
- });
69
- if (node.wrapper) item = node.wrapper(item);
70
- return item;
71
- }))));
72
- }
73
-
74
-
75
- export {$b966e606890cc5ca$export$4b1545b4f2016d26 as MenuSection};
76
- //# sourceMappingURL=MenuSection.module.js.map
@@ -1,76 +0,0 @@
1
- import {MenuItem as $48fb8f5e1202c980$export$2ce376c2cc3355c8} from "./MenuItem.module.js";
2
- import "./menu.2ec1fdaf.css";
3
- import $9353d$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
4
- import {classNames as $9353d$classNames} from "@react-spectrum/utils";
5
- import {getChildNodes as $9353d$getChildNodes} from "@react-stately/collections";
6
- import $9353d$react, {Fragment as $9353d$Fragment} from "react";
7
- import {useMenuSection as $9353d$useMenuSection} from "@react-aria/menu";
8
- import {useSeparator as $9353d$useSeparator} from "@react-aria/separator";
9
-
10
-
11
- function $parcel$interopDefault(a) {
12
- return a && a.__esModule ? a.default : a;
13
- }
14
- /*
15
- * Copyright 2020 Adobe. All rights reserved.
16
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
17
- * you may not use this file except in compliance with the License. You may obtain a copy
18
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
19
- *
20
- * Unless required by applicable law or agreed to in writing, software distributed under
21
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
22
- * OF ANY KIND, either express or implied. See the License for the specific language
23
- * governing permissions and limitations under the License.
24
- */
25
-
26
-
27
-
28
-
29
-
30
-
31
- function $b966e606890cc5ca$export$4b1545b4f2016d26(props) {
32
- var _filter_at;
33
- let { item: item, state: state } = props;
34
- let { itemProps: itemProps, headingProps: headingProps, groupProps: groupProps } = (0, $9353d$useMenuSection)({
35
- heading: item.rendered,
36
- 'aria-label': item['aria-label']
37
- });
38
- let { separatorProps: separatorProps } = (0, $9353d$useSeparator)({
39
- elementType: 'div'
40
- });
41
- let firstSectionKey = state.collection.getFirstKey();
42
- let lastSectionKey = (_filter_at = [
43
- ...state.collection
44
- ].filter((node)=>node.type === 'section').at(-1)) === null || _filter_at === void 0 ? void 0 : _filter_at.key;
45
- let sectionIsFirst = firstSectionKey === item.key && state.collection.getFirstKey() === firstSectionKey;
46
- let lastKey = state.collection.getLastKey();
47
- let sectionIsLast = lastSectionKey === item.key && lastKey != null && state.collection.getItem(lastKey).parentKey === lastSectionKey;
48
- return /*#__PURE__*/ (0, $9353d$react).createElement((0, $9353d$Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $9353d$react).createElement("div", {
49
- ...separatorProps,
50
- className: (0, $9353d$classNames)((0, ($parcel$interopDefault($9353d$menu_vars_cssmodulejs))), 'spectrum-Menu-divider')
51
- }), /*#__PURE__*/ (0, $9353d$react).createElement("div", itemProps, item.rendered && /*#__PURE__*/ (0, $9353d$react).createElement("span", {
52
- ...headingProps,
53
- className: (0, $9353d$classNames)((0, ($parcel$interopDefault($9353d$menu_vars_cssmodulejs))), 'spectrum-Menu-sectionHeading')
54
- }, item.rendered), /*#__PURE__*/ (0, $9353d$react).createElement("div", {
55
- ...groupProps,
56
- className: (0, $9353d$classNames)((0, ($parcel$interopDefault($9353d$menu_vars_cssmodulejs))), 'spectrum-Menu', {
57
- 'spectrum-Menu-section--noHeading': item.rendered == null,
58
- 'spectrum-Menu-section--isFirst': sectionIsFirst,
59
- 'spectrum-Menu-section--isLast': sectionIsLast
60
- })
61
- }, [
62
- ...(0, $9353d$getChildNodes)(item, state.collection)
63
- ].map((node)=>{
64
- let item = /*#__PURE__*/ (0, $9353d$react).createElement((0, $48fb8f5e1202c980$export$2ce376c2cc3355c8), {
65
- key: node.key,
66
- item: node,
67
- state: state
68
- });
69
- if (node.wrapper) item = node.wrapper(item);
70
- return item;
71
- }))));
72
- }
73
-
74
-
75
- export {$b966e606890cc5ca$export$4b1545b4f2016d26 as MenuSection};
76
- //# sourceMappingURL=MenuSection.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,SAAS,0CAAe,KAA0B;QAYlC;IAXrB,IAAI,QAAC,IAAI,SAAE,KAAK,EAAC,GAAG;IACpB,IAAI,aAAC,SAAS,gBAAE,YAAY,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QACzD,SAAS,KAAK,QAAQ;QACtB,cAAc,IAAI,CAAC,aAAa;IAClC;IAEA,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAClC,aAAa;IACf;IAEA,IAAI,kBAAkB,MAAM,UAAU,CAAC,WAAW;IAClD,IAAI,kBAAiB,aAAA;WAAI,MAAM,UAAU;KAAC,CAAC,MAAM,CAAC,CAAA,OAAQ,KAAK,IAAI,KAAK,WAAW,EAAE,CAAC,CAAC,gBAAlE,iCAAA,WAAsE,GAAG;IAC9F,IAAI,iBAAiB,oBAAoB,KAAK,GAAG,IAAI,MAAM,UAAU,CAAC,WAAW,OAAO;IACxF,IAAI,UAAU,MAAM,UAAU,CAAC,UAAU;IACzC,IAAI,gBAAgB,mBAAmB,KAAK,GAAG,IAAI,WAAW,QAAQ,MAAM,UAAU,CAAC,OAAO,CAAC,SAAU,SAAS,KAAK;IAEvH,qBACE,gCAAC,CAAA,GAAA,eAAO,SACL,KAAK,GAAG,KAAK,MAAM,UAAU,CAAC,WAAW,oBACxC,gCAAC;QACE,GAAG,cAAc;QAClB,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,sDAAK,GACL;sBAGN,gCAAC,OAAQ,WACN,KAAK,QAAQ,kBACZ,gCAAC;QACE,GAAG,YAAY;QAChB,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,sDAAK,GACL;OAGH,KAAK,QAAQ,iBAGlB,gCAAC;QACE,GAAG,UAAU;QACd,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,sDAAK,GACH,iBACF;YACE,oCAAoC,KAAK,QAAQ,IAAI;YACrD,kCAAkC;YAClC,iCAAiC;QACnC;OAGH;WAAI,CAAA,GAAA,oBAAY,EAAE,MAAM,MAAM,UAAU;KAAE,CAAC,GAAG,CAAC,CAAA;QAC9C,IAAI,qBACF,gCAAC,CAAA,GAAA,yCAAO;YACN,KAAK,KAAK,GAAG;YACb,MAAM;YACN,OAAO;;QAGX,IAAI,KAAK,OAAO,EACd,OAAO,KAAK,OAAO,CAAC;QAGtB,OAAO;IACT;AAKV","sources":["packages/@react-spectrum/menu/src/MenuSection.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '@react-spectrum/utils';\nimport {getChildNodes} from '@react-stately/collections';\nimport {MenuItem} from './MenuItem';\nimport {Node} from '@react-types/shared';\nimport React, {Fragment, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {TreeState} from '@react-stately/tree';\nimport {useMenuSection} from '@react-aria/menu';\nimport {useSeparator} from '@react-aria/separator';\n\ninterface MenuSectionProps<T> {\n item: Node<T>,\n state: TreeState<T>\n}\n\n/** @private */\nexport function MenuSection<T>(props: MenuSectionProps<T>): JSX.Element {\n let {item, state} = props;\n let {itemProps, headingProps, groupProps} = useMenuSection({\n heading: item.rendered,\n 'aria-label': item['aria-label']\n });\n\n let {separatorProps} = useSeparator({\n elementType: 'div'\n });\n\n let firstSectionKey = state.collection.getFirstKey();\n let lastSectionKey = [...state.collection].filter(node => node.type === 'section').at(-1)?.key;\n let sectionIsFirst = firstSectionKey === item.key && state.collection.getFirstKey() === firstSectionKey;\n let lastKey = state.collection.getLastKey();\n let sectionIsLast = lastSectionKey === item.key && lastKey != null && state.collection.getItem(lastKey)!.parentKey === lastSectionKey;\n\n return (\n <Fragment>\n {item.key !== state.collection.getFirstKey() &&\n <div\n {...separatorProps}\n className={classNames(\n styles,\n 'spectrum-Menu-divider'\n )} />\n }\n <div {...itemProps}>\n {item.rendered &&\n <span\n {...headingProps}\n className={\n classNames(\n styles,\n 'spectrum-Menu-sectionHeading'\n )\n }>\n {item.rendered}\n </span>\n }\n <div\n {...groupProps}\n className={\n classNames(\n styles,\n 'spectrum-Menu',\n {\n 'spectrum-Menu-section--noHeading': item.rendered == null,\n 'spectrum-Menu-section--isFirst': sectionIsFirst,\n 'spectrum-Menu-section--isLast': sectionIsLast\n }\n )\n }>\n {[...getChildNodes(item, state.collection)].map(node => {\n let item = (\n <MenuItem\n key={node.key}\n item={node}\n state={state} />\n );\n\n if (node.wrapper) {\n item = node.wrapper(item);\n }\n\n return item;\n })}\n </div>\n </div>\n </Fragment>\n );\n}\n"],"names":[],"version":3,"file":"MenuSection.module.js.map"}
@@ -1,128 +0,0 @@
1
- var $cac834c4bc0a51d3$exports = require("./context.main.js");
2
- require("./menu.2ec1fdaf.css");
3
- var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
4
- var $6doGq$reactspectrumutils = require("@react-spectrum/utils");
5
- var $6doGq$reactspectrumoverlays = require("@react-spectrum/overlays");
6
- var $6doGq$reactariainteractions = require("@react-aria/interactions");
7
- var $6doGq$react = require("react");
8
- var $6doGq$reactariamenu = require("@react-aria/menu");
9
- var $6doGq$reactstatelymenu = require("@react-stately/menu");
10
-
11
-
12
- function $parcel$interopDefault(a) {
13
- return a && a.__esModule ? a.default : a;
14
- }
15
-
16
- function $parcel$export(e, n, v, s) {
17
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
18
- }
19
-
20
- $parcel$export(module.exports, "MenuTrigger", () => $e56311f7204399c7$export$27d2ad3c5815583e);
21
- /*
22
- * Copyright 2020 Adobe. All rights reserved.
23
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
24
- * you may not use this file except in compliance with the License. You may obtain a copy
25
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
26
- *
27
- * Unless required by applicable law or agreed to in writing, software distributed under
28
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
29
- * OF ANY KIND, either express or implied. See the License for the specific language
30
- * governing permissions and limitations under the License.
31
- */
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
- const $e56311f7204399c7$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $6doGq$react.forwardRef)(function MenuTrigger(props, ref) {
40
- let triggerRef = (0, $6doGq$react.useRef)(null);
41
- let domRef = (0, $6doGq$reactspectrumutils.useDOMRef)(ref);
42
- let menuTriggerRef = domRef || triggerRef;
43
- let menuRef = (0, $6doGq$react.useRef)(null);
44
- let { children: children, align: align = 'start', shouldFlip: shouldFlip = true, direction: direction = 'bottom', closeOnSelect: closeOnSelect, trigger: trigger = 'press' } = props;
45
- let [menuTrigger, menu] = (0, ($parcel$interopDefault($6doGq$react))).Children.toArray(children);
46
- let state = (0, $6doGq$reactstatelymenu.useMenuTriggerState)(props);
47
- let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $6doGq$reactariamenu.useMenuTrigger)({
48
- trigger: trigger
49
- }, state, menuTriggerRef);
50
- let initialPlacement;
51
- switch(direction){
52
- case 'left':
53
- case 'right':
54
- case 'start':
55
- case 'end':
56
- initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
57
- break;
58
- case 'bottom':
59
- case 'top':
60
- default:
61
- initialPlacement = `${direction} ${align}`;
62
- }
63
- let isMobile = (0, $6doGq$reactspectrumutils.useIsMobileDevice)();
64
- let menuContext = {
65
- ...menuProps,
66
- ref: menuRef,
67
- onClose: state.close,
68
- closeOnSelect: closeOnSelect,
69
- autoFocus: state.focusStrategy || true,
70
- UNSAFE_style: isMobile ? {
71
- width: '100%',
72
- maxHeight: 'inherit'
73
- } : undefined,
74
- UNSAFE_className: (0, $6doGq$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), {
75
- 'spectrum-Menu-popover': !isMobile
76
- }),
77
- state: state
78
- };
79
- // Close when clicking outside the root menu when a submenu is open.
80
- let rootOverlayRef = (0, $6doGq$react.useRef)(null);
81
- let rootOverlayDomRef = (0, $6doGq$reactspectrumutils.unwrapDOMRef)(rootOverlayRef);
82
- (0, $6doGq$reactariainteractions.useInteractOutside)({
83
- ref: rootOverlayDomRef,
84
- onInteractOutside: ()=>{
85
- state === null || state === void 0 ? void 0 : state.close();
86
- },
87
- isDisabled: !state.isOpen || state.expandedKeysStack.length === 0
88
- });
89
- // On small screen devices, the menu is rendered in a tray, otherwise a popover.
90
- let overlay;
91
- if (isMobile) overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactspectrumoverlays.Tray), {
92
- state: state,
93
- isFixedHeight: true,
94
- ref: rootOverlayRef
95
- }, menu);
96
- else overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactspectrumoverlays.Popover), {
97
- ref: rootOverlayRef,
98
- UNSAFE_style: {
99
- clipPath: 'unset',
100
- overflow: 'visible',
101
- filter: 'unset',
102
- borderWidth: '0px'
103
- },
104
- state: state,
105
- triggerRef: menuTriggerRef,
106
- scrollRef: menuRef,
107
- placement: initialPlacement,
108
- hideArrow: true,
109
- shouldFlip: shouldFlip,
110
- shouldContainFocus: true
111
- }, menu);
112
- return /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$react.Fragment), null, /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactspectrumutils.SlotProvider), {
113
- slots: {
114
- actionButton: {
115
- holdAffordance: trigger === 'longPress'
116
- }
117
- }
118
- }, /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactariainteractions.PressResponder), {
119
- ...menuTriggerProps,
120
- ref: menuTriggerRef,
121
- isPressed: state.isOpen
122
- }, menuTrigger)), /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $cac834c4bc0a51d3$exports.MenuContext).Provider, {
123
- value: menuContext
124
- }, overlay));
125
- });
126
-
127
-
128
- //# sourceMappingURL=MenuTrigger.main.js.map
@@ -1 +0,0 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkBM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAwB;IAClH,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAe;IACrC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,iBAAiB,UAAU;IAC/B,IAAI,UAAU,CAAA,GAAA,mBAAK,EAAkB;IACrC,IAAI,YACF,QAAQ,SACR,QAAQ,qBACR,aAAa,iBACb,YAAY,yBACZ,aAAa,WACb,UAAU,SACX,GAAG;IAEJ,IAAI,CAAC,aAAa,KAAK,GAAG,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACjD,IAAI,QAAQ,CAAA,GAAA,2CAAkB,EAAE;IAEhC,IAAI,oBAAC,gBAAgB,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAa,EAAE;iBAAC;IAAO,GAAG,OAAO;IAErE,IAAI;IACJ,OAAQ;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,mBAAmB,GAAG,UAAU,CAAC,EAAE,UAAU,QAAQ,WAAW,OAAO;YACvE;QACF,KAAK;QACL,KAAK;QACL;YACE,mBAAmB,GAAG,UAAU,CAAC,EAAE,OAAO;IAC9C;IAEA,IAAI,WAAW,CAAA,GAAA,2CAAgB;IAC/B,IAAI,cAAc;QAChB,GAAG,SAAS;QACZ,KAAK;QACL,SAAS,MAAM,KAAK;uBACpB;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,cAAc,WAAW;YACvB,OAAO;YACP,WAAW;QACb,IAAI;QACJ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,yBAAyB,CAAC;QAAQ;eACxE;IACF;IAEA,oEAAoE;IACpE,IAAI,iBAAiB,CAAA,GAAA,mBAAK,EAAE;IAC5B,IAAI,oBAAoB,CAAA,GAAA,sCAAW,EAAE;IACrC,CAAA,GAAA,+CAAiB,EAAE;QACjB,KAAK;QACL,mBAAmB;YACjB,kBAAA,4BAAA,MAAO,KAAK;QACd;QACA,YAAY,CAAC,MAAM,MAAM,IAAI,MAAM,iBAAiB,CAAC,MAAM,KAAK;IAClE;IAEA,gFAAgF;IAChF,IAAI;IACJ,IAAI,UACF,wBACE,0DAAC,CAAA,GAAA,iCAAG;QAAE,OAAO;QAAO,eAAA;QAAc,KAAK;OACpC;SAIL,wBACE,0DAAC,CAAA,GAAA,oCAAM;QACL,KAAK;QACL,cAAc;YAAC,UAAU;YAAS,UAAU;YAAW,QAAQ;YAAS,aAAa;QAAK;QAC1F,OAAO;QACP,YAAY;QACZ,WAAW;QACX,WAAW;QACX,WAAA;QACA,YAAY;QACZ,oBAAA;OACC;IAKP,qBACE,0DAAC,CAAA,GAAA,qBAAO,uBACN,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;YAAC,cAAc;gBAAC,gBAAgB,YAAY;YAAW;QAAC;qBAC3E,0DAAC,CAAA,GAAA,2CAAa;QAAG,GAAG,gBAAgB;QAAE,KAAK;QAAgB,WAAW,MAAM,MAAM;OAC/E,6BAGL,0DAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B;AAIT","sources":["packages/@react-spectrum/menu/src/MenuTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, unwrapDOMRef, useDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {MenuContext} from './context';\nimport {Placement} from '@react-types/overlays';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useInteractOutside} from '@react-aria/interactions';\nimport React, {forwardRef, Fragment, useRef} from 'react';\nimport {SpectrumMenuTriggerProps} from '@react-types/menu';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useMenuTrigger} from '@react-aria/menu';\nimport {useMenuTriggerState} from '@react-stately/menu';\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nexport const MenuTrigger = forwardRef(function MenuTrigger(props: SpectrumMenuTriggerProps, ref: DOMRef<HTMLElement>) {\n let triggerRef = useRef<HTMLElement>(null);\n let domRef = useDOMRef(ref);\n let menuTriggerRef = domRef || triggerRef;\n let menuRef = useRef<HTMLDivElement>(null);\n let {\n children,\n align = 'start',\n shouldFlip = true,\n direction = 'bottom',\n closeOnSelect,\n trigger = 'press'\n } = props;\n\n let [menuTrigger, menu] = React.Children.toArray(children);\n let state = useMenuTriggerState(props);\n\n let {menuTriggerProps, menuProps} = useMenuTrigger({trigger}, state, menuTriggerRef);\n\n let initialPlacement: Placement;\n switch (direction) {\n case 'left':\n case 'right':\n case 'start':\n case 'end':\n initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}` as Placement;\n break;\n case 'bottom':\n case 'top':\n default:\n initialPlacement = `${direction} ${align}` as Placement;\n }\n\n let isMobile = useIsMobileDevice();\n let menuContext = {\n ...menuProps,\n ref: menuRef,\n onClose: state.close,\n closeOnSelect,\n autoFocus: state.focusStrategy || true,\n UNSAFE_style: isMobile ? {\n width: '100%',\n maxHeight: 'inherit'\n } : undefined,\n UNSAFE_className: classNames(styles, {'spectrum-Menu-popover': !isMobile}),\n state\n };\n\n // Close when clicking outside the root menu when a submenu is open.\n let rootOverlayRef = useRef(null);\n let rootOverlayDomRef = unwrapDOMRef(rootOverlayRef);\n useInteractOutside({\n ref: rootOverlayDomRef,\n onInteractOutside: () => {\n state?.close();\n },\n isDisabled: !state.isOpen || state.expandedKeysStack.length === 0\n });\n\n // On small screen devices, the menu is rendered in a tray, otherwise a popover.\n let overlay;\n if (isMobile) {\n overlay = (\n <Tray state={state} isFixedHeight ref={rootOverlayRef}>\n {menu}\n </Tray>\n );\n } else {\n overlay = (\n <Popover\n ref={rootOverlayRef}\n UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n state={state}\n triggerRef={menuTriggerRef}\n scrollRef={menuRef}\n placement={initialPlacement}\n hideArrow\n shouldFlip={shouldFlip}\n shouldContainFocus>\n {menu}\n </Popover>\n );\n }\n\n return (\n <Fragment>\n <SlotProvider slots={{actionButton: {holdAffordance: trigger === 'longPress'}}}>\n <PressResponder {...menuTriggerProps} ref={menuTriggerRef} isPressed={state.isOpen}>\n {menuTrigger}\n </PressResponder>\n </SlotProvider>\n <MenuContext.Provider value={menuContext}>\n {overlay}\n </MenuContext.Provider>\n </Fragment>\n );\n});\n"],"names":[],"version":3,"file":"MenuTrigger.main.js.map"}