@radix-ui/react-hover-card 1.1.0-rc.2 → 1.1.0-rc.3

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 (3) hide show
  1. package/dist/index.js +275 -261
  2. package/dist/index.js.map +4 -4
  3. package/package.json +10 -10
package/dist/index.js CHANGED
@@ -1,279 +1,293 @@
1
1
  "use strict";
2
2
  "use client";
3
- (() => {
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
11
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
12
- }) : x)(function(x) {
13
- if (typeof require !== "undefined") return require.apply(this, arguments);
14
- throw Error('Dynamic require of "' + x + '" is not supported');
3
+ var __create = Object.create;
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __export = (target, all) => {
10
+ for (var name in all)
11
+ __defProp(target, name, { get: all[name], enumerable: true });
12
+ };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from))
16
+ if (!__hasOwnProp.call(to, key) && key !== except)
17
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
+ }
19
+ return to;
20
+ };
21
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
+ // If the importer is in node compatibility mode or this is not an ESM
23
+ // file that has been converted to a CommonJS file using a Babel-
24
+ // compatible transform (i.e. "__esModule" has not been set), then set
25
+ // "default" to the CommonJS "module.exports" for node compatibility.
26
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
27
+ mod
28
+ ));
29
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
30
+
31
+ // packages/react/hover-card/src/index.ts
32
+ var src_exports = {};
33
+ __export(src_exports, {
34
+ Arrow: () => Arrow2,
35
+ Content: () => Content2,
36
+ HoverCard: () => HoverCard,
37
+ HoverCardArrow: () => HoverCardArrow,
38
+ HoverCardContent: () => HoverCardContent,
39
+ HoverCardPortal: () => HoverCardPortal,
40
+ HoverCardTrigger: () => HoverCardTrigger,
41
+ Portal: () => Portal,
42
+ Root: () => Root2,
43
+ Trigger: () => Trigger,
44
+ createHoverCardScope: () => createHoverCardScope
45
+ });
46
+ module.exports = __toCommonJS(src_exports);
47
+
48
+ // packages/react/hover-card/src/HoverCard.tsx
49
+ var React = __toESM(require("react"));
50
+ var import_primitive = require("@radix-ui/primitive");
51
+ var import_react_context = require("@radix-ui/react-context");
52
+ var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
53
+ var import_react_compose_refs = require("@radix-ui/react-compose-refs");
54
+ var PopperPrimitive = __toESM(require("@radix-ui/react-popper"));
55
+ var import_react_popper = require("@radix-ui/react-popper");
56
+ var import_react_portal = require("@radix-ui/react-portal");
57
+ var import_react_presence = require("@radix-ui/react-presence");
58
+ var import_react_primitive = require("@radix-ui/react-primitive");
59
+ var import_react_dismissable_layer = require("@radix-ui/react-dismissable-layer");
60
+ var import_jsx_runtime = require("react/jsx-runtime");
61
+ var originalBodyUserSelect;
62
+ var HOVERCARD_NAME = "HoverCard";
63
+ var [createHoverCardContext, createHoverCardScope] = (0, import_react_context.createContextScope)(HOVERCARD_NAME, [
64
+ import_react_popper.createPopperScope
65
+ ]);
66
+ var usePopperScope = (0, import_react_popper.createPopperScope)();
67
+ var [HoverCardProvider, useHoverCardContext] = createHoverCardContext(HOVERCARD_NAME);
68
+ var HoverCard = (props) => {
69
+ const {
70
+ __scopeHoverCard,
71
+ children,
72
+ open: openProp,
73
+ defaultOpen,
74
+ onOpenChange,
75
+ openDelay = 700,
76
+ closeDelay = 300
77
+ } = props;
78
+ const popperScope = usePopperScope(__scopeHoverCard);
79
+ const openTimerRef = React.useRef(0);
80
+ const closeTimerRef = React.useRef(0);
81
+ const hasSelectionRef = React.useRef(false);
82
+ const isPointerDownOnContentRef = React.useRef(false);
83
+ const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
84
+ prop: openProp,
85
+ defaultProp: defaultOpen,
86
+ onChange: onOpenChange
15
87
  });
