@react-spectrum/menu 3.19.1-nightly.4623 → 3.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/ActionMenu.main.js +3 -3
  2. package/dist/ActionMenu.mjs +3 -3
  3. package/dist/ActionMenu.module.js +3 -3
  4. package/dist/ContextualHelpTrigger.main.js +16 -16
  5. package/dist/ContextualHelpTrigger.mjs +16 -16
  6. package/dist/ContextualHelpTrigger.module.js +16 -16
  7. package/dist/Menu.main.js +22 -22
  8. package/dist/Menu.mjs +22 -22
  9. package/dist/Menu.module.js +22 -22
  10. package/dist/MenuItem.main.js +26 -26
  11. package/dist/MenuItem.mjs +26 -26
  12. package/dist/MenuItem.module.js +26 -26
  13. package/dist/MenuSection.main.js +9 -9
  14. package/dist/MenuSection.mjs +9 -9
  15. package/dist/MenuSection.module.js +9 -9
  16. package/dist/MenuTrigger.main.js +16 -16
  17. package/dist/MenuTrigger.mjs +16 -16
  18. package/dist/MenuTrigger.module.js +16 -16
  19. package/dist/SubmenuTrigger.main.js +11 -11
  20. package/dist/SubmenuTrigger.mjs +11 -11
  21. package/dist/SubmenuTrigger.module.js +11 -11
  22. package/package.json +24 -24
package/dist/ActionMenu.main.js CHANGED
@@ -38,12 +38,12 @@ $parcel$export(module.exports, "ActionMenu", () => $53a2f2636c97a561$export$ed57
38
38
 
39
39
 
40
40
  function $53a2f2636c97a561$var$ActionMenu(props, ref) {
41
- props = (0, $5FAEG$reactspectrumutils.useSlotProps)(props, "actionMenu");
42
- let stringFormatter = (0, $5FAEG$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($2f9ceea24fba5443$exports))), "@react-spectrum/menu");
41
+ props = (0, $5FAEG$reactspectrumutils.useSlotProps)(props, 'actionMenu');
42
+ let stringFormatter = (0, $5FAEG$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($2f9ceea24fba5443$exports))), '@react-spectrum/menu');
43
43
  let buttonProps = (0, $5FAEG$reactariautils.filterDOMProps)(props, {
44
44
  labelable: true
45
45
  });
46
- if (buttonProps["aria-label"] === undefined) buttonProps["aria-label"] = stringFormatter.format("moreActions");
46
+ if (buttonProps['aria-label'] === undefined) buttonProps['aria-label'] = stringFormatter.format('moreActions');
47
47
  return /*#__PURE__*/ (0, ($parcel$interopDefault($5FAEG$react))).createElement((0, $e56311f7204399c7$exports.MenuTrigger), {
48
48
  isOpen: props.isOpen,
49
49
  defaultOpen: props.defaultOpen,
package/dist/ActionMenu.mjs CHANGED
@@ -32,12 +32,12 @@ function $parcel$interopDefault(a) {
32
32
 
33
33
 
34
34
  function $43fa9949e6af393d$var$ActionMenu(props, ref) {
35
- props = (0, $4ZPCG$useSlotProps)(props, "actionMenu");
36
- let stringFormatter = (0, $4ZPCG$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4ZPCG$intlStringsmodulejs))), "@react-spectrum/menu");
35
+ props = (0, $4ZPCG$useSlotProps)(props, 'actionMenu');
36
+ let stringFormatter = (0, $4ZPCG$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4ZPCG$intlStringsmodulejs))), '@react-spectrum/menu');
37
37
  let buttonProps = (0, $4ZPCG$filterDOMProps)(props, {
38
38
  labelable: true
39
39
  });
40
- if (buttonProps["aria-label"] === undefined) buttonProps["aria-label"] = stringFormatter.format("moreActions");
40
+ if (buttonProps['aria-label'] === undefined) buttonProps['aria-label'] = stringFormatter.format('moreActions');
41
41
  return /*#__PURE__*/ (0, $4ZPCG$react).createElement((0, $aa0b855f135b86e3$export$27d2ad3c5815583e), {
42
42
  isOpen: props.isOpen,
43
43
  defaultOpen: props.defaultOpen,
package/dist/ActionMenu.module.js CHANGED
@@ -32,12 +32,12 @@ function $parcel$interopDefault(a) {
32
32
 
33
33
 
34
34
  function $43fa9949e6af393d$var$ActionMenu(props, ref) {
35
- props = (0, $4ZPCG$useSlotProps)(props, "actionMenu");
36
- let stringFormatter = (0, $4ZPCG$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4ZPCG$intlStringsmodulejs))), "@react-spectrum/menu");
35
+ props = (0, $4ZPCG$useSlotProps)(props, 'actionMenu');
36
+ let stringFormatter = (0, $4ZPCG$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4ZPCG$intlStringsmodulejs))), '@react-spectrum/menu');
37
37
  let buttonProps = (0, $4ZPCG$filterDOMProps)(props, {
38
38
  labelable: true
39
39
  });
