@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.
- package/dist/import.mjs +6 -8
- package/dist/main.js +12 -14
- package/dist/main.js.map +1 -1
- package/dist/module.js +6 -8
- package/dist/module.js.map +1 -1
- package/dist/types/src/index.d.ts +8 -0
- package/package.json +14 -46
- package/src/index.ts +9 -9
- package/dist/ActionMenu.main.js +0 -67
- package/dist/ActionMenu.main.js.map +0 -1
- package/dist/ActionMenu.mjs +0 -62
- package/dist/ActionMenu.module.js +0 -62
- package/dist/ActionMenu.module.js.map +0 -1
- package/dist/ContextualHelpTrigger.main.js +0 -192
- package/dist/ContextualHelpTrigger.main.js.map +0 -1
- package/dist/ContextualHelpTrigger.mjs +0 -187
- package/dist/ContextualHelpTrigger.module.js +0 -187
- package/dist/ContextualHelpTrigger.module.js.map +0 -1
- package/dist/Menu.main.js +0 -235
- package/dist/Menu.main.js.map +0 -1
- package/dist/Menu.mjs +0 -229
- package/dist/Menu.module.js +0 -229
- package/dist/Menu.module.js.map +0 -1
- package/dist/MenuItem.main.js +0 -149
- package/dist/MenuItem.main.js.map +0 -1
- package/dist/MenuItem.mjs +0 -144
- package/dist/MenuItem.module.js +0 -144
- package/dist/MenuItem.module.js.map +0 -1
- package/dist/MenuSection.main.js +0 -81
- package/dist/MenuSection.main.js.map +0 -1
- package/dist/MenuSection.mjs +0 -76
- package/dist/MenuSection.module.js +0 -76
- package/dist/MenuSection.module.js.map +0 -1
- package/dist/MenuTrigger.main.js +0 -128
- package/dist/MenuTrigger.main.js.map +0 -1
- package/dist/MenuTrigger.mjs +0 -123
- package/dist/MenuTrigger.module.js +0 -123
- package/dist/MenuTrigger.module.js.map +0 -1
- package/dist/Popover.main.js +0 -196
- package/dist/Popover.main.js.map +0 -1
- package/dist/Popover.mjs +0 -191
- package/dist/Popover.module.js +0 -191
- package/dist/Popover.module.js.map +0 -1
- package/dist/SubmenuTrigger.main.js +0 -154
- package/dist/SubmenuTrigger.main.js.map +0 -1
- package/dist/SubmenuTrigger.mjs +0 -149
- package/dist/SubmenuTrigger.module.js +0 -149
- package/dist/SubmenuTrigger.module.js.map +0 -1
- package/dist/Underlay.main.js +0 -54
- package/dist/Underlay.main.js.map +0 -1
- package/dist/Underlay.mjs +0 -49
- package/dist/Underlay.module.js +0 -49
- package/dist/Underlay.module.js.map +0 -1
- package/dist/ar-AE.main.js +0 -8
- package/dist/ar-AE.main.js.map +0 -1
- package/dist/ar-AE.mjs +0 -10
- package/dist/ar-AE.module.js +0 -10
- package/dist/ar-AE.module.js.map +0 -1
- package/dist/bg-BG.main.js +0 -8
- package/dist/bg-BG.main.js.map +0 -1
- package/dist/bg-BG.mjs +0 -10
- package/dist/bg-BG.module.js +0 -10
- package/dist/bg-BG.module.js.map +0 -1
- package/dist/calculatePosition.main.js +0 -392
- package/dist/calculatePosition.main.js.map +0 -1
- package/dist/calculatePosition.mjs +0 -386
- package/dist/calculatePosition.module.js +0 -386
- package/dist/calculatePosition.module.js.map +0 -1
- package/dist/context.main.js +0 -43
- package/dist/context.main.js.map +0 -1
- package/dist/context.mjs +0 -29
- package/dist/context.module.js +0 -29
- package/dist/context.module.js.map +0 -1
- package/dist/contextualhelp_vars_css.main.js +0 -23
- package/dist/contextualhelp_vars_css.main.js.map +0 -1
- package/dist/contextualhelp_vars_css.mjs +0 -25
- package/dist/contextualhelp_vars_css.module.js +0 -25
- package/dist/contextualhelp_vars_css.module.js.map +0 -1
- package/dist/cs-CZ.main.js +0 -8
- package/dist/cs-CZ.main.js.map +0 -1
- package/dist/cs-CZ.mjs +0 -10
- package/dist/cs-CZ.module.js +0 -10
- package/dist/cs-CZ.module.js.map +0 -1
- package/dist/da-DK.main.js +0 -8
- package/dist/da-DK.main.js.map +0 -1
- package/dist/da-DK.mjs +0 -10
- package/dist/da-DK.module.js +0 -10
- package/dist/da-DK.module.js.map +0 -1
- package/dist/de-DE.main.js +0 -8
- package/dist/de-DE.main.js.map +0 -1
- package/dist/de-DE.mjs +0 -10
- package/dist/de-DE.module.js +0 -10
- package/dist/de-DE.module.js.map +0 -1
- package/dist/el-GR.main.js +0 -8
- package/dist/el-GR.main.js.map +0 -1
- package/dist/el-GR.mjs +0 -10
- package/dist/el-GR.module.js +0 -10
- package/dist/el-GR.module.js.map +0 -1
- package/dist/en-US.main.js +0 -8
- package/dist/en-US.main.js.map +0 -1
- package/dist/en-US.mjs +0 -10
- package/dist/en-US.module.js +0 -10
- package/dist/en-US.module.js.map +0 -1
- package/dist/es-ES.main.js +0 -8
- package/dist/es-ES.main.js.map +0 -1
- package/dist/es-ES.mjs +0 -10
- package/dist/es-ES.module.js +0 -10
- package/dist/es-ES.module.js.map +0 -1
- package/dist/et-EE.main.js +0 -8
- package/dist/et-EE.main.js.map +0 -1
- package/dist/et-EE.mjs +0 -10
- package/dist/et-EE.module.js +0 -10
- package/dist/et-EE.module.js.map +0 -1
- package/dist/fi-FI.main.js +0 -8
- package/dist/fi-FI.main.js.map +0 -1
- package/dist/fi-FI.mjs +0 -10
- package/dist/fi-FI.module.js +0 -10
- package/dist/fi-FI.module.js.map +0 -1
- package/dist/fr-FR.main.js +0 -8
- package/dist/fr-FR.main.js.map +0 -1
- package/dist/fr-FR.mjs +0 -10
- package/dist/fr-FR.module.js +0 -10
- package/dist/fr-FR.module.js.map +0 -1
- package/dist/he-IL.main.js +0 -8
- package/dist/he-IL.main.js.map +0 -1
- package/dist/he-IL.mjs +0 -10
- package/dist/he-IL.module.js +0 -10
- package/dist/he-IL.module.js.map +0 -1
- package/dist/hr-HR.main.js +0 -8
- package/dist/hr-HR.main.js.map +0 -1
- package/dist/hr-HR.mjs +0 -10
- package/dist/hr-HR.module.js +0 -10
- package/dist/hr-HR.module.js.map +0 -1
- package/dist/hu-HU.main.js +0 -8
- package/dist/hu-HU.main.js.map +0 -1
- package/dist/hu-HU.mjs +0 -10
- package/dist/hu-HU.module.js +0 -10
- package/dist/hu-HU.module.js.map +0 -1
- package/dist/intlStrings.main.js +0 -108
- package/dist/intlStrings.main.js.map +0 -1
- package/dist/intlStrings.mjs +0 -110
- package/dist/intlStrings.module.js +0 -110
- package/dist/intlStrings.module.js.map +0 -1
- package/dist/it-IT.main.js +0 -8
- package/dist/it-IT.main.js.map +0 -1
- package/dist/it-IT.mjs +0 -10
- package/dist/it-IT.module.js +0 -10
- package/dist/it-IT.module.js.map +0 -1
- package/dist/ja-JP.main.js +0 -8
- package/dist/ja-JP.main.js.map +0 -1
- package/dist/ja-JP.mjs +0 -10
- package/dist/ja-JP.module.js +0 -10
- package/dist/ja-JP.module.js.map +0 -1
- package/dist/ko-KR.main.js +0 -8
- package/dist/ko-KR.main.js.map +0 -1
- package/dist/ko-KR.mjs +0 -10
- package/dist/ko-KR.module.js +0 -10
- package/dist/ko-KR.module.js.map +0 -1
- package/dist/lt-LT.main.js +0 -8
- package/dist/lt-LT.main.js.map +0 -1
- package/dist/lt-LT.mjs +0 -10
- package/dist/lt-LT.module.js +0 -10
- package/dist/lt-LT.module.js.map +0 -1
- package/dist/lv-LV.main.js +0 -8
- package/dist/lv-LV.main.js.map +0 -1
- package/dist/lv-LV.mjs +0 -10
- package/dist/lv-LV.module.js +0 -10
- package/dist/lv-LV.module.js.map +0 -1
- package/dist/menu.2259a533.css +0 -210
- package/dist/menu.2259a533.css.map +0 -1
- package/dist/menu.2ec1fdaf.css +0 -570
- package/dist/menu.2ec1fdaf.css.map +0 -1
- package/dist/menu.359a0c0a.css +0 -131
- package/dist/menu.359a0c0a.css.map +0 -1
- package/dist/menu.57b3a408.css +0 -12
- package/dist/menu.57b3a408.css.map +0 -1
- package/dist/menu.5b49954a.css +0 -30
- package/dist/menu.5b49954a.css.map +0 -1
- package/dist/menu_vars_css.main.js +0 -177
- package/dist/menu_vars_css.main.js.map +0 -1
- package/dist/menu_vars_css.mjs +0 -179
- package/dist/menu_vars_css.module.js +0 -179
- package/dist/menu_vars_css.module.js.map +0 -1
- package/dist/nb-NO.main.js +0 -8
- package/dist/nb-NO.main.js.map +0 -1
- package/dist/nb-NO.mjs +0 -10
- package/dist/nb-NO.module.js +0 -10
- package/dist/nb-NO.module.js.map +0 -1
- package/dist/nl-NL.main.js +0 -8
- package/dist/nl-NL.main.js.map +0 -1
- package/dist/nl-NL.mjs +0 -10
- package/dist/nl-NL.module.js +0 -10
- package/dist/nl-NL.module.js.map +0 -1
- package/dist/overlays_css.main.js +0 -35
- package/dist/overlays_css.main.js.map +0 -1
- package/dist/overlays_css.mjs +0 -37
- package/dist/overlays_css.module.js +0 -37
- package/dist/overlays_css.module.js.map +0 -1
- package/dist/pl-PL.main.js +0 -8
- package/dist/pl-PL.main.js.map +0 -1
- package/dist/pl-PL.mjs +0 -10
- package/dist/pl-PL.module.js +0 -10
- package/dist/pl-PL.module.js.map +0 -1
- package/dist/popover_vars_css.main.js +0 -83
- package/dist/popover_vars_css.main.js.map +0 -1
- package/dist/popover_vars_css.mjs +0 -85
- package/dist/popover_vars_css.module.js +0 -85
- package/dist/popover_vars_css.module.js.map +0 -1
- package/dist/pt-BR.main.js +0 -8
- package/dist/pt-BR.main.js.map +0 -1
- package/dist/pt-BR.mjs +0 -10
- package/dist/pt-BR.module.js +0 -10
- package/dist/pt-BR.module.js.map +0 -1
- package/dist/pt-PT.main.js +0 -8
- package/dist/pt-PT.main.js.map +0 -1
- package/dist/pt-PT.mjs +0 -10
- package/dist/pt-PT.module.js +0 -10
- package/dist/pt-PT.module.js.map +0 -1
- package/dist/ro-RO.main.js +0 -8
- package/dist/ro-RO.main.js.map +0 -1
- package/dist/ro-RO.mjs +0 -10
- package/dist/ro-RO.module.js +0 -10
- package/dist/ro-RO.module.js.map +0 -1
- package/dist/ru-RU.main.js +0 -8
- package/dist/ru-RU.main.js.map +0 -1
- package/dist/ru-RU.mjs +0 -10
- package/dist/ru-RU.module.js +0 -10
- package/dist/ru-RU.module.js.map +0 -1
- package/dist/sk-SK.main.js +0 -8
- package/dist/sk-SK.main.js.map +0 -1
- package/dist/sk-SK.mjs +0 -10
- package/dist/sk-SK.module.js +0 -10
- package/dist/sk-SK.module.js.map +0 -1
- package/dist/sl-SI.main.js +0 -8
- package/dist/sl-SI.main.js.map +0 -1
- package/dist/sl-SI.mjs +0 -10
- package/dist/sl-SI.module.js +0 -10
- package/dist/sl-SI.module.js.map +0 -1
- package/dist/sr-SP.main.js +0 -8
- package/dist/sr-SP.main.js.map +0 -1
- package/dist/sr-SP.mjs +0 -10
- package/dist/sr-SP.module.js +0 -10
- package/dist/sr-SP.module.js.map +0 -1
- package/dist/sv-SE.main.js +0 -8
- package/dist/sv-SE.main.js.map +0 -1
- package/dist/sv-SE.mjs +0 -10
- package/dist/sv-SE.module.js +0 -10
- package/dist/sv-SE.module.js.map +0 -1
- package/dist/tr-TR.main.js +0 -8
- package/dist/tr-TR.main.js.map +0 -1
- package/dist/tr-TR.mjs +0 -10
- package/dist/tr-TR.module.js +0 -10
- package/dist/tr-TR.module.js.map +0 -1
- package/dist/types.d.ts +0 -43
- package/dist/types.d.ts.map +0 -1
- package/dist/uk-UA.main.js +0 -8
- package/dist/uk-UA.main.js.map +0 -1
- package/dist/uk-UA.mjs +0 -10
- package/dist/uk-UA.module.js +0 -10
- package/dist/uk-UA.module.js.map +0 -1
- package/dist/underlay_vars_css.main.js +0 -50
- package/dist/underlay_vars_css.main.js.map +0 -1
- package/dist/underlay_vars_css.mjs +0 -52
- package/dist/underlay_vars_css.module.js +0 -52
- package/dist/underlay_vars_css.module.js.map +0 -1
- package/dist/useCloseOnScroll.main.js +0 -51
- package/dist/useCloseOnScroll.main.js.map +0 -1
- package/dist/useCloseOnScroll.mjs +0 -46
- package/dist/useCloseOnScroll.module.js +0 -46
- package/dist/useCloseOnScroll.module.js.map +0 -1
- package/dist/useOverlayPosition.main.js +0 -225
- package/dist/useOverlayPosition.main.js.map +0 -1
- package/dist/useOverlayPosition.mjs +0 -220
- package/dist/useOverlayPosition.module.js +0 -220
- package/dist/useOverlayPosition.module.js.map +0 -1
- package/dist/usePopover.main.js +0 -73
- package/dist/usePopover.main.js.map +0 -1
- package/dist/usePopover.mjs +0 -68
- package/dist/usePopover.module.js +0 -68
- package/dist/usePopover.module.js.map +0 -1
- package/dist/zh-CN.main.js +0 -8
- package/dist/zh-CN.main.js.map +0 -1
- package/dist/zh-CN.mjs +0 -10
- package/dist/zh-CN.module.js +0 -10
- package/dist/zh-CN.module.js.map +0 -1
- package/dist/zh-TW.main.js +0 -8
- package/dist/zh-TW.main.js.map +0 -1
- package/dist/zh-TW.mjs +0 -10
- package/dist/zh-TW.module.js +0 -10
- package/dist/zh-TW.module.js.map +0 -1
- package/src/ActionMenu.tsx +0 -58
- package/src/ContextualHelpTrigger.tsx +0 -194
- package/src/Menu.tsx +0 -228
- package/src/MenuItem.tsx +0 -159
- package/src/MenuSection.tsx +0 -100
- package/src/MenuTrigger.tsx +0 -125
- package/src/Popover.tsx +0 -240
- package/src/SubmenuTrigger.tsx +0 -154
- package/src/Underlay.tsx +0 -43
- package/src/calculatePosition.ts +0 -627
- package/src/context.ts +0 -63
- package/src/overlays.css +0 -32
- package/src/useCloseOnScroll.ts +0 -65
- package/src/useOverlayPosition.ts +0 -327
- package/src/usePopover.ts +0 -136
package/dist/MenuItem.module.js
DELETED
|
@@ -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"}
|
package/dist/MenuSection.main.js
DELETED
|
@@ -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"}
|
package/dist/MenuSection.mjs
DELETED
|
@@ -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"}
|
package/dist/MenuTrigger.main.js
DELETED
|
@@ -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"}
|