@radix-ui/react-menu 0.1.7-rc.34 → 0.1.7-rc.37

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 (7) hide show
  1. package/dist/index.d.ts +15 -8
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +43 -15
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.module.js +44 -16
  6. package/dist/index.module.js.map +1 -1
  7. package/package.json +17 -16
package/dist/index.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import * as React from "react";
2
- import { RemoveScroll } from "react-remove-scroll";
3
2
  import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
4
3
  import { FocusScope } from "@radix-ui/react-focus-scope";
4
+ import * as PopperPrimitive from "@radix-ui/react-popper";
5
+ import { UnstablePortal } from "@radix-ui/react-portal";
5
6
  import * as Radix from "@radix-ui/react-primitive";
6
7
  import { Primitive } from "@radix-ui/react-primitive";
7
- import * as PopperPrimitive from "@radix-ui/react-popper";
8
8
  import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
9
+ import { RemoveScroll } from "react-remove-scroll";
9
10
  type Direction = 'ltr' | 'rtl';
10
11
  export const createMenuScope: import("@radix-ui/react-context").CreateScope;
11
12
  type RemoveScrollProps = React.ComponentProps<typeof RemoveScroll>;
@@ -25,6 +26,16 @@ type PopperAnchorProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.A
25
26
  export interface MenuAnchorProps extends PopperAnchorProps {
26
27
  }
27
28
  export const MenuAnchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<HTMLDivElement>>;
29
+ type PortalProps = React.ComponentPropsWithoutRef<typeof UnstablePortal>;
30
+ export interface MenuPortalProps extends Omit<PortalProps, 'asChild'> {
31
+ children?: React.ReactNode;
32
+ /**
33
+ * Used to force mounting when more control is needed. Useful when
34
+ * controlling animation with React animation libraries.
35
+ */
36
+ forceMount?: true;
37
+ }
38
+ export const MenuPortal: React.FC<MenuPortalProps>;
28
39
  /**
29
40
  * We purposefully don't union MenuRootContent and MenuSubContent props here because
30
41
  * they have conflicting prop types. We agreed that we would allow MenuSubContent to
@@ -70,11 +81,6 @@ interface MenuContentImplProps extends MenuContentImplPrivateProps, Omit<PopperC
70
81
  * @defaultValue false
71
82
  */
72
83
  loop?: RovingFocusGroupProps['loop'];
73
- /**
74
- * Whether the `MenuContent` should render in a `Portal`
75
- * (default: `true`)
76
- */
77
- portalled?: boolean;
78
84
  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];
79
85
  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
80
86
  onFocusOutside?: DismissableLayerProps['onFocusOutside'];
@@ -134,7 +140,7 @@ export const MenuSub: React.FC<MenuSubProps>;
134
140
  export interface MenuSubTriggerProps extends MenuItemImplProps {
135
141
  }
136
142
  export const MenuSubTrigger: React.ForwardRefExoticComponent<MenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