16
- var __copyProps = (to, from, except, desc) => {
17
- if (from && typeof from === "object" || typeof from === "function") {
18
- for (let key of __getOwnPropNames(from))
19
- if (!__hasOwnProp.call(to, key) && key !== except)
20
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
88
+ const handleOpen = React.useCallback(() => {
89
+ clearTimeout(closeTimerRef.current);
90
+ openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);
91
+ }, [openDelay, setOpen]);
92
+ const handleClose = React.useCallback(() => {
93
+ clearTimeout(openTimerRef.current);
94
+ if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
95
+ closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);
21
96
  }
22
- return to;
23
- };
24
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
25
- // If the importer is in node compatibility mode or this is not an ESM
26
- // file that has been converted to a CommonJS file using a Babel-
27
- // compatible transform (i.e. "__esModule" has not been set), then set
28
- // "default" to the CommonJS "module.exports" for node compatibility.
29
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
30
- mod
31
- ));
32
-
33
- // packages/react/hover-card/src/HoverCard.tsx
34
- var React = __toESM(__require("react"));
35
- var import_primitive = __require("@radix-ui/primitive");
36
- var import_react_context = __require("@radix-ui/react-context");
37
- var import_react_use_controllable_state = __require("@radix-ui/react-use-controllable-state");
38
- var import_react_compose_refs = __require("@radix-ui/react-compose-refs");
39
- var PopperPrimitive = __toESM(__require("@radix-ui/react-popper"));
40
- var import_react_popper = __require("@radix-ui/react-popper");
41
- var import_react_portal = __require("@radix-ui/react-portal");
42
- var import_react_presence = __require("@radix-ui/react-presence");
43
- var import_react_primitive = __require("@radix-ui/react-primitive");
44
- var import_react_dismissable_layer = __require("@radix-ui/react-dismissable-layer");
45
- var import_jsx_runtime = __require("react/jsx-runtime");
46
- var originalBodyUserSelect;
47
- var HOVERCARD_NAME = "HoverCard";
48
- var [createHoverCardContext, createHoverCardScope] = (0, import_react_context.createContextScope)(HOVERCARD_NAME, [
49
- import_react_popper.createPopperScope
50
- ]);
51
- var usePopperScope = (0, import_react_popper.createPopperScope)();
52
- var [HoverCardProvider, useHoverCardContext] = createHoverCardContext(HOVERCARD_NAME);
53
- var HoverCard = (props) => {
54
- const {
55
- __scopeHoverCard,
56
- children,
57
- open: openProp,
58
- defaultOpen,
59
- onOpenChange,
60
- openDelay = 700,
61
- closeDelay = 300
62
- } = props;
63
- const popperScope = usePopperScope(__scopeHoverCard);
64
- const openTimerRef = React.useRef(0);
65
- const closeTimerRef = React.useRef(0);
66
- const hasSelectionRef = React.useRef(false);
67
- const isPointerDownOnContentRef = React.useRef(false);
68
- const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
69
- prop: openProp,
70
- defaultProp: defaultOpen,
71
- onChange: onOpenChange
72
- });
73
- const handleOpen = React.useCallback(() => {
74
- clearTimeout(closeTimerRef.current);
75
- openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);
76
- }, [openDelay, setOpen]);
77
- const handleClose = React.useCallback(() => {
97
+ }, [closeDelay, setOpen]);
98
+ const handleDismiss = React.useCallback(() => setOpen(false), [setOpen]);
99
+ React.useEffect(() => {
100
+ return () => {
78
101
  clearTimeout(openTimerRef.current);
79
- if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
80
- closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);
102
+ clearTimeout(closeTimerRef.current);
103
+ };
104
+ }, []);
105
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
106
+ HoverCardProvider,
107
+ {
108
+ scope: __scopeHoverCard,
109
+ open,
110
+ onOpenChange: setOpen,
111
+ onOpen: handleOpen,
112
+ onClose: handleClose,
113
+ onDismiss: handleDismiss,
114
+ hasSelectionRef,
115
+ isPointerDownOnContentRef,
116
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Root, { ...popperScope, children })
117
+ }
118
+ );
119
+ };
120
+ HoverCard.displayName = HOVERCARD_NAME;
121
+ var TRIGGER_NAME = "HoverCardTrigger";
122
+ var HoverCardTrigger = React.forwardRef(
123
+ (props, forwardedRef) => {
124
+ const { __scopeHoverCard, ...triggerProps } = props;
125
+ const context = useHoverCardContext(TRIGGER_NAME, __scopeHoverCard);
126
+ const popperScope = usePopperScope(__scopeHoverCard);
127
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
128
+ import_react_primitive.Primitive.a,
129
+ {
130
+ "data-state": context.open ? "open" : "closed",
131
+ ...triggerProps,
132
+ ref: forwardedRef,
133
+ onPointerEnter: (0, import_primitive.composeEventHandlers)(props.onPointerEnter, excludeTouch(context.onOpen)),
134
+ onPointerLeave: (0, import_primitive.composeEventHandlers)(props.onPointerLeave, excludeTouch(context.onClose)),
135
+ onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, context.onOpen),
136
+ onBlur: (0, import_primitive.composeEventHandlers)(props.onBlur, context.onClose),
137
+ onTouchStart: (0, import_primitive.composeEventHandlers)(props.onTouchStart, (event) => event.preventDefault())
81
138
  }
82
- }, [closeDelay, setOpen]);
83
- const handleDismiss = React.useCallback(() => setOpen(false), [setOpen]);
84
- React.useEffect(() => {
85
- return () => {
86
- clearTimeout(openTimerRef.current);
87
- clearTimeout(closeTimerRef.current);
88
- };
89
- }, []);
90
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
91
- HoverCardProvider,
139
+ ) });
140
+ }
141
+ );
142
+ HoverCardTrigger.displayName = TRIGGER_NAME;
143
+ var PORTAL_NAME = "HoverCardPortal";
144
+ var [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME, {
145
+ forceMount: void 0
146
+ });
147
+ var HoverCardPortal = (props) => {
148
+ const { __scopeHoverCard, forceMount, children, container } = props;
149
+ const context = useHoverCardContext(PORTAL_NAME, __scopeHoverCard);
150
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, { scope: __scopeHoverCard, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
151
+ };
152
+ HoverCardPortal.displayName = PORTAL_NAME;
153
+ var CONTENT_NAME = "HoverCardContent";
154
+ var HoverCardContent = React.forwardRef(
155
+ (props, forwardedRef) => {
156
+ const portalContext = usePortalContext(CONTENT_NAME, props.__scopeHoverCard);
157
+ const { forceMount = portalContext.forceMount, ...contentProps } = props;
158
+ const context = useHoverCardContext(CONTENT_NAME, props.__scopeHoverCard);
159
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
160
+ HoverCardContentImpl,
92
161
  {
93
- scope: __scopeHoverCard,
94
- open,
95
- onOpenChange: setOpen,
96
- onOpen: handleOpen,
97
- onClose: handleClose,
98
- onDismiss: handleDismiss,
99
- hasSelectionRef,
100
- isPointerDownOnContentRef,
101
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Root, { ...popperScope, children })
162
+ "data-state": context.open ? "open" : "closed",
163
+ ...contentProps,
164
+ onPointerEnter: (0, import_primitive.composeEventHandlers)(props.onPointerEnter, excludeTouch(context.onOpen)),
165
+ onPointerLeave: (0, import_primitive.composeEventHandlers)(props.onPointerLeave, excludeTouch(context.onClose)),
166
+ ref: forwardedRef
102
167
  }
103
- );
104
- };
105
- HoverCard.displayName = HOVERCARD_NAME;
106
- var TRIGGER_NAME = "HoverCardTrigger";
107
- var HoverCardTrigger = React.forwardRef(
108
- (props, forwardedRef) => {
109
- const { __scopeHoverCard, ...triggerProps } = props;
110
- const context = useHoverCardContext(TRIGGER_NAME, __scopeHoverCard);
111
- const popperScope = usePopperScope(__scopeHoverCard);
112
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
- import_react_primitive.Primitive.a,
114
- {
115
- "data-state": context.open ? "open" : "closed",
116
- ...triggerProps,
117
- ref: forwardedRef,
118
- onPointerEnter: (0, import_primitive.composeEventHandlers)(props.onPointerEnter, excludeTouch(context.onOpen)),
119
- onPointerLeave: (0, import_primitive.composeEventHandlers)(props.onPointerLeave, excludeTouch(context.onClose)),
120
- onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, context.onOpen),
121
- onBlur: (0, import_primitive.composeEventHandlers)(props.onBlur, context.onClose),
122
- onTouchStart: (0, import_primitive.composeEventHandlers)(props.onTouchStart, (event) => event.preventDefault())
123
- }
124
- ) });
168
+ ) });
169
+ }
170
+ );
171
+ HoverCardContent.displayName = CONTENT_NAME;
172
+ var HoverCardContentImpl = React.forwardRef((props, forwardedRef) => {
173
+ const {
174
+ __scopeHoverCard,
175
+ onEscapeKeyDown,
176
+ onPointerDownOutside,
177
+ onFocusOutside,
178
+ onInteractOutside,
179
+ ...contentProps
180
+ } = props;
181
+ const context = useHoverCardContext(CONTENT_NAME, __scopeHoverCard);
182
+ const popperScope = usePopperScope(__scopeHoverCard);
183
+ const ref = React.useRef(null);
184
+ const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
185
+ const [containSelection, setContainSelection] = React.useState(false);
186
+ React.useEffect(() => {
187
+ if (containSelection) {
188
+ const body = document.body;
189
+ originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
190
+ body.style.userSelect = "none";
191
+ body.style.webkitUserSelect = "none";
192
+ return () => {
193
+ body.style.userSelect = originalBodyUserSelect;
194
+ body.style.webkitUserSelect = originalBodyUserSelect;
195
+ };
125
196
  }
126
- );
127
- HoverCardTrigger.displayName = TRIGGER_NAME;
128
- var PORTAL_NAME = "HoverCardPortal";
129
- var [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME, {
130
- forceMount: void 0
131
- });
132
- var HoverCardPortal = (props) => {
133
- const { __scopeHoverCard, forceMount, children, container } = props;
134
- const context = useHoverCardContext(PORTAL_NAME, __scopeHoverCard);
135
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, { scope: __scopeHoverCard, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
136
- };
137
- HoverCardPortal.displayName = PORTAL_NAME;
138
- var CONTENT_NAME = "HoverCardContent";
139
- var HoverCardContent = React.forwardRef(
140
- (props, forwardedRef) => {
141
- const portalContext = usePortalContext(CONTENT_NAME, props.__scopeHoverCard);
142
- const { forceMount = portalContext.forceMount, ...contentProps } = props;
143
- const context = useHoverCardContext(CONTENT_NAME, props.__scopeHoverCard);
144
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
145
- HoverCardContentImpl,
146
- {
147
- "data-state": context.open ? "open" : "closed",
148
- ...contentProps,
149
- onPointerEnter: (0, import_primitive.composeEventHandlers)(props.onPointerEnter, excludeTouch(context.onOpen)),
150
- onPointerLeave: (0, import_primitive.composeEventHandlers)(props.onPointerLeave, excludeTouch(context.onClose)),
151
- ref: forwardedRef
152
- }
153
- ) });
197
+ }, [containSelection]);
198
+ React.useEffect(() => {
199
+ if (ref.current) {
200
+ const handlePointerUp = () => {
201
+ setContainSelection(false);
202
+ context.isPointerDownOnContentRef.current = false;
203
+ setTimeout(() => {
204
+ const hasSelection = document.getSelection()?.toString() !== "";
205
+ if (hasSelection) context.hasSelectionRef.current = true;
206
+ });
207
+ };
208
+ document.addEventListener("pointerup", handlePointerUp);
209
+ return () => {
210
+ document.removeEventListener("pointerup", handlePointerUp);
211
+ context.hasSelectionRef.current = false;
212
+ context.isPointerDownOnContentRef.current = false;
213
+ };
154
214
  }
155
- );
156
- HoverCardContent.displayName = CONTENT_NAME;
157
- var HoverCardContentImpl = React.forwardRef((props, forwardedRef) => {
158
- const {
159
- __scopeHoverCard,
215
+ }, [context.isPointerDownOnContentRef, context.hasSelectionRef]);
216
+ React.useEffect(() => {
217
+ if (ref.current) {
218
+ const tabbables = getTabbableNodes(ref.current);
219
+ tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
220
+ }
221
+ });
222
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
223
+ import_react_dismissable_layer.DismissableLayer,
224
+ {
225
+ asChild: true,
226
+ disableOutsidePointerEvents: false,
227
+ onInteractOutside,
160
228
  onEscapeKeyDown,
161
229
  onPointerDownOutside,
162
- onFocusOutside,
163
- onInteractOutside,
164
- ...contentProps
165
- } = props;
166
- const context = useHoverCardContext(CONTENT_NAME, __scopeHoverCard);
167
- const popperScope = usePopperScope(__scopeHoverCard);
168
- const ref = React.useRef(null);
169
- const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
170
- const [containSelection, setContainSelection] = React.useState(false);
171
- React.useEffect(() => {
172
- if (containSelection) {
173
- const body = document.body;
174
- originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
175
- body.style.userSelect = "none";
176
- body.style.webkitUserSelect = "none";
177
- return () => {
178
- body.style.userSelect = originalBodyUserSelect;
179
- body.style.webkitUserSelect = originalBodyUserSelect;
180
- };
181
- }
182
- }, [containSelection]);
183
- React.useEffect(() => {
184
- if (ref.current) {
185
- const handlePointerUp = () => {
186
- setContainSelection(false);
187
- context.isPointerDownOnContentRef.current = false;
188
- setTimeout(() => {
189
- const hasSelection = document.getSelection()?.toString() !== "";
190
- if (hasSelection) context.hasSelectionRef.current = true;
191
- });
192
- };
193
- document.addEventListener("pointerup", handlePointerUp);
194
- return () => {
195
- document.removeEventListener("pointerup", handlePointerUp);
196
- context.hasSelectionRef.current = false;
197
- context.isPointerDownOnContentRef.current = false;
198
- };
199
- }
200
- }, [context.isPointerDownOnContentRef, context.hasSelectionRef]);
201
- React.useEffect(() => {
202
- if (ref.current) {
203
- const tabbables = getTabbableNodes(ref.current);
204
- tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
205
- }
206
- });
207
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
208
- import_react_dismissable_layer.DismissableLayer,
209
- {
210
- asChild: true,
211
- disableOutsidePointerEvents: false,
212
- onInteractOutside,
213
- onEscapeKeyDown,
214
- onPointerDownOutside,
215
- onFocusOutside: (0, import_primitive.composeEventHandlers)(onFocusOutside, (event) => {
216
- event.preventDefault();
217
- }),
218
- onDismiss: context.onDismiss,
219
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
220
- PopperPrimitive.Content,
221
- {
222
- ...popperScope,
223
- ...contentProps,
224
- onPointerDown: (0, import_primitive.composeEventHandlers)(contentProps.onPointerDown, (event) => {
225
- if (event.currentTarget.contains(event.target)) {
226
- setContainSelection(true);
227
- }
228
- context.hasSelectionRef.current = false;
229
- context.isPointerDownOnContentRef.current = true;
230
- }),
231
- ref: composedRefs,
232
- style: {
233
- ...contentProps.style,
234
- userSelect: containSelection ? "text" : void 0,
235
- // Safari requires prefix
236
- WebkitUserSelect: containSelection ? "text" : void 0,
237
- // re-namespace exposed content custom properties
238
- ...{
239
- "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
240
- "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
241
- "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
242
- "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
243
- "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
244
- }
230
+ onFocusOutside: (0, import_primitive.composeEventHandlers)(onFocusOutside, (event) => {
231
+ event.preventDefault();
232
+ }),
233
+ onDismiss: context.onDismiss,
234
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
235
+ PopperPrimitive.Content,
236
+ {
237
+ ...popperScope,
238
+ ...contentProps,
239
+ onPointerDown: (0, import_primitive.composeEventHandlers)(contentProps.onPointerDown, (event) => {
240
+ if (event.currentTarget.contains(event.target)) {
241
+ setContainSelection(true);
242
+ }
243
+ context.hasSelectionRef.current = false;
244
+ context.isPointerDownOnContentRef.current = true;
245
+ }),
246
+ ref: composedRefs,
247
+ style: {
248
+ ...contentProps.style,
249
+ userSelect: containSelection ? "text" : void 0,
250
+ // Safari requires prefix
251
+ WebkitUserSelect: containSelection ? "text" : void 0,
252
+ // re-namespace exposed content custom properties
253
+ ...{
254
+ "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
255
+ "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
256
+ "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
257
+ "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
258
+ "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
245
259
  }
246
260
  }
247
- )
248
- }
249
- );
250
- });
251
- var ARROW_NAME = "HoverCardArrow";
252
- var HoverCardArrow = React.forwardRef(
253
- (props, forwardedRef) => {
254
- const { __scopeHoverCard, ...arrowProps } = props;
255
- const popperScope = usePopperScope(__scopeHoverCard);
256
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
261
+ }
262
+ )
257
263
  }
258
264
  );
