@react-spectrum/menu 3.19.1-nightly.4624 → 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.
@@ -41,7 +41,7 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
41
41
  let domRef = (0, $6doGq$reactspectrumutils.useDOMRef)(ref);
42
42
  let menuTriggerRef = domRef || triggerRef;
43
43
  let menuRef = (0, $6doGq$react.useRef)();
44
- let { children: children, align: align = "start", shouldFlip: shouldFlip = true, direction: direction = "bottom", closeOnSelect: closeOnSelect, trigger: trigger = "press" } = props;
44
+ let { children: children, align: align = 'start', shouldFlip: shouldFlip = true, direction: direction = 'bottom', closeOnSelect: closeOnSelect, trigger: trigger = 'press' } = props;
45
45
  let [menuTrigger, menu] = (0, ($parcel$interopDefault($6doGq$react))).Children.toArray(children);
46
46
  let state = (0, $6doGq$reactstatelymenu.useMenuTriggerState)(props);
47
47
  let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $6doGq$reactariamenu.useMenuTrigger)({
@@ -49,14 +49,14 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
49
49
  }, state, menuTriggerRef);
50
50
  let initialPlacement;
51
51
  switch(direction){
52
- case "left":
53
- case "right":
54
- case "start":
55
- case "end":
56
- initialPlacement = `${direction} ${align === "end" ? "bottom" : "top"}`;
52
+ case 'left':
53
+ case 'right':
54
+ case 'start':
55
+ case 'end':
56
+ initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
57
57
  break;
58
- case "bottom":
59
- case "top":
58
+ case 'bottom':
59
+ case 'top':
60
60
  default:
61
61
  initialPlacement = `${direction} ${align}`;
62
62
  }
@@ -68,11 +68,11 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
68
68
  closeOnSelect: closeOnSelect,
69
69
  autoFocus: state.focusStrategy || true,
70
70
  UNSAFE_style: isMobile ? {
71
- width: "100%",
72
- maxHeight: "inherit"
71
+ width: '100%',
72
+ maxHeight: 'inherit'
73
73
  } : undefined,
74
74
  UNSAFE_className: (0, $6doGq$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), {
75
- "spectrum-Menu-popover": !isMobile
75
+ 'spectrum-Menu-popover': !isMobile
76
76
  }),
77
77
  state: state
78
78
  };
@@ -84,10 +84,10 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
84
84
  }, menu);
85
85
  else overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactspectrumoverlays.Popover), {
86
86
  UNSAFE_style: {
87
- clipPath: "unset",
88
- overflow: "visible",
89
- filter: "unset",
90
- borderWidth: "0px"
87
+ clipPath: 'unset',
88
+ overflow: 'visible',
89
+ filter: 'unset',
90
+ borderWidth: '0px'
91
91
  },
92
92
  state: state,
93
93
  triggerRef: menuTriggerRef,
@@ -99,7 +99,7 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
99
99
  return /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$react.Fragment), null, /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactspectrumutils.SlotProvider), {
100
100
  slots: {
101
101
  actionButton: {
102
- holdAffordance: trigger === "longPress"
102
+ holdAffordance: trigger === 'longPress'
103
103
  }
104
104
  }
105
105
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($6doGq$react))).createElement((0, $6doGq$reactariainteractions.PressResponder), {
@@ -35,7 +35,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
35
35
  let domRef = (0, $5R0iF$useDOMRef)(ref);
36
36
  let menuTriggerRef = domRef || triggerRef;
37
37
  let menuRef = (0, $5R0iF$useRef)();
38
- let { children: children, align: align = "start", shouldFlip: shouldFlip = true, direction: direction = "bottom", closeOnSelect: closeOnSelect, trigger: trigger = "press" } = props;
38
+ let { children: children, align: align = 'start', shouldFlip: shouldFlip = true, direction: direction = 'bottom', closeOnSelect: closeOnSelect, trigger: trigger = 'press' } = props;
39
39
  let [menuTrigger, menu] = (0, $5R0iF$react).Children.toArray(children);
40
40
  let state = (0, $5R0iF$useMenuTriggerState)(props);
41
41
  let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $5R0iF$useMenuTrigger)({
@@ -43,14 +43,14 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
43
43
  }, state, menuTriggerRef);
44
44
  let initialPlacement;
45
45
  switch(direction){
46
- case "left":
47
- case "right":
48
- case "start":
49
- case "end":
50
- initialPlacement = `${direction} ${align === "end" ? "bottom" : "top"}`;
46
+ case 'left':
47
+ case 'right':
48
+ case 'start':
49
+ case 'end':
50
+ initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
51
51
  break;
52
- case "bottom":
53
- case "top":
52
+ case 'bottom':
53
+ case 'top':
54
54
  default:
55
55
  initialPlacement = `${direction} ${align}`;
56
56
  }
@@ -62,11 +62,11 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
62
62
  closeOnSelect: closeOnSelect,
63
63
  autoFocus: state.focusStrategy || true,
64
64
  UNSAFE_style: isMobile ? {
65
- width: "100%",
66
- maxHeight: "inherit"
65
+ width: '100%',
66
+ maxHeight: 'inherit'
67
67
  } : undefined,
68
68
  UNSAFE_className: (0, $5R0iF$classNames)((0, ($parcel$interopDefault($5R0iF$menu_vars_cssmodulejs))), {
69
- "spectrum-Menu-popover": !isMobile
69
+ 'spectrum-Menu-popover': !isMobile
70
70
  }),
71
71
  state: state
72
72
  };