40
- if (buttonProps["aria-label"] === undefined) buttonProps["aria-label"] = stringFormatter.format("moreActions");
40
+ if (buttonProps['aria-label'] === undefined) buttonProps['aria-label'] = stringFormatter.format('moreActions');
41
41
  return /*#__PURE__*/ (0, $4ZPCG$react).createElement((0, $aa0b855f135b86e3$export$27d2ad3c5815583e), {
42
42
  isOpen: props.isOpen,
43
43
  defaultOpen: props.defaultOpen,
package/dist/ContextualHelpTrigger.main.js CHANGED
@@ -62,45 +62,45 @@ function $db380858d398b658$var$ContextualHelpTrigger(props) {
62
62
  node: triggerNode,
63
63
  parentMenuRef: parentMenuRef,
64
64
  submenuRef: submenuRef,
65
- type: "dialog",
65
+ type: 'dialog',
66
66
  isDisabled: !isUnavailable
67
67
  }, submenuTriggerState, triggerRef);
68
68
  let isMobile = (0, $hdb2e$reactspectrumutils.useIsMobileDevice)();
69
- let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $hdb2e$react.useState)("");
69
+ let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $hdb2e$react.useState)('');
70
70
  (0, $hdb2e$react.useEffect)(()=>{
71
- if (submenuTriggerState.isOpen) setTraySubmenuAnimation("spectrum-TraySubmenu-enter");
71
+ if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
72
72
  }, [
73
73
  submenuTriggerState.isOpen
74
74
  ]);
75
75
  let slots = {};
76
76
  if (isUnavailable) slots = {
77
77
  dialog: {
78
- UNSAFE_className: (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($a10e565ec42bcf96$exports))), "react-spectrum-ContextualHelp-dialog", {
79
- "react-spectrum-ContextualHelp-dialog--isMobile": isMobile
78
+ UNSAFE_className: (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($a10e565ec42bcf96$exports))), 'react-spectrum-ContextualHelp-dialog', {
79
+ 'react-spectrum-ContextualHelp-dialog--isMobile': isMobile
80
80
  }, (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), {
81
- "spectrum-Menu-subdialog": !isMobile,
81
+ 'spectrum-Menu-subdialog': !isMobile,
82
82
  [traySubmenuAnimation]: isMobile
83
83
  }))
84
84
  },
85
85
  content: {
86
- UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))["react-spectrum-ContextualHelp-content"]
86
+ UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))['react-spectrum-ContextualHelp-content']
87
87
  },
88
88
  footer: {
89
- UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))["react-spectrum-ContextualHelp-footer"]
89
+ UNSAFE_className: (0, ($parcel$interopDefault($a10e565ec42bcf96$exports)))['react-spectrum-ContextualHelp-footer']
90
90
  }
91
91
  };
92
92
  let [trigger] = (0, ($parcel$interopDefault($hdb2e$react))).Children.toArray(props.children);
93
93
  let [, content] = props.children;