137
- export interface MenuSubContentProps extends Omit<MenuContentImplProps, keyof MenuContentImplPrivateProps | 'onCloseAutoFocus' | 'portalled' | 'side' | 'align'> {
143
+ export interface MenuSubContentProps extends Omit<MenuContentImplProps, keyof MenuContentImplPrivateProps | 'onCloseAutoFocus' | 'side' | 'align'> {
138
144
  /**
139
145
  * Used to force mounting when more control is needed. Useful when
140
146
  * controlling animation with React animation libraries.
@@ -144,6 +150,7 @@ export interface MenuSubContentProps extends Omit<MenuContentImplProps, keyof Me
144
150
  export const MenuSubContent: React.ForwardRefExoticComponent<MenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
145
151
  export const Root: React.FC<MenuProps>;
146
152
  export const Anchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<HTMLDivElement>>;
153
+ export const Portal: React.FC<MenuPortalProps>;
147
154
  export const Content: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
148
155
  export const Group: React.ForwardRefExoticComponent<MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
149
156
  export const Label: React.ForwardRefExoticComponent<MenuLabelProps & React.RefAttributes<HTMLDivElement>>;
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/react/menu/src/packages/react/menu/src/Menu.tsx","packages/react/menu/src/packages/react/menu/src/index.ts","packages/react/menu/src/index.ts"],"sourcesContent":[null,null,"export * from './Menu';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
1
+ {"mappings":"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","sources":["packages/react/menu/src/packages/react/menu/src/Menu.tsx","packages/react/menu/src/packages/react/menu/src/index.ts","packages/react/menu/src/index.ts"],"sourcesContent":[null,null,"export * from './Menu';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
package/dist/index.js CHANGED
@@ -1,22 +1,23 @@
1
1
  var $cnSS2$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
2
2
  var $cnSS2$react = require("react");
3
- var $cnSS2$reactremovescroll = require("react-remove-scroll");
4
- var $cnSS2$ariahidden = require("aria-hidden");
5
3
  var $cnSS2$radixuiprimitive = require("@radix-ui/primitive");
6
4
  var $cnSS2$radixuireactcollection = require("@radix-ui/react-collection");
7
5
  var $cnSS2$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
8
6
  var $cnSS2$radixuireactcontext = require("@radix-ui/react-context");
7
+ var $cnSS2$radixuireactdirection = require("@radix-ui/react-direction");
9
8
  var $cnSS2$radixuireactdismissablelayer = require("@radix-ui/react-dismissable-layer");
9
+ var $cnSS2$radixuireactfocusguards = require("@radix-ui/react-focus-guards");
10
10
  var $cnSS2$radixuireactfocusscope = require("@radix-ui/react-focus-scope");
11
- var $cnSS2$radixuireactpresence = require("@radix-ui/react-presence");
12
- var $cnSS2$radixuireactprimitive = require("@radix-ui/react-primitive");
11
+ var $cnSS2$radixuireactid = require("@radix-ui/react-id");
13
12
  var $cnSS2$radixuireactpopper = require("@radix-ui/react-popper");
14
13
  var $cnSS2$radixuireactportal = require("@radix-ui/react-portal");
14
+ var $cnSS2$radixuireactpresence = require("@radix-ui/react-presence");
15
+ var $cnSS2$radixuireactprimitive = require("@radix-ui/react-primitive");
15
16
  var $cnSS2$radixuireactrovingfocus = require("@radix-ui/react-roving-focus");
16
- var $cnSS2$radixuireactdirection = require("@radix-ui/react-direction");
17
+ var $cnSS2$radixuireactslot = require("@radix-ui/react-slot");
17
18
  var $cnSS2$radixuireactusecallbackref = require("@radix-ui/react-use-callback-ref");
18
- var $cnSS2$radixuireactfocusguards = require("@radix-ui/react-focus-guards");
19
- var $cnSS2$radixuireactid = require("@radix-ui/react-id");
19
+ var $cnSS2$ariahidden = require("aria-hidden");
20
+ var $cnSS2$reactremovescroll = require("react-remove-scroll");
20
21
 
21
22
  function $parcel$exportWildcard(dest, source) {
22
23
  Object.keys(source).forEach(function(key) {
@@ -45,6 +46,7 @@ var $213e4d2df823067d$exports = {};
45
46
  $parcel$export($213e4d2df823067d$exports, "createMenuScope", () => $213e4d2df823067d$export$4027731b685e72eb);
46
47
  $parcel$export($213e4d2df823067d$exports, "Menu", () => $213e4d2df823067d$export$d9b273488cd8ce6f);
47
48
  $parcel$export($213e4d2df823067d$exports, "MenuAnchor", () => $213e4d2df823067d$export$9fa5ebd18bee4d43);
49
+ $parcel$export($213e4d2df823067d$exports, "MenuPortal", () => $213e4d2df823067d$export$793392f970497feb);
48
50
  $parcel$export($213e4d2df823067d$exports, "MenuContent", () => $213e4d2df823067d$export$479f0f2f71193efe);
49
51
  $parcel$export($213e4d2df823067d$exports, "MenuGroup", () => $213e4d2df823067d$export$22a631d1f72787bb);
50
52
  $parcel$export($213e4d2df823067d$exports, "MenuLabel", () => $213e4d2df823067d$export$dd37bec0e8a99143);
@@ -60,6 +62,7 @@ $parcel$export($213e4d2df823067d$exports, "MenuSubTrigger", () => $213e4d2df8230
60
62
  $parcel$export($213e4d2df823067d$exports, "MenuSubContent", () => $213e4d2df823067d$export$e7142ab31822bde6);
61
63
  $parcel$export($213e4d2df823067d$exports, "Root", () => $213e4d2df823067d$export$be92b6f5f03c0fe9);
62
64
  $parcel$export($213e4d2df823067d$exports, "Anchor", () => $213e4d2df823067d$export$b688253958b8dfe7);
65
+ $parcel$export($213e4d2df823067d$exports, "Portal", () => $213e4d2df823067d$export$602eac185826482c);
63
66
  $parcel$export($213e4d2df823067d$exports, "Content", () => $213e4d2df823067d$export$7c6e2c02157bb7d2);
64
67
  $parcel$export($213e4d2df823067d$exports, "Group", () => $213e4d2df823067d$export$eb2fcfdbd7ba97d4);
65
68
  $parcel$export($213e4d2df823067d$exports, "Label", () => $213e4d2df823067d$export$b04be29aa201d4f5);
@@ -92,6 +95,7 @@ $parcel$export($213e4d2df823067d$exports, "SubContent", () => $213e4d2df823067d$
92
95
 
93
96
 
94
97
 
98
+
95
99
 
96
100
 
97
101
  const $213e4d2df823067d$var$SELECTION_KEYS = [
@@ -215,12 +219,35 @@ const $213e4d2df823067d$export$9fa5ebd18bee4d43 = /*#__PURE__*/ $cnSS2$react.for
215
219
  /*#__PURE__*/ Object.assign($213e4d2df823067d$export$9fa5ebd18bee4d43, {
216
220
  displayName: $213e4d2df823067d$var$ANCHOR_NAME
217
221
  });
222
+ /* -------------------------------------------------------------------------------------------------
223
+ * MenuPortal
224
+ * -----------------------------------------------------------------------------------------------*/ const $213e4d2df823067d$var$PORTAL_NAME = 'MenuPortal';
225
+ const [$213e4d2df823067d$var$PortalProvider, $213e4d2df823067d$var$usePortalContext] = $213e4d2df823067d$var$createMenuContext($213e4d2df823067d$var$PORTAL_NAME, {
226
+ forceMount: undefined
227
+ });
228
+ const $213e4d2df823067d$export$793392f970497feb = (props)=>{
229
+ const { __scopeMenu: __scopeMenu , forceMount: forceMount , children: children , container: container } = props;
230
+ const context = $213e4d2df823067d$var$useMenuContext($213e4d2df823067d$var$PORTAL_NAME, __scopeMenu);
231
+ return /*#__PURE__*/ $cnSS2$react.createElement($213e4d2df823067d$var$PortalProvider, {
232
+ scope: __scopeMenu,
233
+ forceMount: forceMount
234
+ }, /*#__PURE__*/ $cnSS2$react.createElement($cnSS2$radixuireactpresence.Presence, {
235
+ present: forceMount || context.open
236
+ }, /*#__PURE__*/ $cnSS2$react.createElement($cnSS2$radixuireactportal.UnstablePortal, {
237
+ asChild: true,
238
+ container: container
239
+ }, children)));
240
+ };
241
+ /*#__PURE__*/ Object.assign($213e4d2df823067d$export$793392f970497feb, {
242
+ displayName: $213e4d2df823067d$var$PORTAL_NAME
243
+ });
218
244
  /* -------------------------------------------------------------------------------------------------
219
245
  * MenuContent
220
246
  * -----------------------------------------------------------------------------------------------*/ const $213e4d2df823067d$var$CONTENT_NAME = 'MenuContent';
221
247
  const [$213e4d2df823067d$var$MenuContentProvider, $213e4d2df823067d$var$useMenuContentContext] = $213e4d2df823067d$var$createMenuContext($213e4d2df823067d$var$CONTENT_NAME);
222
248
  const $213e4d2df823067d$export$479f0f2f71193efe = /*#__PURE__*/ $cnSS2$react.forwardRef((props, forwardedRef)=>{
223
- const { forceMount: forceMount , ...contentProps } = props;
249
+ const portalContext = $213e4d2df823067d$var$usePortalContext($213e4d2df823067d$var$CONTENT_NAME, props.__scopeMenu);
250
+ const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
224
251
  const context = $213e4d2df823067d$var$useMenuContext($213e4d2df823067d$var$CONTENT_NAME, props.__scopeMenu);
225
252
  const rootContext = $213e4d2df823067d$var$useMenuRootContext($213e4d2df823067d$var$CONTENT_NAME, props.__scopeMenu);
226
253
  return /*#__PURE__*/ $cnSS2$react.createElement($213e4d2df823067d$var$Collection.Provider, {
@@ -269,7 +296,7 @@ const $213e4d2df823067d$var$MenuRootContentNonModal = /*#__PURE__*/ $cnSS2$react
269
296
  }));
270
297
  });
271
298
  /* ---------------------------------------------------------------------------------------------- */ const $213e4d2df823067d$var$MenuContentImpl = /*#__PURE__*/ $cnSS2$react.forwardRef((props, forwardedRef)=>{
272
- const { __scopeMenu: __scopeMenu , loop: loop = false , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , disableOutsidePointerEvents: disableOutsidePointerEvents , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , disableOutsideScroll: disableOutsideScroll , portalled: portalled , ...contentProps } = props;
299
+ const { __scopeMenu: __scopeMenu , loop: loop = false , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , disableOutsidePointerEvents: disableOutsidePointerEvents , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , disableOutsideScroll: disableOutsideScroll , ...contentProps } = props;
273
300
  const context = $213e4d2df823067d$var$useMenuContext($213e4d2df823067d$var$CONTENT_NAME, __scopeMenu);
274
301
  const rootContext = $213e4d2df823067d$var$useMenuRootContext($213e4d2df823067d$var$CONTENT_NAME, __scopeMenu);
275
302
  const popperScope = $213e4d2df823067d$var$usePopperScope(__scopeMenu);
@@ -284,9 +311,9 @@ const $213e4d2df823067d$var$MenuRootContentNonModal = /*#__PURE__*/ $cnSS2$react
284
311
  const pointerGraceIntentRef = $cnSS2$react.useRef(null);
285
312
  const pointerDirRef = $cnSS2$react.useRef('right');
286
313
  const lastPointerXRef = $cnSS2$react.useRef(0);
287
- const PortalWrapper = portalled ? $cnSS2$radixuireactportal.Portal : $cnSS2$react.Fragment;
288
314
  const ScrollLockWrapper = disableOutsideScroll ? $cnSS2$reactremovescroll.RemoveScroll : $cnSS2$react.Fragment;
289
315
  const scrollLockWrapperProps = disableOutsideScroll ? {
316
+ as: $cnSS2$radixuireactslot.Slot,
290
317
  allowPinchZoom: rootContext.allowPinchZoom
291
318
  } : undefined;
292
319
  const handleTypeaheadSearch = (key)=>{
@@ -325,7 +352,7 @@ const $213e4d2df823067d$var$MenuRootContentNonModal = /*#__PURE__*/ $cnSS2$react
325
352
  const isMovingTowards = pointerDirRef.current === ((_pointerGraceIntentRe = pointerGraceIntentRef.current) === null || _pointerGraceIntentRe === void 0 ? void 0 : _pointerGraceIntentRe.side);
326
353
  return isMovingTowards && $213e4d2df823067d$var$isPointerInGraceArea(event, (_pointerGraceIntentRe2 = pointerGraceIntentRef.current) === null || _pointerGraceIntentRe2 === void 0 ? void 0 : _pointerGraceIntentRe2.area);
327
354
  }, []);
328
- return /*#__PURE__*/ $cnSS2$react.createElement(PortalWrapper, null, /*#__PURE__*/ $cnSS2$react.createElement(ScrollLockWrapper, scrollLockWrapperProps, /*#__PURE__*/ $cnSS2$react.createElement($213e4d2df823067d$var$MenuContentProvider, {
355
+ return /*#__PURE__*/ $cnSS2$react.createElement($213e4d2df823067d$var$MenuContentProvider, {
329
356
  scope: __scopeMenu,
330
357
  searchRef: searchRef,
331
358
  onItemEnter: $cnSS2$react.useCallback((event)=>{
@@ -350,7 +377,7 @@ const $213e4d2df823067d$var$MenuRootContentNonModal = /*#__PURE__*/ $cnSS2$react
350
377
  onPointerGraceIntentChange: $cnSS2$react.useCallback((intent)=>{
351
378
  pointerGraceIntentRef.current = intent;
352
379
  }, [])
353
- }, /*#__PURE__*/ $cnSS2$react.createElement($cnSS2$radixuireactfocusscope.FocusScope, {
380
+ }, /*#__PURE__*/ $cnSS2$react.createElement(ScrollLockWrapper, scrollLockWrapperProps, /*#__PURE__*/ $cnSS2$react.createElement($cnSS2$radixuireactfocusscope.FocusScope, {
354
381
  asChild: true,
355
382
  trapped: trapFocus,
356
383
  onMountAutoFocus: $cnSS2$radixuiprimitive.composeEventHandlers(onOpenAutoFocus, (event)=>{
@@ -431,7 +458,7 @@ const $213e4d2df823067d$var$MenuRootContentNonModal = /*#__PURE__*/ $cnSS2$react
431
458
  lastPointerXRef.current = event.clientX;
432
459
  }
433
460
  }))
434
- }))))))));
461
+ })))))));
435
462
  });