@@ -78,10 +78,10 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
78
78
  }, menu);
79
79
  else overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Popover), {
80
80
  UNSAFE_style: {
81
- clipPath: "unset",
82
- overflow: "visible",
83
- filter: "unset",
84
- borderWidth: "0px"
81
+ clipPath: 'unset',
82
+ overflow: 'visible',
83
+ filter: 'unset',
84
+ borderWidth: '0px'
85
85
  },
86
86
  state: state,
87
87
  triggerRef: menuTriggerRef,
@@ -93,7 +93,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
93
93
  return /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Fragment), null, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$SlotProvider), {
94
94
  slots: {
95
95
  actionButton: {
96
- holdAffordance: trigger === "longPress"
96
+ holdAffordance: trigger === 'longPress'
97
97
  }
98
98
  }
99
99
  }, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$PressResponder), {
@@ -35,7 +35,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
35
35
  let domRef = (0, $5R0iF$useDOMRef)(ref);
36
36
  let menuTriggerRef = domRef || triggerRef;
37
37
  let menuRef = (0, $5R0iF$useRef)();
38
- let { children: children, align: align = "start", shouldFlip: shouldFlip = true, direction: direction = "bottom", closeOnSelect: closeOnSelect, trigger: trigger = "press" } = props;
38
+ let { children: children, align: align = 'start', shouldFlip: shouldFlip = true, direction: direction = 'bottom', closeOnSelect: closeOnSelect, trigger: trigger = 'press' } = props;
39
39
  let [menuTrigger, menu] = (0, $5R0iF$react).Children.toArray(children);
40
40
  let state = (0, $5R0iF$useMenuTriggerState)(props);
41
41
  let { menuTriggerProps: menuTriggerProps, menuProps: menuProps } = (0, $5R0iF$useMenuTrigger)({
@@ -43,14 +43,14 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
43
43
  }, state, menuTriggerRef);
44
44
  let initialPlacement;
45
45
  switch(direction){
46
- case "left":
47
- case "right":
48
- case "start":
49
- case "end":
50
- initialPlacement = `${direction} ${align === "end" ? "bottom" : "top"}`;
46
+ case 'left':
47
+ case 'right':
48
+ case 'start':
49
+ case 'end':
50
+ initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
51
51
  break;
52
- case "bottom":
53
- case "top":
52
+ case 'bottom':
53
+ case 'top':
54
54
  default:
55
55
  initialPlacement = `${direction} ${align}`;
56
56
  }
@@ -62,11 +62,11 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
62
62
  closeOnSelect: closeOnSelect,
63
63
  autoFocus: state.focusStrategy || true,
64
64
  UNSAFE_style: isMobile ? {
65
- width: "100%",
66
- maxHeight: "inherit"
65
+ width: '100%',
66
+ maxHeight: 'inherit'
67
67
  } : undefined,
68
68
  UNSAFE_className: (0, $5R0iF$classNames)((0, ($parcel$interopDefault($5R0iF$menu_vars_cssmodulejs))), {
69
- "spectrum-Menu-popover": !isMobile
69
+ 'spectrum-Menu-popover': !isMobile
70
70
  }),
71
71
  state: state
72
72
  };