94
94
  let onBlurWithin = (e)=>{
95
95
  var _popoverRef_current_UNSAFE_getDOMNode, _popoverRef_current;
96
- if (e.relatedTarget && popoverRef.current && !(popoverRef === null || popoverRef === void 0 ? void 0 : (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : (_popoverRef_current_UNSAFE_getDOMNode = _popoverRef_current.UNSAFE_getDOMNode()) === null || _popoverRef_current_UNSAFE_getDOMNode === void 0 ? void 0 : _popoverRef_current_UNSAFE_getDOMNode.contains(e.relatedTarget)) && !(e.relatedTarget === triggerRef.current && (0, $hdb2e$reactariainteractions.getInteractionModality)() === "pointer")) {
96
+ if (e.relatedTarget && popoverRef.current && !(popoverRef === null || popoverRef === void 0 ? void 0 : (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : (_popoverRef_current_UNSAFE_getDOMNode = _popoverRef_current.UNSAFE_getDOMNode()) === null || _popoverRef_current_UNSAFE_getDOMNode === void 0 ? void 0 : _popoverRef_current_UNSAFE_getDOMNode.contains(e.relatedTarget)) && !(e.relatedTarget === triggerRef.current && (0, $hdb2e$reactariainteractions.getInteractionModality)() === 'pointer')) {
97
97
  if (submenuTriggerState.isOpen) submenuTriggerState.close();
98
98
  }
99
99
  };
100
100
  let overlay;
101
101
  let tray;
102
102
  let onBackButtonPress = ()=>{
103
- setTraySubmenuAnimation("spectrum-TraySubmenu-exit");
103
+ setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
104
104
  setTimeout(()=>{
105
105
  submenuTriggerState.close();
106
106
  if (parentMenuRef.current && !parentMenuRef.current.contains(document.activeElement)) parentMenuRef.current.focus();
@@ -112,7 +112,7 @@ function $db380858d398b658$var$ContextualHelpTrigger(props) {
112
112
  if (trayContainerRef.current && submenuTriggerState.isOpen) {
113
113
  let subDialogKeyDown = (e)=>{
114
114
  switch(e.key){
115
- case "Escape":
115
+ case 'Escape':
116
116
  e.stopPropagation();
117
117
  onBackButtonPress();
118
118
  break;
@@ -136,12 +136,12 @@ function $db380858d398b658$var$ContextualHelpTrigger(props) {
136
136
  overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($hdb2e$react))).createElement((0, $hdb2e$reactspectrumoverlays.Popover), {
137
137
  ...popoverProps,
138
138
  UNSAFE_style: {
139
- clipPath: "unset",
140
- overflow: "visible",
141
- filter: "unset",
142
- borderWidth: "0px"
139
+ clipPath: 'unset',
140
+ overflow: 'visible',
141
+ filter: 'unset',
142
+ borderWidth: '0px'
143
143
  },
144
- UNSAFE_className: (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Submenu-popover"),
144
+ UNSAFE_className: (0, $hdb2e$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Submenu-popover'),
145
145
  onDismissButtonPress: onDismissButtonPress,
146
146
  onBlurWithin: onBlurWithin,
147
147
  container: popoverContainer,
package/dist/ContextualHelpTrigger.mjs CHANGED
@@ -56,45 +56,45 @@ function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
56
56
  node: triggerNode,
57
57
  parentMenuRef: parentMenuRef,
58
58
  submenuRef: submenuRef,
59
- type: "dialog",
59
+ type: 'dialog',
60
60
  isDisabled: !isUnavailable
61
61
  }, submenuTriggerState, triggerRef);
62
62
  let isMobile = (0, $7Y1uy$useIsMobileDevice)();
63
- let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $7Y1uy$useState)("");
63
+ let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $7Y1uy$useState)('');
64
64
  (0, $7Y1uy$useEffect)(()=>{
65
- if (submenuTriggerState.isOpen) setTraySubmenuAnimation("spectrum-TraySubmenu-enter");
65
+ if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
66
66
  }, [
67
67
  submenuTriggerState.isOpen
68
68
  ]);
69
69
  let slots = {};
70
70
  if (isUnavailable) slots = {
71
71
  dialog: {
72
- UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs))), "react-spectrum-ContextualHelp-dialog", {
73
- "react-spectrum-ContextualHelp-dialog--isMobile": isMobile
72
+ UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs))), 'react-spectrum-ContextualHelp-dialog', {
73
+ 'react-spectrum-ContextualHelp-dialog--isMobile': isMobile
74
74
  }, (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), {
75
- "spectrum-Menu-subdialog": !isMobile,
75
+ 'spectrum-Menu-subdialog': !isMobile,
76
76
  [traySubmenuAnimation]: isMobile
77
77
  }))
78
78
  },
79
79
  content: {
80
- UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-content"]
80
+ UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-content']
81
81
  },
82
82
  footer: {
83
- UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-footer"]
83
+ UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-footer']
84
84
  }
85
85
  };
86
86
  let [trigger] = (0, $7Y1uy$react).Children.toArray(props.children);
87
87
  let [, content] = props.children;
88
88
  let onBlurWithin = (e)=>{
89
89
  var _popoverRef_current_UNSAFE_getDOMNode, _popoverRef_current;
90
- if (e.relatedTarget && popoverRef.current && !(popoverRef === null || popoverRef === void 0 ? void 0 : (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : (_popoverRef_current_UNSAFE_getDOMNode = _popoverRef_current.UNSAFE_getDOMNode()) === null || _popoverRef_current_UNSAFE_getDOMNode === void 0 ? void 0 : _popoverRef_current_UNSAFE_getDOMNode.contains(e.relatedTarget)) && !(e.relatedTarget === triggerRef.current && (0, $7Y1uy$getInteractionModality)() === "pointer")) {
90
+ if (e.relatedTarget && popoverRef.current && !(popoverRef === null || popoverRef === void 0 ? void 0 : (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : (_popoverRef_current_UNSAFE_getDOMNode = _popoverRef_current.UNSAFE_getDOMNode()) === null || _popoverRef_current_UNSAFE_getDOMNode === void 0 ? void 0 : _popoverRef_current_UNSAFE_getDOMNode.contains(e.relatedTarget)) && !(e.relatedTarget === triggerRef.current && (0, $7Y1uy$getInteractionModality)() === 'pointer')) {
91
91
  if (submenuTriggerState.isOpen) submenuTriggerState.close();
92
92
  }
93
93
  };
94
94
  let overlay;
95
95
  let tray;
96
96
  let onBackButtonPress = ()=>{
97
- setTraySubmenuAnimation("spectrum-TraySubmenu-exit");
97
+ setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
98
98
  setTimeout(()=>{
99
99
  submenuTriggerState.close();
100
100
  if (parentMenuRef.current && !parentMenuRef.current.contains(document.activeElement)) parentMenuRef.current.focus();
@@ -106,7 +106,7 @@ function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
106
106
  if (trayContainerRef.current && submenuTriggerState.isOpen) {
107
107
  let subDialogKeyDown = (e)=>{
108
108
  switch(e.key){
109
- case "Escape":
109
+ case 'Escape':
110
110
  e.stopPropagation();
111
111
  onBackButtonPress();
112
112
  break;
@@ -130,12 +130,12 @@ function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
130
130
  overlay = /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$Popover), {
131
131
  ...popoverProps,
132
132
  UNSAFE_style: {
133
- clipPath: "unset",
134
- overflow: "visible",
135
- filter: "unset",
136
- borderWidth: "0px"
133
+ clipPath: 'unset',
134
+ overflow: 'visible',
135
+ filter: 'unset',
136
+ borderWidth: '0px'
137
137
  },
138
- UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), "spectrum-Submenu-popover"),
138
+ UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), 'spectrum-Submenu-popover'),
139
139
  onDismissButtonPress: onDismissButtonPress,
140
140
  onBlurWithin: onBlurWithin,
141
141
  container: popoverContainer,
package/dist/ContextualHelpTrigger.module.js CHANGED
@@ -56,45 +56,45 @@ function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
56
56
  node: triggerNode,
57
57
  parentMenuRef: parentMenuRef,
58
58
  submenuRef: submenuRef,
59
- type: "dialog",
59
+ type: 'dialog',
60
60
  isDisabled: !isUnavailable
61
61
  }, submenuTriggerState, triggerRef);
62
62
  let isMobile = (0, $7Y1uy$useIsMobileDevice)();
63
- let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $7Y1uy$useState)("");
63
+ let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $7Y1uy$useState)('');
64
64
  (0, $7Y1uy$useEffect)(()=>{
65
- if (submenuTriggerState.isOpen) setTraySubmenuAnimation("spectrum-TraySubmenu-enter");
65
+ if (submenuTriggerState.isOpen) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
66
66
  }, [
67
67
  submenuTriggerState.isOpen
68
68
  ]);
69
69
  let slots = {};
70
70
  if (isUnavailable) slots = {
71
71
  dialog: {
72
- UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs))), "react-spectrum-ContextualHelp-dialog", {
73
- "react-spectrum-ContextualHelp-dialog--isMobile": isMobile
72
+ UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs))), 'react-spectrum-ContextualHelp-dialog', {
73
+ 'react-spectrum-ContextualHelp-dialog--isMobile': isMobile
74
74
  }, (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), {
75
- "spectrum-Menu-subdialog": !isMobile,
75
+ 'spectrum-Menu-subdialog': !isMobile,
76
76
  [traySubmenuAnimation]: isMobile
77
77
  }))