436
463
  /*#__PURE__*/ Object.assign($213e4d2df823067d$export$479f0f2f71193efe, {
437
464
  displayName: $213e4d2df823067d$var$CONTENT_NAME
@@ -858,7 +885,8 @@ const $213e4d2df823067d$export$5fbbb3ba7297405f = /*#__PURE__*/ $cnSS2$react.for
858
885
  * MenuSubContent
859
886
  * -----------------------------------------------------------------------------------------------*/ const $213e4d2df823067d$var$SUB_CONTENT_NAME = 'MenuSubContent';
860
887
  const $213e4d2df823067d$export$e7142ab31822bde6 = /*#__PURE__*/ $cnSS2$react.forwardRef((props, forwardedRef)=>{
861
- const { forceMount: forceMount , ...subContentProps } = props;
888
+ const portalContext = $213e4d2df823067d$var$usePortalContext($213e4d2df823067d$var$CONTENT_NAME, props.__scopeMenu);
889
+ const { forceMount: forceMount = portalContext.forceMount , ...subContentProps } = props;
862
890
  const context = $213e4d2df823067d$var$useMenuContext($213e4d2df823067d$var$CONTENT_NAME, props.__scopeMenu);
863
891
  const rootContext = $213e4d2df823067d$var$useMenuRootContext($213e4d2df823067d$var$CONTENT_NAME, props.__scopeMenu);
864
892
  const subContext = $213e4d2df823067d$var$useMenuSubContext($213e4d2df823067d$var$SUB_CONTENT_NAME, props.__scopeMenu);
@@ -877,7 +905,6 @@ const $213e4d2df823067d$export$e7142ab31822bde6 = /*#__PURE__*/ $cnSS2$react.for
877
905
  ref: composedRefs,
878
906
  align: "start",
879
907
  side: rootContext.dir === 'rtl' ? 'left' : 'right',
880
- portalled: true,
881
908
  disableOutsidePointerEvents: false,
882
909
  disableOutsideScroll: false,
883
910
  trapFocus: false,
@@ -992,6 +1019,7 @@ function $213e4d2df823067d$var$whenMouse(handler) {
992
1019
  }
993
1020
  const $213e4d2df823067d$export$be92b6f5f03c0fe9 = $213e4d2df823067d$export$d9b273488cd8ce6f;
994
1021
  const $213e4d2df823067d$export$b688253958b8dfe7 = $213e4d2df823067d$export$9fa5ebd18bee4d43;
1022
+ const $213e4d2df823067d$export$602eac185826482c = $213e4d2df823067d$export$793392f970497feb;
995
1023
  const $213e4d2df823067d$export$7c6e2c02157bb7d2 = $213e4d2df823067d$export$479f0f2f71193efe;
996
1024
  const $213e4d2df823067d$export$eb2fcfdbd7ba97d4 = $213e4d2df823067d$export$22a631d1f72787bb;
997
1025
  const $213e4d2df823067d$export$b04be29aa201d4f5 = $213e4d2df823067d$export$dd37bec0e8a99143;