@@ -78,10 +78,10 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
78
78
  }, menu);
79
79
  else overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Popover), {
80
80
  UNSAFE_style: {
81
- clipPath: "unset",
82
- overflow: "visible",
83
- filter: "unset",
84
- borderWidth: "0px"
81
+ clipPath: 'unset',
82
+ overflow: 'visible',
83
+ filter: 'unset',
84
+ borderWidth: '0px'
85
85
  },
86
86
  state: state,
87
87
  triggerRef: menuTriggerRef,
@@ -93,7 +93,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
93
93
  return /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Fragment), null, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$SlotProvider), {
94
94
  slots: {
95
95
  actionButton: {
96
- holdAffordance: trigger === "longPress"
96
+ holdAffordance: trigger === 'longPress'
97
97
  }
98
98
  }
99
99
  }, /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$PressResponder), {
@@ -62,11 +62,11 @@ function $86ed235c4695ff3f$var$SubmenuTrigger(props) {
62
62
  let { direction: direction } = (0, $esjnM$reactariai18n.useLocale)();
63
63
  let mobileSubmenuKeyDown = (e)=>{
64
64
  switch(e.key){
65
- case "ArrowLeft":
66
- if (direction === "ltr") triggerRef.current.focus();
65
+ case 'ArrowLeft':
66
+ if (direction === 'ltr') triggerRef.current.focus();
67
67
  break;
68
- case "ArrowRight":
69
- if (direction === "rtl") triggerRef.current.focus();
68
+ case 'ArrowRight':
69
+ if (direction === 'rtl') triggerRef.current.focus();
70
70
  break;
71
71
  }
72
72
  };
@@ -87,14 +87,14 @@ function $86ed235c4695ff3f$var$SubmenuTrigger(props) {
87
87
  overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($esjnM$react))).createElement((0, $esjnM$reactspectrumoverlays.Popover), {
88
88
  ...popoverProps,
89
89
  onDismissButtonPress: onDismissButtonPress,
90
- UNSAFE_className: (0, $esjnM$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Submenu-popover"),
90
+ UNSAFE_className: (0, $esjnM$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Submenu-popover'),
91
91
  container: popoverContainer,
92
92
  containerPadding: 0,
93
93
  enableBothDismissButtons: true,
94
94
  UNSAFE_style: {
95
- clipPath: "unset",
96
- overflow: "visible",
97
- borderWidth: "0px"
95
+ clipPath: 'unset',
96
+ overflow: 'visible',
97
+ borderWidth: '0px'
98
98
  },
99
99
  state: submenuTriggerState,
100
100
  triggerRef: triggerRef,
@@ -107,11 +107,11 @@ function $86ed235c4695ff3f$var$SubmenuTrigger(props) {
107
107
  ...(0, $esjnM$reactariautils.mergeProps)(submenuProps, {
108
108
  ref: menuRef,
109
109
  UNSAFE_style: isMobile ? {
110
- width: "100%",
111
- maxHeight: "inherit"
110
+ width: '100%',
111
+ maxHeight: 'inherit'
112
112
  } : undefined,
113
113
  UNSAFE_className: (0, $esjnM$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), {
114
- "spectrum-Menu-popover": !isMobile
114
+ 'spectrum-Menu-popover': !isMobile
115
115
  }),
116
116
  ...isMobile && {
117
117
  onBackButtonPress: onBackButtonPress,
@@ -56,11 +56,11 @@ function $3f13e15cf95c3893$var$SubmenuTrigger(props) {
56
56
  let { direction: direction } = (0, $byZ4r$useLocale)();
57
57
  let mobileSubmenuKeyDown = (e)=>{
58
58
  switch(e.key){
59
- case "ArrowLeft":
60
- if (direction === "ltr") triggerRef.current.focus();
59
+ case 'ArrowLeft':
60
+ if (direction === 'ltr') triggerRef.current.focus();
61
61
  break;
62
- case "ArrowRight":
63
- if (direction === "rtl") triggerRef.current.focus();
62
+ case 'ArrowRight':
63
+ if (direction === 'rtl') triggerRef.current.focus();
64
64
  break;
65
65
  }
66
66
  };
@@ -81,14 +81,14 @@ function $3f13e15cf95c3893$var$SubmenuTrigger(props) {
81
81
  overlay = /*#__PURE__*/ (0, $byZ4r$react).createElement((0, $byZ4r$Popover), {
82
82
  ...popoverProps,
83
83
  onDismissButtonPress: onDismissButtonPress,
84
- UNSAFE_className: (0, $byZ4r$classNames)((0, ($parcel$interopDefault($byZ4r$menu_vars_cssmodulejs))), "spectrum-Submenu-popover"),
84
+ UNSAFE_className: (0, $byZ4r$classNames)((0, ($parcel$interopDefault($byZ4r$menu_vars_cssmodulejs))), 'spectrum-Submenu-popover'),
85
85
  container: popoverContainer,
86
86
  containerPadding: 0,
87
87
  enableBothDismissButtons: true,
88
88
  UNSAFE_style: {
89
- clipPath: "unset",
90
- overflow: "visible",
91
- borderWidth: "0px"
89
+ clipPath: 'unset',
90
+ overflow: 'visible',
91
+ borderWidth: '0px'
92
92
  },
93
93
  state: submenuTriggerState,
94
94
  triggerRef: triggerRef,
@@ -101,11 +101,11 @@ function $3f13e15cf95c3893$var$SubmenuTrigger(props) {
101
101
  ...(0, $byZ4r$mergeProps)(submenuProps, {
102
102
  ref: menuRef,
103
103
  UNSAFE_style: isMobile ? {
104
- width: "100%",
105
- maxHeight: "inherit"
104
+ width: '100%',
105
+ maxHeight: 'inherit'
106
106
  } : undefined,
107
107
  UNSAFE_className: (0, $byZ4r$classNames)((0, ($parcel$interopDefault($byZ4r$menu_vars_cssmodulejs))), {
108
- "spectrum-Menu-popover": !isMobile
108
+ 'spectrum-Menu-popover': !isMobile
109
109
  }),
110
110
  ...isMobile && {
111
111
  onBackButtonPress: onBackButtonPress,
@@ -56,11 +56,11 @@ function $3f13e15cf95c3893$var$SubmenuTrigger(props) {
56
56
  let { direction: direction } = (0, $byZ4r$useLocale)();
57
57
  let mobileSubmenuKeyDown = (e)=>{
58
58
  switch(e.key){
59
- case "ArrowLeft":
60
- if (direction === "ltr") triggerRef.current.focus();
59
+ case 'ArrowLeft':
60
+ if (direction === 'ltr') triggerRef.current.focus();
61
61
  break;
62
- case "ArrowRight":
63
- if (direction === "rtl") triggerRef.current.focus();
62
+ case 'ArrowRight':
63
+ if (direction === 'rtl') triggerRef.current.focus();
64
64
  break;
65
65
  }
66
66
  };
@@ -81,14 +81,14 @@ function $3f13e15cf95c3893$var$SubmenuTrigger(props) {
81
81
  overlay = /*#__PURE__*/ (0, $byZ4r$react).createElement((0, $byZ4r$Popover), {
82
82
  ...popoverProps,
83
83
  onDismissButtonPress: onDismissButtonPress,
84
- UNSAFE_className: (0, $byZ4r$classNames)((0, ($parcel$interopDefault($byZ4r$menu_vars_cssmodulejs))), "spectrum-Submenu-popover"),
84
+ UNSAFE_className: (0, $byZ4r$classNames)((0, ($parcel$interopDefault($byZ4r$menu_vars_cssmodulejs))), 'spectrum-Submenu-popover'),
85
85
  container: popoverContainer,
86
86
  containerPadding: 0,
87
87
  enableBothDismissButtons: true,
88
88
  UNSAFE_style: {
89
- clipPath: "unset",
90
- overflow: "visible",
91
- borderWidth: "0px"
89
+ clipPath: 'unset',
90
+ overflow: 'visible',
91
+ borderWidth: '0px'
92
92
  },
93
93
  state: submenuTriggerState,
94
94
  triggerRef: triggerRef,
@@ -101,11 +101,11 @@ function $3f13e15cf95c3893$var$SubmenuTrigger(props) {
101
101
  ...(0, $byZ4r$mergeProps)(submenuProps, {
102
102
  ref: menuRef,
103
103
  UNSAFE_style: isMobile ? {
104
- width: "100%",
105
- maxHeight: "inherit"
104
+ width: '100%',
105
+ maxHeight: 'inherit'
106
106
  } : undefined,
107
107
  UNSAFE_className: (0, $byZ4r$classNames)((0, ($parcel$interopDefault($byZ4r$menu_vars_cssmodulejs))), {
108
- "spectrum-Menu-popover": !isMobile
108
+ 'spectrum-Menu-popover': !isMobile
109
109
  }),
110
110
  ...isMobile && {
111
111
  onBackButtonPress: onBackButtonPress,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/menu",
3
- "version": "3.19.1-nightly.4624+d80999e89",
3
+ "version": "3.19.1",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,31 +36,31 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.2912+d80999e89",
40
- "@react-aria/i18n": "3.0.0-nightly.2912+d80999e89",
41
- "@react-aria/interactions": "3.0.0-nightly.2912+d80999e89",
42
- "@react-aria/menu": "3.14.1-nightly.4624+d80999e89",
43
- "@react-aria/overlays": "3.0.0-nightly.2912+d80999e89",
44
- "@react-aria/separator": "3.0.0-nightly.2912+d80999e89",
45
- "@react-aria/utils": "3.0.0-nightly.2912+d80999e89",
46
- "@react-spectrum/button": "3.0.0-nightly.2912+d80999e89",
47
- "@react-spectrum/layout": "3.6.5-nightly.4624+d80999e89",
48
- "@react-spectrum/overlays": "3.0.0-nightly.2912+d80999e89",
49
- "@react-spectrum/text": "3.5.5-nightly.4624+d80999e89",
50
- "@react-spectrum/utils": "3.0.0-nightly.2912+d80999e89",
51
- "@react-stately/collections": "3.0.0-nightly.2912+d80999e89",
52
- "@react-stately/menu": "3.7.1-nightly.4624+d80999e89",
53
- "@react-stately/overlays": "3.6.7-nightly.4624+d80999e89",
54
- "@react-stately/tree": "3.0.0-nightly.2912+d80999e89",
55
- "@react-types/menu": "3.9.9-nightly.4624+d80999e89",
56
- "@react-types/overlays": "3.8.7-nightly.4624+d80999e89",
57
- "@react-types/shared": "3.0.0-nightly.2912+d80999e89",
58
- "@spectrum-icons/ui": "3.0.0-nightly.2912+d80999e89",
59
- "@spectrum-icons/workflow": "3.0.0-nightly.2912+d80999e89",
39
+ "@react-aria/focus": "^3.17.1",
40
+ "@react-aria/i18n": "^3.11.1",
41
+ "@react-aria/interactions": "^3.21.3",
42
+ "@react-aria/menu": "^3.14.1",
43
+ "@react-aria/overlays": "^3.22.1",
44
+ "@react-aria/separator": "^3.3.13",
45
+ "@react-aria/utils": "^3.24.1",
46
+ "@react-spectrum/button": "^3.16.4",
47
+ "@react-spectrum/layout": "^3.6.5",
48
+ "@react-spectrum/overlays": "^5.6.1",
49
+ "@react-spectrum/text": "^3.5.5",
50
+ "@react-spectrum/utils": "^3.11.7",
51
+ "@react-stately/collections": "^3.10.7",
52
+ "@react-stately/menu": "^3.7.1",
53
+ "@react-stately/overlays": "^3.6.7",
54
+ "@react-stately/tree": "^3.8.1",
55
+ "@react-types/menu": "^3.9.9",
56
+ "@react-types/overlays": "^3.8.7",
57
+ "@react-types/shared": "^3.23.1",
58
+ "@spectrum-icons/ui": "^3.6.7",
59
+ "@spectrum-icons/workflow": "^4.2.12",
60
60
  "@swc/helpers": "^0.5.0"
61
61
  },
62
62
  "devDependencies": {
63
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2912+d80999e89"
63
+ "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "@react-spectrum/provider": "^3.0.0",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "d80999e897b4d4db9fcfb4e9b8fcdc9fdd700882"
73
+ "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
74
74
  }