78
78
  },
79
79
  content: {
80
- UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-content"]
80
+ UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-content']
81
81
  },
82
82
  footer: {
83
- UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))["react-spectrum-ContextualHelp-footer"]
83
+ UNSAFE_className: (0, ($parcel$interopDefault($7Y1uy$contextualhelp_vars_cssmodulejs)))['react-spectrum-ContextualHelp-footer']
84
84
  }
85
85
  };
86
86
  let [trigger] = (0, $7Y1uy$react).Children.toArray(props.children);
87
87
  let [, content] = props.children;
88
88
  let onBlurWithin = (e)=>{
89
89
  var _popoverRef_current_UNSAFE_getDOMNode, _popoverRef_current;
90
- if (e.relatedTarget && popoverRef.current && !(popoverRef === null || popoverRef === void 0 ? void 0 : (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : (_popoverRef_current_UNSAFE_getDOMNode = _popoverRef_current.UNSAFE_getDOMNode()) === null || _popoverRef_current_UNSAFE_getDOMNode === void 0 ? void 0 : _popoverRef_current_UNSAFE_getDOMNode.contains(e.relatedTarget)) && !(e.relatedTarget === triggerRef.current && (0, $7Y1uy$getInteractionModality)() === "pointer")) {
90
+ if (e.relatedTarget && popoverRef.current && !(popoverRef === null || popoverRef === void 0 ? void 0 : (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : (_popoverRef_current_UNSAFE_getDOMNode = _popoverRef_current.UNSAFE_getDOMNode()) === null || _popoverRef_current_UNSAFE_getDOMNode === void 0 ? void 0 : _popoverRef_current_UNSAFE_getDOMNode.contains(e.relatedTarget)) && !(e.relatedTarget === triggerRef.current && (0, $7Y1uy$getInteractionModality)() === 'pointer')) {
91
91
  if (submenuTriggerState.isOpen) submenuTriggerState.close();
92
92
  }
93
93
  };
94
94
  let overlay;
95
95
  let tray;
96
96
  let onBackButtonPress = ()=>{
97
- setTraySubmenuAnimation("spectrum-TraySubmenu-exit");
97
+ setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
98
98
  setTimeout(()=>{
99
99
  submenuTriggerState.close();
100
100
  if (parentMenuRef.current && !parentMenuRef.current.contains(document.activeElement)) parentMenuRef.current.focus();
@@ -106,7 +106,7 @@ function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
106
106
  if (trayContainerRef.current && submenuTriggerState.isOpen) {
107
107
  let subDialogKeyDown = (e)=>{
108
108
  switch(e.key){
109
- case "Escape":
109
+ case 'Escape':
110
110
  e.stopPropagation();
111
111
  onBackButtonPress();
112
112
  break;
@@ -130,12 +130,12 @@ function $726fb1b478e356bf$var$ContextualHelpTrigger(props) {
130
130
  overlay = /*#__PURE__*/ (0, $7Y1uy$react).createElement((0, $7Y1uy$Popover), {
131
131
  ...popoverProps,
132
132
  UNSAFE_style: {
133
- clipPath: "unset",
134
- overflow: "visible",
135
- filter: "unset",
136
- borderWidth: "0px"
133
+ clipPath: 'unset',
134
+ overflow: 'visible',
135
+ filter: 'unset',
136
+ borderWidth: '0px'
137
137
  },
138
- UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), "spectrum-Submenu-popover"),
138
+ UNSAFE_className: (0, $7Y1uy$classNames)((0, ($parcel$interopDefault($7Y1uy$menu_vars_cssmodulejs))), 'spectrum-Submenu-popover'),
139
139
  onDismissButtonPress: onDismissButtonPress,
140
140
  onBlurWithin: onBlurWithin,
141
141
  container: popoverContainer,
package/dist/Menu.main.js CHANGED
@@ -108,7 +108,7 @@ function $63a7dff9cbe2d046$var$Menu(props, ref) {
108
108
  }
109
109
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement("div", {
110
110
  style: {
111
- height: hasOpenSubmenu ? "100%" : undefined
111
+ height: hasOpenSubmenu ? '100%' : undefined
112
112
  },
113
113
  ref: trayContainerRef
114
114
  }), /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, $hl8gx$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement($63a7dff9cbe2d046$export$3dfe97b5c32d8d8c, {
@@ -122,11 +122,11 @@ function $63a7dff9cbe2d046$var$Menu(props, ref) {
122
122
  ...menuProps,
123
123
  style: (0, $hl8gx$reactariautils.mergeProps)(styleProps.style, menuProps.style),
124
124
  ref: domRef,
125
- className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className)
125
+ className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu', styleProps.className)
126
126
  }, [
127
127
  ...state.collection
128
128
  ].map((item)=>{
129
- if (item.type === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, $5793ff412227d2fc$exports.MenuSection), {
129
+ if (item.type === 'section') return /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, $5793ff412227d2fc$exports.MenuSection), {
130
130
  key: item.key,
131
131
  item: item,
132
132
  state: state,
@@ -143,8 +143,8 @@ function $63a7dff9cbe2d046$var$Menu(props, ref) {
143
143
  }))), (rootMenuTriggerState === null || rootMenuTriggerState === void 0 ? void 0 : rootMenuTriggerState.isOpen) && /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement("div", {
144
144
  ref: setPopoverContainer,
145
145
  style: {
146
- width: "100vw",
147
- position: "absolute",
146
+ width: '100vw',
147
+ position: 'absolute',
148
148
  top: -5,
149
149
  ...leftOffset
150
150
  }
@@ -153,24 +153,24 @@ function $63a7dff9cbe2d046$var$Menu(props, ref) {
153
153
  function $63a7dff9cbe2d046$export$3dfe97b5c32d8d8c(props) {
154
154
  var _parentMenuTreeState_collection_getItem;
155
155
  let { children: children, isSubmenu: isSubmenu, hasOpenSubmenu: hasOpenSubmenu, parentMenuTreeState: parentMenuTreeState, rootMenuTriggerState: rootMenuTriggerState, onBackButtonPress: onBackButtonPress, wrapperKeyDown: wrapperKeyDown, menuRef: menuRef } = props;
156
- let stringFormatter = (0, $hl8gx$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($2f9ceea24fba5443$exports))), "@react-spectrum/menu");
156
+ let stringFormatter = (0, $hl8gx$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($2f9ceea24fba5443$exports))), '@react-spectrum/menu');
157
157
  let backButtonText = parentMenuTreeState === null || parentMenuTreeState === void 0 ? void 0 : (_parentMenuTreeState_collection_getItem = parentMenuTreeState.collection.getItem(rootMenuTriggerState === null || rootMenuTriggerState === void 0 ? void 0 : rootMenuTriggerState.expandedKeysStack.slice(-1)[0])) === null || _parentMenuTreeState_collection_getItem === void 0 ? void 0 : _parentMenuTreeState_collection_getItem.textValue;
158
- let backButtonLabel = stringFormatter.format("backButton", {
158
+ let backButtonLabel = stringFormatter.format('backButton', {
159
159
  prevMenuButton: backButtonText
160
160
  });
161
161
  let headingId = (0, $hl8gx$reactariautils.useSlotId)();
162
162
  let isMobile = (0, $hl8gx$reactspectrumutils.useIsMobileDevice)();
163
163
  let { direction: direction } = (0, $hl8gx$reactariai18n.useLocale)();
164
- let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $hl8gx$react.useState)("");
164
+ let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $hl8gx$react.useState)('');
165
165
  (0, $hl8gx$reactariautils.useLayoutEffect)(()=>{
166
- if (!hasOpenSubmenu) setTraySubmenuAnimation("spectrum-TraySubmenu-enter");
166
+ if (!hasOpenSubmenu) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
167
167
  }, [
168
168
  hasOpenSubmenu,
169
169
  isMobile
170
170
  ]);
171
171
  let timeoutRef = (0, $hl8gx$react.useRef)(null);
172
172
  let handleBackButtonPress = ()=>{
173
- setTraySubmenuAnimation("spectrum-TraySubmenu-exit");
173
+ setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
174
174
  timeoutRef.current = setTimeout(()=>{
175
175
  onBackButtonPress();
176
176
  }, 220); // Matches transition duration
@@ -184,7 +184,7 @@ function $63a7dff9cbe2d046$export$3dfe97b5c32d8d8c(props) {
184
184
  // This fixes an issue with iOS VO where the closed submenu was getting focus
185
185
  let focusTimeoutRef = (0, $hl8gx$react.useRef)(null);
186
186
  (0, $hl8gx$react.useEffect)(()=>{
187
- if (isMobile && isSubmenu && !hasOpenSubmenu && traySubmenuAnimation === "spectrum-TraySubmenu-enter") focusTimeoutRef.current = setTimeout(()=>{
187
+ if (isMobile && isSubmenu && !hasOpenSubmenu && traySubmenuAnimation === 'spectrum-TraySubmenu-enter') focusTimeoutRef.current = setTimeout(()=>{
188
188
  let firstItem = menuRef.current.querySelector('[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]');
189
189
  firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
190
190
  }, 220);
@@ -199,38 +199,38 @@ function $63a7dff9cbe2d046$export$3dfe97b5c32d8d8c(props) {
199
199
  traySubmenuAnimation
200
200
  ]);
201
201
  return /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, ($parcel$interopDefault($hl8gx$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement("div", {
202
- role: headingId ? "dialog" : undefined,
202
+ role: headingId ? 'dialog' : undefined,
203
203
  "aria-labelledby": headingId,
204
204
  "aria-hidden": isMobile && hasOpenSubmenu,
205
205
  "data-testid": "menu-wrapper",
206
- className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-wrapper", {
207
- "spectrum-Menu-wrapper--isMobile": isMobile,
208
- "is-expanded": hasOpenSubmenu,
206
+ className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-wrapper', {
207
+ 'spectrum-Menu-wrapper--isMobile': isMobile,
208
+ 'is-expanded': hasOpenSubmenu,
209
209
  [traySubmenuAnimation]: isMobile
210
210
  })
211
211
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement("div", {
212
212
  role: "presentation",
213
- className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Submenu-wrapper", {
214
- "spectrum-Submenu-wrapper--isMobile": isMobile
213
+ className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Submenu-wrapper', {
214
+ 'spectrum-Submenu-wrapper--isMobile': isMobile
215
215
  }),
216
216
  onKeyDown: wrapperKeyDown
217
217
  }, isMobile && isSubmenu && !hasOpenSubmenu && /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement("div", {
218
- className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Submenu-headingWrapper")
218
+ className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Submenu-headingWrapper')
219
219
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, $hl8gx$reactspectrumbutton.ActionButton), {
220
220
  "aria-label": backButtonLabel,
221
221
  isQuiet: true,
222
222
  onPress: handleBackButtonPress
223
- }, direction === "rtl" ? /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, ($parcel$interopDefault($hl8gx$spectrumiconsuiArrowDownSmall))), {
223
+ }, direction === 'rtl' ? /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, ($parcel$interopDefault($hl8gx$spectrumiconsuiArrowDownSmall))), {
224
224
  UNSAFE_style: {
225
- rotate: "270deg"
225
+ rotate: '270deg'
226
226
  }
227
227
  }) : /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement((0, ($parcel$interopDefault($hl8gx$spectrumiconsuiArrowDownSmall))), {
228
228
  UNSAFE_style: {
229
- rotate: "90deg"
229
+ rotate: '90deg'
230
230
  }
231
231
  })), /*#__PURE__*/ (0, ($parcel$interopDefault($hl8gx$react))).createElement("h1", {
232
232
  id: headingId,
233
- className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Submenu-heading")
233
+ className: (0, $hl8gx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Submenu-heading')
234
234
  }, backButtonText)), children)));
235
235
  }
236
236
  /**
package/dist/Menu.mjs CHANGED
@@ -101,7 +101,7 @@ function $49b26f4b606348f6$var$Menu(props, ref) {
101
101
  }
102
102
  }, /*#__PURE__*/ (0, $4oXwn$react).createElement("div", {
103
103
  style: {
104
- height: hasOpenSubmenu ? "100%" : undefined
104
+ height: hasOpenSubmenu ? '100%' : undefined
105
105
  },
106
106
  ref: trayContainerRef
107
107
  }), /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $4oXwn$FocusScope), null, /*#__PURE__*/ (0, $4oXwn$react).createElement($49b26f4b606348f6$export$3dfe97b5c32d8d8c, {
@@ -115,11 +115,11 @@ function $49b26f4b606348f6$var$Menu(props, ref) {
115
115
  ...menuProps,
116
116
  style: (0, $4oXwn$mergeProps)(styleProps.style, menuProps.style),
117
117
  ref: domRef,
118
- className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), "spectrum-Menu", styleProps.className)
118
+ className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), 'spectrum-Menu', styleProps.className)
119
119
  }, [
120
120
  ...state.collection
121
121
  ].map((item)=>{
122
- if (item.type === "section") return /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $b966e606890cc5ca$export$4b1545b4f2016d26), {
122
+ if (item.type === 'section') return /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $b966e606890cc5ca$export$4b1545b4f2016d26), {
123
123
  key: item.key,
124
124
  item: item,
125
125
  state: state,
@@ -136,8 +136,8 @@ function $49b26f4b606348f6$var$Menu(props, ref) {
136
136
  }))), (rootMenuTriggerState === null || rootMenuTriggerState === void 0 ? void 0 : rootMenuTriggerState.isOpen) && /*#__PURE__*/ (0, $4oXwn$react).createElement("div", {
137
137
  ref: setPopoverContainer,
138
138
  style: {
139
- width: "100vw",
140
- position: "absolute",
139
+ width: '100vw',
140
+ position: 'absolute',
141
141
  top: -5,
142
142
  ...leftOffset
143
143
  }
@@ -146,24 +146,24 @@ function $49b26f4b606348f6$var$Menu(props, ref) {
146
146
  function $49b26f4b606348f6$export$3dfe97b5c32d8d8c(props) {
147
147
  var _parentMenuTreeState_collection_getItem;
148
148
  let { children: children, isSubmenu: isSubmenu, hasOpenSubmenu: hasOpenSubmenu, parentMenuTreeState: parentMenuTreeState, rootMenuTriggerState: rootMenuTriggerState, onBackButtonPress: onBackButtonPress, wrapperKeyDown: wrapperKeyDown, menuRef: menuRef } = props;
149
- let stringFormatter = (0, $4oXwn$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4oXwn$intlStringsmodulejs))), "@react-spectrum/menu");
149
+ let stringFormatter = (0, $4oXwn$useLocalizedStringFormatter)((0, ($parcel$interopDefault($4oXwn$intlStringsmodulejs))), '@react-spectrum/menu');
150
150
  let backButtonText = parentMenuTreeState === null || parentMenuTreeState === void 0 ? void 0 : (_parentMenuTreeState_collection_getItem = parentMenuTreeState.collection.getItem(rootMenuTriggerState === null || rootMenuTriggerState === void 0 ? void 0 : rootMenuTriggerState.expandedKeysStack.slice(-1)[0])) === null || _parentMenuTreeState_collection_getItem === void 0 ? void 0 : _parentMenuTreeState_collection_getItem.textValue;
151
- let backButtonLabel = stringFormatter.format("backButton", {
151
+ let backButtonLabel = stringFormatter.format('backButton', {
152
152
  prevMenuButton: backButtonText
153
153
  });
154
154
  let headingId = (0, $4oXwn$useSlotId)();
155
155
  let isMobile = (0, $4oXwn$useIsMobileDevice)();
156
156
  let { direction: direction } = (0, $4oXwn$useLocale)();
157
- let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $4oXwn$useState)("");
157
+ let [traySubmenuAnimation, setTraySubmenuAnimation] = (0, $4oXwn$useState)('');
158
158
  (0, $4oXwn$useLayoutEffect)(()=>{
159
- if (!hasOpenSubmenu) setTraySubmenuAnimation("spectrum-TraySubmenu-enter");
159
+ if (!hasOpenSubmenu) setTraySubmenuAnimation('spectrum-TraySubmenu-enter');
160
160
  }, [
161
161
  hasOpenSubmenu,
162
162
  isMobile
163
163
  ]);
164
164
  let timeoutRef = (0, $4oXwn$useRef)(null);
165
165
  let handleBackButtonPress = ()=>{
166
- setTraySubmenuAnimation("spectrum-TraySubmenu-exit");
166
+ setTraySubmenuAnimation('spectrum-TraySubmenu-exit');
167
167
  timeoutRef.current = setTimeout(()=>{
168
168
  onBackButtonPress();
169
169
  }, 220); // Matches transition duration
@@ -177,7 +177,7 @@ function $49b26f4b606348f6$export$3dfe97b5c32d8d8c(props) {
177
177
  // This fixes an issue with iOS VO where the closed submenu was getting focus
178
178
  let focusTimeoutRef = (0, $4oXwn$useRef)(null);
179
179
  (0, $4oXwn$useEffect)(()=>{
180
- if (isMobile && isSubmenu && !hasOpenSubmenu && traySubmenuAnimation === "spectrum-TraySubmenu-enter") focusTimeoutRef.current = setTimeout(()=>{
180
+ if (isMobile && isSubmenu && !hasOpenSubmenu && traySubmenuAnimation === 'spectrum-TraySubmenu-enter') focusTimeoutRef.current = setTimeout(()=>{
181
181
  let firstItem = menuRef.current.querySelector('[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]');
182
182
  firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
183
183
  }, 220);
@@ -192,38 +192,38 @@ function $49b26f4b606348f6$export$3dfe97b5c32d8d8c(props) {
192
192
  traySubmenuAnimation
193
193
  ]);
194
194
  return /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $4oXwn$react).Fragment, null, /*#__PURE__*/ (0, $4oXwn$react).createElement("div", {
195
- role: headingId ? "dialog" : undefined,
195
+ role: headingId ? 'dialog' : undefined,
196
196
  "aria-labelledby": headingId,
197
197
  "aria-hidden": isMobile && hasOpenSubmenu,
198
198
  "data-testid": "menu-wrapper",
199
- className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), "spectrum-Menu-wrapper", {
200
- "spectrum-Menu-wrapper--isMobile": isMobile,
201
- "is-expanded": hasOpenSubmenu,
199
+ className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), 'spectrum-Menu-wrapper', {
200
+ 'spectrum-Menu-wrapper--isMobile': isMobile,
201
+ 'is-expanded': hasOpenSubmenu,
202
202
  [traySubmenuAnimation]: isMobile
203
203
  })
204
204
  }, /*#__PURE__*/ (0, $4oXwn$react).createElement("div", {
205
205
  role: "presentation",
206
- className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), "spectrum-Submenu-wrapper", {
207
- "spectrum-Submenu-wrapper--isMobile": isMobile
206
+ className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), 'spectrum-Submenu-wrapper', {
207
+ 'spectrum-Submenu-wrapper--isMobile': isMobile
208
208
  }),
209
209
  onKeyDown: wrapperKeyDown
210
210
  }, isMobile && isSubmenu && !hasOpenSubmenu && /*#__PURE__*/ (0, $4oXwn$react).createElement("div", {
211
- className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), "spectrum-Submenu-headingWrapper")
211
+ className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), 'spectrum-Submenu-headingWrapper')
212
212
  }, /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $4oXwn$ActionButton), {
213
213
  "aria-label": backButtonLabel,
214
214
  isQuiet: true,
215
215
  onPress: handleBackButtonPress
216
- }, direction === "rtl" ? /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $4oXwn$spectrumiconsuiArrowDownSmall), {
216
+ }, direction === 'rtl' ? /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $4oXwn$spectrumiconsuiArrowDownSmall), {
217
217
  UNSAFE_style: {
218
- rotate: "270deg"
218
+ rotate: '270deg'
219
219
  }
220
220
  }) : /*#__PURE__*/ (0, $4oXwn$react).createElement((0, $4oXwn$spectrumiconsuiArrowDownSmall), {
221
221
  UNSAFE_style: {
222
- rotate: "90deg"
222
+ rotate: '90deg'
223
223
  }
224
224
  })), /*#__PURE__*/ (0, $4oXwn$react).createElement("h1", {
225
225
  id: headingId,
226
- className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), "spectrum-Submenu-heading")
226
+ className: (0, $4oXwn$classNames)((0, ($parcel$interopDefault($4oXwn$menu_vars_cssmodulejs))), 'spectrum-Submenu-heading')
227
227
  }, backButtonText)), children)));
228
228
  }
229
229
  /**