259
- HoverCardArrow.displayName = ARROW_NAME;
260
- function excludeTouch(eventHandler) {
261
- return (event) => event.pointerType === "touch" ? void 0 : eventHandler();
262
- }
263
- function getTabbableNodes(container) {
264
- const nodes = [];
265
- const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
266
- acceptNode: (node) => {
267
- return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
268
- }
269
- });
270
- while (walker.nextNode()) nodes.push(walker.currentNode);
271
- return nodes;
265
+ });
266
+ var ARROW_NAME = "HoverCardArrow";
267
+ var HoverCardArrow = React.forwardRef(
268
+ (props, forwardedRef) => {
269
+ const { __scopeHoverCard, ...arrowProps } = props;
270
+ const popperScope = usePopperScope(__scopeHoverCard);
271
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
272
272
  }
273
- var Root2 = HoverCard;
274
- var Trigger = HoverCardTrigger;
275
- var Portal = HoverCardPortal;
276
- var Content2 = HoverCardContent;
277
- var Arrow2 = HoverCardArrow;
278
- })();
273
+ );
274
+ HoverCardArrow.displayName = ARROW_NAME;
275
+ function excludeTouch(eventHandler) {
276
+ return (event) => event.pointerType === "touch" ? void 0 : eventHandler();
277
+ }
278
+ function getTabbableNodes(container) {
279
+ const nodes = [];
280
+ const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
281
+ acceptNode: (node) => {
282
+ return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
283
+ }
284
+ });
285
+ while (walker.nextNode()) nodes.push(walker.currentNode);
286
+ return nodes;
287
+ }
288
+ var Root2 = HoverCard;
289
+ var Trigger = HoverCardTrigger;
290
+ var Portal = HoverCardPortal;
291
+ var Content2 = HoverCardContent;
292
+ var Arrow2 = HoverCardArrow;
279
293
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../src/HoverCard.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal as PortalPrimitive } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCard\n * -----------------------------------------------------------------------------------------------*/\n\nlet originalBodyUserSelect: string;\n\nconst HOVERCARD_NAME = 'HoverCard';\n\ntype ScopedProps<P> = P & { __scopeHoverCard?: Scope };\nconst [createHoverCardContext, createHoverCardScope] = createContextScope(HOVERCARD_NAME, [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\ntype HoverCardContextValue = {\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpen(): void;\n onClose(): void;\n onDismiss(): void;\n hasSelectionRef: React.MutableRefObject<boolean>;\n isPointerDownOnContentRef: React.MutableRefObject<boolean>;\n};\n\nconst [HoverCardProvider, useHoverCardContext] =\n createHoverCardContext<HoverCardContextValue>(HOVERCARD_NAME);\n\ninterface HoverCardProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n openDelay?: number;\n closeDelay?: number;\n}\n\nconst HoverCard: React.FC<HoverCardProps> = (props: ScopedProps<HoverCardProps>) => {\n const {\n __scopeHoverCard,\n children,\n open: openProp,\n defaultOpen,\n onOpenChange,\n openDelay = 700,\n closeDelay = 300,\n } = props;\n const popperScope = usePopperScope(__scopeHoverCard);\n const openTimerRef = React.useRef(0);\n const closeTimerRef = React.useRef(0);\n const hasSelectionRef = React.useRef(false);\n const isPointerDownOnContentRef = React.useRef(false);\n\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n const handleOpen = React.useCallback(() => {\n clearTimeout(closeTimerRef.current);\n openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);\n }, [openDelay, setOpen]);\n\n const handleClose = React.useCallback(() => {\n clearTimeout(openTimerRef.current);\n if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {\n closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);\n }\n }, [closeDelay, setOpen]);\n\n const handleDismiss = React.useCallback(() => setOpen(false), [setOpen]);\n\n // cleanup any queued state updates on unmount\n React.useEffect(() => {\n return () => {\n clearTimeout(openTimerRef.current);\n clearTimeout(closeTimerRef.current);\n };\n }, []);\n\n return (\n <HoverCardProvider\n scope={__scopeHoverCard}\n open={open}\n onOpenChange={setOpen}\n onOpen={handleOpen}\n onClose={handleClose}\n onDismiss={handleDismiss}\n hasSelectionRef={hasSelectionRef}\n isPointerDownOnContentRef={isPointerDownOnContentRef}\n >\n <PopperPrimitive.Root {...popperScope}>{children}</PopperPrimitive.Root>\n </HoverCardProvider>\n );\n};\n\nHoverCard.displayName = HOVERCARD_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'HoverCardTrigger';\n\ntype HoverCardTriggerElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface HoverCardTriggerProps extends PrimitiveLinkProps {}\n\nconst HoverCardTrigger = React.forwardRef<HoverCardTriggerElement, HoverCardTriggerProps>(\n (props: ScopedProps<HoverCardTriggerProps>, forwardedRef) => {\n const { __scopeHoverCard, ...triggerProps } = props;\n const context = useHoverCardContext(TRIGGER_NAME, __scopeHoverCard);\n const popperScope = usePopperScope(__scopeHoverCard);\n return (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n <Primitive.a\n data-state={context.open ? 'open' : 'closed'}\n {...triggerProps}\n ref={forwardedRef}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose))}\n onFocus={composeEventHandlers(props.onFocus, context.onOpen)}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n // prevent focus event on touch devices\n onTouchStart={composeEventHandlers(props.onTouchStart, (event) => event.preventDefault())}\n />\n </PopperPrimitive.Anchor>\n );\n }\n);\n\nHoverCardTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'HoverCardPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createHoverCardContext<PortalContextValue>(PORTAL_NAME, {\n forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface HoverCardPortalProps {\n children?: React.ReactNode;\n /**\n * Specify a container element to portal the content into.\n */\n container?: PortalProps['container'];\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst HoverCardPortal: React.FC<HoverCardPortalProps> = (\n props: ScopedProps<HoverCardPortalProps>\n) => {\n const { __scopeHoverCard, forceMount, children, container } = props;\n const context = useHoverCardContext(PORTAL_NAME, __scopeHoverCard);\n return (\n <PortalProvider scope={__scopeHoverCard} forceMount={forceMount}>\n <Presence present={forceMount || context.open}>\n <PortalPrimitive asChild container={container}>\n {children}\n </PortalPrimitive>\n </Presence>\n </PortalProvider>\n );\n};\n\nHoverCardPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'HoverCardContent';\n\ntype HoverCardContentElement = HoverCardContentImplElement;\ninterface HoverCardContentProps extends HoverCardContentImplProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n (props: ScopedProps<HoverCardContentProps>, forwardedRef) => {\n const portalContext = usePortalContext(CONTENT_NAME, props.__scopeHoverCard);\n const { forceMount = portalContext.forceMount, ...contentProps } = props;\n const context = useHoverCardContext(CONTENT_NAME, props.__scopeHoverCard);\n return (\n <Presence present={forceMount || context.open}>\n <HoverCardContentImpl\n data-state={context.open ? 'open' : 'closed'}\n {...contentProps}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose))}\n ref={forwardedRef}\n />\n </Presence>\n );\n }\n);\n\nHoverCardContent.displayName = CONTENT_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype HoverCardContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface HoverCardContentImplProps extends Omit<PopperContentProps, 'onPlaced'> {\n /**\n * Event handler called when the escape key is down.\n * Can be prevented.\n */\n onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n /**\n * Event handler called when the a `pointerdown` event happens outside of the `HoverCard`.\n * Can be prevented.\n */\n onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n /**\n * Event handler called when the focus moves outside of the `HoverCard`.\n * Can be prevented.\n */\n onFocusOutside?: DismissableLayerProps['onFocusOutside'];\n /**\n * Event handler called when an interaction happens outside the `HoverCard`.\n * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n * Can be prevented.\n */\n onInteractOutside?: DismissableLayerProps['onInteractOutside'];\n}\n\nconst HoverCardContentImpl = React.forwardRef<\n HoverCardContentImplElement,\n HoverCardContentImplProps\n>((props: ScopedProps<HoverCardContentImplProps>, forwardedRef) => {\n const {\n __scopeHoverCard,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n ...contentProps\n } = props;\n const context = useHoverCardContext(CONTENT_NAME, __scopeHoverCard);\n const popperScope = usePopperScope(__scopeHoverCard);\n const ref = React.useRef<HoverCardContentImplElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n const [containSelection, setContainSelection] = React.useState(false);\n\n React.useEffect(() => {\n if (containSelection) {\n const body = document.body;\n\n // Safari requires prefix\n originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;\n\n body.style.userSelect = 'none';\n body.style.webkitUserSelect = 'none';\n return () => {\n body.style.userSelect = originalBodyUserSelect;\n body.style.webkitUserSelect = originalBodyUserSelect;\n };\n }\n }, [containSelection]);\n\n React.useEffect(() => {\n if (ref.current) {\n const handlePointerUp = () => {\n setContainSelection(false);\n context.isPointerDownOnContentRef.current = false;\n\n // Delay a frame to ensure we always access the latest selection\n setTimeout(() => {\n const hasSelection = document.getSelection()?.toString() !== '';\n if (hasSelection) context.hasSelectionRef.current = true;\n });\n };\n\n document.addEventListener('pointerup', handlePointerUp);\n return () => {\n document.removeEventListener('pointerup', handlePointerUp);\n context.hasSelectionRef.current = false;\n context.isPointerDownOnContentRef.current = false;\n };\n }\n }, [context.isPointerDownOnContentRef, context.hasSelectionRef]);\n\n React.useEffect(() => {\n if (ref.current) {\n const tabbables = getTabbableNodes(ref.current);\n tabbables.forEach((tabbable) => tabbable.setAttribute('tabindex', '-1'));\n }\n });\n\n return (\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={false}\n onInteractOutside={onInteractOutside}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={composeEventHandlers(onFocusOutside, (event) => {\n event.preventDefault();\n })}\n onDismiss={context.onDismiss}\n >\n <PopperPrimitive.Content\n {...popperScope}\n {...contentProps}\n onPointerDown={composeEventHandlers(contentProps.onPointerDown, (event) => {\n // Contain selection to current layer\n if (event.currentTarget.contains(event.target as HTMLElement)) {\n setContainSelection(true);\n }\n context.hasSelectionRef.current = false;\n context.isPointerDownOnContentRef.current = true;\n })}\n ref={composedRefs}\n style={{\n ...contentProps.style,\n userSelect: containSelection ? 'text' : undefined,\n // Safari requires prefix\n WebkitUserSelect: containSelection ? 'text' : undefined,\n // re-namespace exposed content custom properties\n ...{\n '--radix-hover-card-content-transform-origin': 'var(--radix-popper-transform-origin)',\n '--radix-hover-card-content-available-width': 'var(--radix-popper-available-width)',\n '--radix-hover-card-content-available-height': 'var(--radix-popper-available-height)',\n '--radix-hover-card-trigger-width': 'var(--radix-popper-anchor-width)',\n '--radix-hover-card-trigger-height': 'var(--radix-popper-anchor-height)',\n },\n }}\n />\n </DismissableLayer>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'HoverCardArrow';\n\ntype HoverCardArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface HoverCardArrowProps extends PopperArrowProps {}\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(\n (props: ScopedProps<HoverCardArrowProps>, forwardedRef) => {\n const { __scopeHoverCard, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopeHoverCard);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n }\n);\n\nHoverCardArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction excludeTouch<E>(eventHandler: () => void) {\n return (event: React.PointerEvent<E>) =>\n event.pointerType === 'touch' ? undefined : eventHandler();\n}\n\n/**\n * Returns a list of nodes that can be in the tab sequence.\n * @see: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n */\nfunction getTabbableNodes(container: HTMLElement) {\n const nodes: HTMLElement[] = [];\n const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n acceptNode: (node: any) => {\n // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n // runtime's understanding of tabbability, so this automatically accounts\n // for any kind of element that could be tabbed to.\n return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n },\n });\n while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement);\n return nodes;\n}\n\nconst Root = HoverCard;\nconst Trigger = HoverCardTrigger;\nconst Portal = HoverCardPortal;\nconst Content = HoverCardContent;\nconst Arrow = HoverCardArrow;\n\nexport {\n createHoverCardScope,\n //\n HoverCard,\n HoverCardTrigger,\n HoverCardPortal,\n HoverCardContent,\n HoverCardArrow,\n //\n Root,\n Trigger,\n Portal,\n Content,\n Arrow,\n};\nexport type {\n HoverCardProps,\n HoverCardTriggerProps,\n HoverCardPortalProps,\n HoverCardContentProps,\n HoverCardArrowProps,\n};\n"],
5
- "mappings": "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",
6
- "names": ["PortalPrimitive", "Root", "Content", "Arrow"]
3
+ "sources": ["../src/index.ts", "../src/HoverCard.tsx"],
4
+ "sourcesContent": ["'use client';\nexport {\n createHoverCardScope,\n //\n HoverCard,\n HoverCardTrigger,\n HoverCardPortal,\n HoverCardContent,\n HoverCardArrow,\n //\n Root,\n Trigger,\n Portal,\n Content,\n Arrow,\n} from './HoverCard';\nexport type {\n HoverCardProps,\n HoverCardTriggerProps,\n HoverCardPortalProps,\n HoverCardContentProps,\n HoverCardArrowProps,\n} from './HoverCard';\n", "import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal as PortalPrimitive } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCard\n * -----------------------------------------------------------------------------------------------*/\n\nlet originalBodyUserSelect: string;\n\nconst HOVERCARD_NAME = 'HoverCard';\n\ntype ScopedProps<P> = P & { __scopeHoverCard?: Scope };\nconst [createHoverCardContext, createHoverCardScope] = createContextScope(HOVERCARD_NAME, [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\ntype HoverCardContextValue = {\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpen(): void;\n onClose(): void;\n onDismiss(): void;\n hasSelectionRef: React.MutableRefObject<boolean>;\n isPointerDownOnContentRef: React.MutableRefObject<boolean>;\n};\n\nconst [HoverCardProvider, useHoverCardContext] =\n createHoverCardContext<HoverCardContextValue>(HOVERCARD_NAME);\n\ninterface HoverCardProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n openDelay?: number;\n closeDelay?: number;\n}\n\nconst HoverCard: React.FC<HoverCardProps> = (props: ScopedProps<HoverCardProps>) => {\n const {\n __scopeHoverCard,\n children,\n open: openProp,\n defaultOpen,\n onOpenChange,\n openDelay = 700,\n closeDelay = 300,\n } = props;\n const popperScope = usePopperScope(__scopeHoverCard);\n const openTimerRef = React.useRef(0);\n const closeTimerRef = React.useRef(0);\n const hasSelectionRef = React.useRef(false);\n const isPointerDownOnContentRef = React.useRef(false);\n\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n const handleOpen = React.useCallback(() => {\n clearTimeout(closeTimerRef.current);\n openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);\n }, [openDelay, setOpen]);\n\n const handleClose = React.useCallback(() => {\n clearTimeout(openTimerRef.current);\n if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {\n closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);\n }\n }, [closeDelay, setOpen]);\n\n const handleDismiss = React.useCallback(() => setOpen(false), [setOpen]);\n\n // cleanup any queued state updates on unmount\n React.useEffect(() => {\n return () => {\n clearTimeout(openTimerRef.current);\n clearTimeout(closeTimerRef.current);\n };\n }, []);\n\n return (\n <HoverCardProvider\n scope={__scopeHoverCard}\n open={open}\n onOpenChange={setOpen}\n onOpen={handleOpen}\n onClose={handleClose}\n onDismiss={handleDismiss}\n hasSelectionRef={hasSelectionRef}\n isPointerDownOnContentRef={isPointerDownOnContentRef}\n >\n <PopperPrimitive.Root {...popperScope}>{children}</PopperPrimitive.Root>\n </HoverCardProvider>\n );\n};\n\nHoverCard.displayName = HOVERCARD_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'HoverCardTrigger';\n\ntype HoverCardTriggerElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface HoverCardTriggerProps extends PrimitiveLinkProps {}\n\nconst HoverCardTrigger = React.forwardRef<HoverCardTriggerElement, HoverCardTriggerProps>(\n (props: ScopedProps<HoverCardTriggerProps>, forwardedRef) => {\n const { __scopeHoverCard, ...triggerProps } = props;\n const context = useHoverCardContext(TRIGGER_NAME, __scopeHoverCard);\n const popperScope = usePopperScope(__scopeHoverCard);\n return (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n <Primitive.a\n data-state={context.open ? 'open' : 'closed'}\n {...triggerProps}\n ref={forwardedRef}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose))}\n onFocus={composeEventHandlers(props.onFocus, context.onOpen)}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n // prevent focus event on touch devices\n onTouchStart={composeEventHandlers(props.onTouchStart, (event) => event.preventDefault())}\n />\n </PopperPrimitive.Anchor>\n );\n }\n);\n\nHoverCardTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'HoverCardPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createHoverCardContext<PortalContextValue>(PORTAL_NAME, {\n forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface HoverCardPortalProps {\n children?: React.ReactNode;\n /**\n * Specify a container element to portal the content into.\n */\n container?: PortalProps['container'];\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst HoverCardPortal: React.FC<HoverCardPortalProps> = (\n props: ScopedProps<HoverCardPortalProps>\n) => {\n const { __scopeHoverCard, forceMount, children, container } = props;\n const context = useHoverCardContext(PORTAL_NAME, __scopeHoverCard);\n return (\n <PortalProvider scope={__scopeHoverCard} forceMount={forceMount}>\n <Presence present={forceMount || context.open}>\n <PortalPrimitive asChild container={container}>\n {children}\n </PortalPrimitive>\n </Presence>\n </PortalProvider>\n );\n};\n\nHoverCardPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'HoverCardContent';\n\ntype HoverCardContentElement = HoverCardContentImplElement;\ninterface HoverCardContentProps extends HoverCardContentImplProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with React animation libraries.\n */\n forceMount?: true;\n}\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n (props: ScopedProps<HoverCardContentProps>, forwardedRef) => {\n const portalContext = usePortalContext(CONTENT_NAME, props.__scopeHoverCard);\n const { forceMount = portalContext.forceMount, ...contentProps } = props;\n const context = useHoverCardContext(CONTENT_NAME, props.__scopeHoverCard);\n return (\n <Presence present={forceMount || context.open}>\n <HoverCardContentImpl\n data-state={context.open ? 'open' : 'closed'}\n {...contentProps}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose))}\n ref={forwardedRef}\n />\n </Presence>\n );\n }\n);\n\nHoverCardContent.displayName = CONTENT_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype HoverCardContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface HoverCardContentImplProps extends Omit<PopperContentProps, 'onPlaced'> {\n /**\n * Event handler called when the escape key is down.\n * Can be prevented.\n */\n onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n /**\n * Event handler called when the a `pointerdown` event happens outside of the `HoverCard`.\n * Can be prevented.\n */\n onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n /**\n * Event handler called when the focus moves outside of the `HoverCard`.\n * Can be prevented.\n */\n onFocusOutside?: DismissableLayerProps['onFocusOutside'];\n /**\n * Event handler called when an interaction happens outside the `HoverCard`.\n * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.\n * Can be prevented.\n */\n onInteractOutside?: DismissableLayerProps['onInteractOutside'];\n}\n\nconst HoverCardContentImpl = React.forwardRef<\n HoverCardContentImplElement,\n HoverCardContentImplProps\n>((props: ScopedProps<HoverCardContentImplProps>, forwardedRef) => {\n const {\n __scopeHoverCard,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n ...contentProps\n } = props;\n const context = useHoverCardContext(CONTENT_NAME, __scopeHoverCard);\n const popperScope = usePopperScope(__scopeHoverCard);\n const ref = React.useRef<HoverCardContentImplElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n const [containSelection, setContainSelection] = React.useState(false);\n\n React.useEffect(() => {\n if (containSelection) {\n const body = document.body;\n\n // Safari requires prefix\n originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;\n\n body.style.userSelect = 'none';\n body.style.webkitUserSelect = 'none';\n return () => {\n body.style.userSelect = originalBodyUserSelect;\n body.style.webkitUserSelect = originalBodyUserSelect;\n };\n }\n }, [containSelection]);\n\n React.useEffect(() => {\n if (ref.current) {\n const handlePointerUp = () => {\n setContainSelection(false);\n context.isPointerDownOnContentRef.current = false;\n\n // Delay a frame to ensure we always access the latest selection\n setTimeout(() => {\n const hasSelection = document.getSelection()?.toString() !== '';\n if (hasSelection) context.hasSelectionRef.current = true;\n });\n };\n\n document.addEventListener('pointerup', handlePointerUp);\n return () => {\n document.removeEventListener('pointerup', handlePointerUp);\n context.hasSelectionRef.current = false;\n context.isPointerDownOnContentRef.current = false;\n };\n }\n }, [context.isPointerDownOnContentRef, context.hasSelectionRef]);\n\n React.useEffect(() => {\n if (ref.current) {\n const tabbables = getTabbableNodes(ref.current);\n tabbables.forEach((tabbable) => tabbable.setAttribute('tabindex', '-1'));\n }\n });\n\n return (\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={false}\n onInteractOutside={onInteractOutside}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={composeEventHandlers(onFocusOutside, (event) => {\n event.preventDefault();\n })}\n onDismiss={context.onDismiss}\n >\n <PopperPrimitive.Content\n {...popperScope}\n {...contentProps}\n onPointerDown={composeEventHandlers(contentProps.onPointerDown, (event) => {\n // Contain selection to current layer\n if (event.currentTarget.contains(event.target as HTMLElement)) {\n setContainSelection(true);\n }\n context.hasSelectionRef.current = false;\n context.isPointerDownOnContentRef.current = true;\n })}\n ref={composedRefs}\n style={{\n ...contentProps.style,\n userSelect: containSelection ? 'text' : undefined,\n // Safari requires prefix\n WebkitUserSelect: containSelection ? 'text' : undefined,\n // re-namespace exposed content custom properties\n ...{\n '--radix-hover-card-content-transform-origin': 'var(--radix-popper-transform-origin)',\n '--radix-hover-card-content-available-width': 'var(--radix-popper-available-width)',\n '--radix-hover-card-content-available-height': 'var(--radix-popper-available-height)',\n '--radix-hover-card-trigger-width': 'var(--radix-popper-anchor-width)',\n '--radix-hover-card-trigger-height': 'var(--radix-popper-anchor-height)',\n },\n }}\n />\n </DismissableLayer>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * HoverCardArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'HoverCardArrow';\n\ntype HoverCardArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface HoverCardArrowProps extends PopperArrowProps {}\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(\n (props: ScopedProps<HoverCardArrowProps>, forwardedRef) => {\n const { __scopeHoverCard, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopeHoverCard);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n }\n);\n\nHoverCardArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction excludeTouch<E>(eventHandler: () => void) {\n return (event: React.PointerEvent<E>) =>\n event.pointerType === 'touch' ? undefined : eventHandler();\n}\n\n/**\n * Returns a list of nodes that can be in the tab sequence.\n * @see: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker\n */\nfunction getTabbableNodes(container: HTMLElement) {\n const nodes: HTMLElement[] = [];\n const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n acceptNode: (node: any) => {\n // `.tabIndex` is not the same as the `tabindex` attribute. It works on the\n // runtime's understanding of tabbability, so this automatically accounts\n // for any kind of element that could be tabbed to.\n return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n },\n });\n while (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement);\n return nodes;\n}\n\nconst Root = HoverCard;\nconst Trigger = HoverCardTrigger;\nconst Portal = HoverCardPortal;\nconst Content = HoverCardContent;\nconst Arrow = HoverCardArrow;\n\nexport {\n createHoverCardScope,\n //\n HoverCard,\n HoverCardTrigger,\n HoverCardPortal,\n HoverCardContent,\n HoverCardArrow,\n //\n Root,\n Trigger,\n Portal,\n Content,\n Arrow,\n};\nexport type {\n HoverCardProps,\n HoverCardTriggerProps,\n HoverCardPortalProps,\n HoverCardContentProps,\n HoverCardArrowProps,\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["Arrow", "Content", "Root", "PortalPrimitive", "Root", "Content", "Arrow"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ui/react-hover-card",
3
- "version": "1.1.0-rc.2",
3
+ "version": "1.1.0-rc.3",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  ".": {
@@ -28,15 +28,15 @@
28
28
  "version": "yarn version"
29
29
  },
30
30
  "dependencies": {
31
- "@radix-ui/primitive": "1.1.0-rc.2",
32
- "@radix-ui/react-compose-refs": "1.1.0-rc.2",
33
- "@radix-ui/react-context": "1.1.0-rc.2",
34
- "@radix-ui/react-dismissable-layer": "1.1.0-rc.2",
35
- "@radix-ui/react-popper": "1.2.0-rc.2",
36
- "@radix-ui/react-portal": "1.1.0-rc.2",
37
- "@radix-ui/react-presence": "1.1.0-rc.2",
38
- "@radix-ui/react-primitive": "1.1.0-rc.2",
39
- "@radix-ui/react-use-controllable-state": "1.1.0-rc.2"
31
+ "@radix-ui/primitive": "1.1.0-rc.3",
32
+ "@radix-ui/react-compose-refs": "1.1.0-rc.3",
33
+ "@radix-ui/react-context": "1.1.0-rc.3",
34
+ "@radix-ui/react-dismissable-layer": "1.1.0-rc.3",
35
+ "@radix-ui/react-popper": "1.2.0-rc.3",
36
+ "@radix-ui/react-portal": "1.1.0-rc.3",
37
+ "@radix-ui/react-presence": "1.1.0-rc.3",
38
+ "@radix-ui/react-primitive": "1.1.0-rc.3",
39
+ "@radix-ui/react-use-controllable-state": "1.1.0-rc.3"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@types/react": "*",