@radix-ui/react-tooltip 0.1.8-rc.4 → 0.1.8-rc.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  import * as React from "react";
2
2
  import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
3
3
  import * as PopperPrimitive from "@radix-ui/react-popper";
4
+ import { Portal as _Portal1 } from "@radix-ui/react-portal";
4
5
  import * as Radix from "@radix-ui/react-primitive";
5
6
  import { Primitive } from "@radix-ui/react-primitive";
6
7
  export const createTooltipScope: import("@radix-ui/react-context").CreateScope;
7
8
  interface TooltipProviderProps {
9
+ children: React.ReactNode;
8
10
  /**
9
- * The duration from when the mouse enters the trigger until the tooltip gets opened.
11
+ * The duration from when the pointer enters the trigger until the tooltip gets opened.
10
12
  * @defaultValue 700
11
13
  */
12
14
  delayDuration?: number;
@@ -15,26 +17,35 @@ interface TooltipProviderProps {
15
17
  * @defaultValue 300
16
18
  */
17
19
  skipDelayDuration?: number;
18
- children: React.ReactNode;
19
20
  }
20
21
  export const TooltipProvider: React.FC<TooltipProviderProps>;
21
22
  export interface TooltipProps {
23
+ children?: React.ReactNode;
22
24
  open?: boolean;
23
25
  defaultOpen?: boolean;
24
26
  onOpenChange?: (open: boolean) => void;
25
27
  /**
26
- * The duration from when the mouse enters the trigger until the tooltip gets opened. This will
28
+ * The duration from when the pointer enters the trigger until the tooltip gets opened. This will
27
29
  * override the prop with the same name passed to Provider.
28
30
  * @defaultValue 700
29
31
  */
30
32
  delayDuration?: number;
31
- children?: React.ReactNode;
32
33
  }
33
34
  export const Tooltip: React.FC<TooltipProps>;
34
35
  type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
35
36
  export interface TooltipTriggerProps extends PrimitiveButtonProps {
36
37
  }
37
38
  export const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
39
+ type PortalProps = React.ComponentPropsWithoutRef<typeof _Portal1>;
40
+ export interface TooltipPortalProps extends Omit<PortalProps, 'asChild'> {
41
+ children?: React.ReactNode;
42
+ /**
43
+ * Used to force mounting when more control is needed. Useful when
44
+ * controlling animation with React animation libraries.
45
+ */
46
+ forceMount?: true;
47
+ }
48
+ export const TooltipPortal: React.FC<TooltipPortalProps>;
38
49
  export interface TooltipContentProps extends TooltipContentImplProps {
39
50
  /**
40
51
  * Used to force mounting when more control is needed. Useful when
@@ -60,11 +71,6 @@ interface TooltipContentImplProps extends PopperContentProps {
60
71
  * Can be prevented.
61
72
  */
62
73
  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
63
- /**
64
- * Whether the Tooltip should render in a Portal
65
- * (default: `true`)
66
- */
67
- portalled?: boolean;
68
74
  }
69
75
  type PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;
70
76
  export interface TooltipArrowProps extends PopperArrowProps {
@@ -73,6 +79,7 @@ export const TooltipArrow: React.ForwardRefExoticComponent<TooltipArrowProps & R
73
79
  export const Provider: React.FC<TooltipProviderProps>;
74
80
  export const Root: React.FC<TooltipProps>;
75
81
  export const Trigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
82
+ export const Portal: React.FC<TooltipPortalProps>;
76
83
  export const Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
77
84
  export const Arrow: React.ForwardRefExoticComponent<TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
78
85
 
@@ -1 +1 @@
1
- {"mappings":"A;A;A;A;A;AAmBA,OAAA,yFAEE,CAAC;AA0BH;IACE;A;A;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;A;A;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,SAAS,CAAC;CAC3B;AAED,OAAA,MAAM,iBAAiB,MAAM,EAAE,CAAC,oBAAoB,CAqCnD,CAAC;AAwBF;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;A;A;A;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;CAC5B;AAED,OAAA,MAAM,SAAS,MAAM,EAAE,CAAC,YAAY,CA4EnC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,6GA0CL,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;A;A;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAUL,CAAC;AAGF,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AACrF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,OAAO,CAAC,CAAC;AACzF,iCAAkC,SAAQ,kBAAkB;IAC1D;A;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;A;A;OAGG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3D;A;A;OAGG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IAErE;A;A;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8ED,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AAMF,OAAA,MAAM,wCAA0B,CAAC;AACjC,OAAA,MAAM,4BAAc,CAAC;AACrB,OAAA,MAAM,sGAAwB,CAAC;AAC/B,OAAA,MAAM,mGAAwB,CAAC;AAC/B,OAAA,MAAM,8FAAoB,CAAC","sources":["./packages/react/tooltip/src/packages/react/tooltip/src/Tooltip.tsx","./packages/react/tooltip/src/packages/react/tooltip/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
1
+ {"mappings":";;;;;;AAmBA,OAAA,yFAEE,CAAC;AA0BH;IACE,QAAQ,EAAE,MAAM,SAAS,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,OAAA,MAAM,iBAAiB,MAAM,EAAE,CAAC,oBAAoB,CAqCnD,CAAC;AAwBF;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,OAAA,MAAM,SAAS,MAAM,EAAE,CAAC,YAAY,CA+EnC,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,oCAA8B,SAAQ,oBAAoB;CAAG;AAE7D,OAAA,MAAM,6GA4CL,CAAC;AAeF,mBAAmB,MAAM,wBAAwB,CAAC,eAAsB,CAAC,CAAC;AAC1E,mCAA6B,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,eAAe,MAAM,EAAE,CAAC,kBAAkB,CAY/C,CAAC;AAWF,oCAA8B,SAAQ,uBAAuB;IAC3D;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB;AAED,OAAA,MAAM,0GAWL,CAAC;AAGF,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AACrF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,OAAO,CAAC,CAAC;AACzF,iCAAkC,SAAQ,kBAAkB;IAC1D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3D;;;OAGG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;CACtE;AA0ED,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,gBAAgB,KAAK,CAAC,CAAC;AACrF,kCAA4B,SAAQ,gBAAgB;CAAG;AAEvD,OAAA,MAAM,qGAML,CAAC;AAMF,OAAA,MAAM,wCAA0B,CAAC;AACjC,OAAA,MAAM,4BAAc,CAAC;AACrB,OAAA,MAAM,sGAAwB,CAAC;AAC/B,OAAA,MAAM,oCAAsB,CAAC;AAC7B,OAAA,MAAM,mGAAwB,CAAC;AAC/B,OAAA,MAAM,8FAAoB,CAAC","sources":["packages/react/tooltip/src/packages/react/tooltip/src/Tooltip.tsx","packages/react/tooltip/src/packages/react/tooltip/src/index.ts","packages/react/tooltip/src/index.ts"],"sourcesContent":[null,null,"export * from './Tooltip';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
package/dist/index.js CHANGED
@@ -1,2 +1,364 @@
1
- var e,t=T({},require("@radix-ui/react-visually-hidden")),o=require("@radix-ui/react-use-controllable-state").useControllableState,r=require("@radix-ui/react-slot").Slottable,n=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-presence").Presence,a=require("@radix-ui/react-portal").Portal,s=require("@radix-ui/react-popper"),l=T({},s),u=s.createPopperScope,c=require("@radix-ui/react-id").useId,p=require("@radix-ui/react-dismissable-layer").DismissableLayer,d=require("@radix-ui/react-context").createContextScope,m=require("@radix-ui/react-compose-refs").useComposedRefs,f=require("@radix-ui/primitive").composeEventHandlers,w=T({},require("react")),E=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function T(e,t){return Object.keys(t).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),e}const[C,g]=d("Tooltip",[u]);exports.createTooltipScope=g;const x=u(),b=700,[v,y]=C("TooltipProvider",{isOpenDelayed:!0,delayDuration:b,onOpen:()=>{},onClose:()=>{}}),D=e=>{const{__scopeTooltip:t,delayDuration:o=b,skipDelayDuration:r=300,children:n}=e,[i,a]=w.useState(!0),s=w.useRef(0);return w.useEffect((()=>{const e=s.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/w.createElement(v,{scope:t,isOpenDelayed:i,delayDuration:o,onOpen:w.useCallback((()=>{window.clearTimeout(s.current),a(!1)}),[]),onClose:w.useCallback((()=>{window.clearTimeout(s.current),s.current=window.setTimeout((()=>a(!0)),r)}),[r])},n)};exports.TooltipProvider=D;const[O,_]=C("Tooltip"),h=e=>{const{__scopeTooltip:t,children:r,open:n,defaultOpen:i=!1,onOpenChange:a,delayDuration:s}=e,u=y("Tooltip",t),p=x(t),[d,m]=w.useState(null),f=c(),E=w.useRef(0),T=null!=s?s:u.delayDuration,C=w.useRef(!1),{onOpen:g,onClose:b}=u,[v=!1,D]=o({prop:n,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),g()),null==a||a(e)}}),_=w.useMemo((()=>v?C.current?"delayed-open":"instant-open":"closed"),[v]),h=w.useCallback((()=>{window.clearTimeout(E.current),C.current=!1,D(!0)}),[D]),q=w.useCallback((()=>{window.clearTimeout(E.current),E.current=window.setTimeout((()=>{C.current=!0,D(!0)}),T)}),[T,D]);return w.useEffect((()=>()=>window.clearTimeout(E.current)),[]),/*#__PURE__*/w.createElement(l.Root,p,/*#__PURE__*/w.createElement(O,{scope:t,contentId:f,open:v,stateAttribute:_,trigger:d,onTriggerChange:m,onTriggerEnter:w.useCallback((()=>{u.isOpenDelayed?q():h()}),[u.isOpenDelayed,q,h]),onOpen:w.useCallback(h,[h]),onClose:w.useCallback((()=>{window.clearTimeout(E.current),D(!1),b()}),[D,b])},r))};exports.Tooltip=h;const q=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeTooltip:o,...r}=e,i=_("TooltipTrigger",o),a=x(o),s=m(t,i.onTriggerChange),u=w.useRef(!1),c=w.useCallback((()=>u.current=!1),[]);return w.useEffect((()=>()=>document.removeEventListener("mouseup",c)),[c]),/*#__PURE__*/w.createElement(l.Anchor,E({asChild:!0},a),/*#__PURE__*/w.createElement(n.button,E({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},r,{ref:s,onMouseEnter:f(e.onMouseEnter,i.onTriggerEnter),onMouseLeave:f(e.onMouseLeave,i.onClose),onMouseDown:f(e.onMouseDown,(()=>{u.current=!0,document.addEventListener("mouseup",c,{once:!0})})),onFocus:f(e.onFocus,(()=>{u.current||i.onOpen()})),onBlur:f(e.onBlur,i.onClose),onClick:f(e.onClick,(e=>{0===e.detail&&i.onClose()}))})))}));exports.TooltipTrigger=q;const k=/*#__PURE__*/w.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=_("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return w.createElement(i,{present:o||n.open},/*#__PURE__*/w.createElement(P,E({ref:t},r)))}));exports.TooltipContent=k;const P=/*#__PURE__*/w.forwardRef(((e,o)=>{const{__scopeTooltip:n,children:i,"aria-label":s,portalled:u=!0,onEscapeKeyDown:c,onPointerDownOutside:d,...m}=e,f=_("TooltipContent",n),T=x(n),C=u?a:w.Fragment,{onClose:g}=f;return w.useEffect((()=>(document.addEventListener("tooltip.open",g),()=>document.removeEventListener("tooltip.open",g))),[g]),w.useEffect((()=>{if(f.trigger){const e=e=>{const t=e.target;null!=t&&t.contains(f.trigger)&&g()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}}),[f.trigger,g]),/*#__PURE__*/w.createElement(C,null,/*#__PURE__*/w.createElement(p,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:d,onFocusOutside:e=>e.preventDefault(),onDismiss:g},/*#__PURE__*/w.createElement(l.Content,E({"data-state":f.stateAttribute},T,m,{ref:o,style:{...m.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/w.createElement(r,null,i),/*#__PURE__*/w.createElement(t.Root,{id:f.contentId,role:"tooltip"},s||i))))})),R=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeTooltip:o,...r}=e,n=x(o);/*#__PURE__*/return w.createElement(l.Arrow,E({},n,r,{ref:t}))}));/*#__PURE__*/exports.TooltipArrow=R;const M=D;exports.Provider=M;const L=h;exports.Root=L;const A=q;exports.Trigger=A;const S=k;exports.Content=S;const F=R;exports.Arrow=F;
1
+ var $iVrL9$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
2
+ var $iVrL9$react = require("react");
3
+ var $iVrL9$radixuiprimitive = require("@radix-ui/primitive");
4
+ var $iVrL9$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
5
+ var $iVrL9$radixuireactcontext = require("@radix-ui/react-context");
6
+ var $iVrL9$radixuireactdismissablelayer = require("@radix-ui/react-dismissable-layer");
7
+ var $iVrL9$radixuireactid = require("@radix-ui/react-id");
8
+ var $iVrL9$radixuireactpopper = require("@radix-ui/react-popper");
9
+ var $iVrL9$radixuireactportal = require("@radix-ui/react-portal");
10
+ var $iVrL9$radixuireactpresence = require("@radix-ui/react-presence");
11
+ var $iVrL9$radixuireactprimitive = require("@radix-ui/react-primitive");
12
+ var $iVrL9$radixuireactslot = require("@radix-ui/react-slot");
13
+ var $iVrL9$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
14
+ var $iVrL9$radixuireactvisuallyhidden = require("@radix-ui/react-visually-hidden");
15
+
16
+ function $parcel$exportWildcard(dest, source) {
17
+ Object.keys(source).forEach(function(key) {
18
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
19
+ return;
20
+ }
21
+
22
+ Object.defineProperty(dest, key, {
23
+ enumerable: true,
24
+ get: function get() {
25
+ return source[key];
26
+ }
27
+ });
28
+ });
29
+
30
+ return dest;
31
+ }
32
+ function $parcel$interopDefault(a) {
33
+ return a && a.__esModule ? a.default : a;
34
+ }
35
+ function $parcel$export(e, n, v, s) {
36
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
37
+ }
38
+ var $c34afbc43c90cc6f$exports = {};
39
+
40
+ $parcel$export($c34afbc43c90cc6f$exports, "createTooltipScope", () => $c34afbc43c90cc6f$export$1c540a2224f0d865);
41
+ $parcel$export($c34afbc43c90cc6f$exports, "TooltipProvider", () => $c34afbc43c90cc6f$export$f78649fb9ca566b8);
42
+ $parcel$export($c34afbc43c90cc6f$exports, "Tooltip", () => $c34afbc43c90cc6f$export$28c660c63b792dea);
43
+ $parcel$export($c34afbc43c90cc6f$exports, "TooltipTrigger", () => $c34afbc43c90cc6f$export$8c610744efcf8a1d);
44
+ $parcel$export($c34afbc43c90cc6f$exports, "TooltipPortal", () => $c34afbc43c90cc6f$export$7b36b8f925ab7497);
45
+ $parcel$export($c34afbc43c90cc6f$exports, "TooltipContent", () => $c34afbc43c90cc6f$export$e9003e2be37ec060);
46
+ $parcel$export($c34afbc43c90cc6f$exports, "TooltipArrow", () => $c34afbc43c90cc6f$export$c27ee0ad710f7559);
47
+ $parcel$export($c34afbc43c90cc6f$exports, "Provider", () => $c34afbc43c90cc6f$export$2881499e37b75b9a);
48
+ $parcel$export($c34afbc43c90cc6f$exports, "Root", () => $c34afbc43c90cc6f$export$be92b6f5f03c0fe9);
49
+ $parcel$export($c34afbc43c90cc6f$exports, "Trigger", () => $c34afbc43c90cc6f$export$41fb9f06171c75f4);
50
+ $parcel$export($c34afbc43c90cc6f$exports, "Portal", () => $c34afbc43c90cc6f$export$602eac185826482c);
51
+ $parcel$export($c34afbc43c90cc6f$exports, "Content", () => $c34afbc43c90cc6f$export$7c6e2c02157bb7d2);
52
+ $parcel$export($c34afbc43c90cc6f$exports, "Arrow", () => $c34afbc43c90cc6f$export$21b07c8f274aebd5);
53
+
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+
66
+
67
+
68
+ const [$c34afbc43c90cc6f$var$createTooltipContext, $c34afbc43c90cc6f$export$1c540a2224f0d865] = $iVrL9$radixuireactcontext.createContextScope('Tooltip', [
69
+ $iVrL9$radixuireactpopper.createPopperScope
70
+ ]);
71
+ const $c34afbc43c90cc6f$var$usePopperScope = $iVrL9$radixuireactpopper.createPopperScope();
72
+ /* -------------------------------------------------------------------------------------------------
73
+ * TooltipProvider
74
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$PROVIDER_NAME = 'TooltipProvider';
75
+ const $c34afbc43c90cc6f$var$DEFAULT_DELAY_DURATION = 700;
76
+ const $c34afbc43c90cc6f$var$TOOLTIP_OPEN = 'tooltip.open';
77
+ const [$c34afbc43c90cc6f$var$TooltipProviderContextProvider, $c34afbc43c90cc6f$var$useTooltipProviderContext] = $c34afbc43c90cc6f$var$createTooltipContext($c34afbc43c90cc6f$var$PROVIDER_NAME, {
78
+ isOpenDelayed: true,
79
+ delayDuration: $c34afbc43c90cc6f$var$DEFAULT_DELAY_DURATION,
80
+ onOpen: ()=>{},
81
+ onClose: ()=>{}
82
+ });
83
+ const $c34afbc43c90cc6f$export$f78649fb9ca566b8 = (props)=>{
84
+ const { __scopeTooltip: __scopeTooltip , delayDuration: delayDuration = $c34afbc43c90cc6f$var$DEFAULT_DELAY_DURATION , skipDelayDuration: skipDelayDuration = 300 , children: children } = props;
85
+ const [isOpenDelayed, setIsOpenDelayed] = $iVrL9$react.useState(true);
86
+ const skipDelayTimerRef = $iVrL9$react.useRef(0);
87
+ $iVrL9$react.useEffect(()=>{
88
+ const skipDelayTimer = skipDelayTimerRef.current;
89
+ return ()=>window.clearTimeout(skipDelayTimer)
90
+ ;
91
+ }, []);
92
+ return /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$TooltipProviderContextProvider, {
93
+ scope: __scopeTooltip,
94
+ isOpenDelayed: isOpenDelayed,
95
+ delayDuration: delayDuration,
96
+ onOpen: $iVrL9$react.useCallback(()=>{
97
+ window.clearTimeout(skipDelayTimerRef.current);
98
+ setIsOpenDelayed(false);
99
+ }, []),
100
+ onClose: $iVrL9$react.useCallback(()=>{
101
+ window.clearTimeout(skipDelayTimerRef.current);
102
+ skipDelayTimerRef.current = window.setTimeout(()=>setIsOpenDelayed(true)
103
+ , skipDelayDuration);
104
+ }, [
105
+ skipDelayDuration
106
+ ])
107
+ }, children);
108
+ };
109
+ /*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$f78649fb9ca566b8, {
110
+ displayName: $c34afbc43c90cc6f$var$PROVIDER_NAME
111
+ });
112
+ /* -------------------------------------------------------------------------------------------------
113
+ * Tooltip
114
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$TOOLTIP_NAME = 'Tooltip';
115
+ const [$c34afbc43c90cc6f$var$TooltipContextProvider, $c34afbc43c90cc6f$var$useTooltipContext] = $c34afbc43c90cc6f$var$createTooltipContext($c34afbc43c90cc6f$var$TOOLTIP_NAME);
116
+ const $c34afbc43c90cc6f$export$28c660c63b792dea = (props)=>{
117
+ const { __scopeTooltip: __scopeTooltip , children: children , open: openProp , defaultOpen: defaultOpen = false , onOpenChange: onOpenChange , delayDuration: delayDurationProp } = props;
118
+ const context = $c34afbc43c90cc6f$var$useTooltipProviderContext($c34afbc43c90cc6f$var$TOOLTIP_NAME, __scopeTooltip);
119
+ const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
120
+ const [trigger, setTrigger] = $iVrL9$react.useState(null);
121
+ const contentId = $iVrL9$radixuireactid.useId();
122
+ const openTimerRef = $iVrL9$react.useRef(0);
123
+ const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : context.delayDuration;
124
+ const wasOpenDelayedRef = $iVrL9$react.useRef(false);
125
+ const { onOpen: onOpen , onClose: onClose } = context;
126
+ const [open1 = false, setOpen] = $iVrL9$radixuireactusecontrollablestate.useControllableState({
127
+ prop: openProp,
128
+ defaultProp: defaultOpen,
129
+ onChange: (open)=>{
130
+ if (open) {
131
+ // we dispatch here so `TooltipProvider` isn't required to
132
+ // ensure other tooltips are aware of this one opening.
133
+ //
134
+ // as `onChange` is called within a lifecycle method we
135
+ // avoid dispatching via `dispatchDiscreteCustomEvent`.
136
+ document.dispatchEvent(new CustomEvent($c34afbc43c90cc6f$var$TOOLTIP_OPEN));
137
+ onOpen();
138
+ }
139
+ onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
140
+ }
141
+ });
142
+ const stateAttribute = $iVrL9$react.useMemo(()=>{
143
+ return open1 ? wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open' : 'closed';
144
+ }, [
145
+ open1
146
+ ]);
147
+ const handleOpen = $iVrL9$react.useCallback(()=>{
148
+ window.clearTimeout(openTimerRef.current);
149
+ wasOpenDelayedRef.current = false;
150
+ setOpen(true);
151
+ }, [
152
+ setOpen
153
+ ]);
154
+ const handleDelayedOpen = $iVrL9$react.useCallback(()=>{
155
+ window.clearTimeout(openTimerRef.current);
156
+ openTimerRef.current = window.setTimeout(()=>{
157
+ wasOpenDelayedRef.current = true;
158
+ setOpen(true);
159
+ }, delayDuration);
160
+ }, [
161
+ delayDuration,
162
+ setOpen
163
+ ]);
164
+ $iVrL9$react.useEffect(()=>{
165
+ return ()=>window.clearTimeout(openTimerRef.current)
166
+ ;
167
+ }, []);
168
+ return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Root, popperScope, /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$TooltipContextProvider, {
169
+ scope: __scopeTooltip,
170
+ contentId: contentId,
171
+ open: open1,
172
+ stateAttribute: stateAttribute,
173
+ trigger: trigger,
174
+ onTriggerChange: setTrigger,
175
+ onTriggerEnter: $iVrL9$react.useCallback(()=>{
176
+ if (context.isOpenDelayed) handleDelayedOpen();
177
+ else handleOpen();
178
+ }, [
179
+ context.isOpenDelayed,
180
+ handleDelayedOpen,
181
+ handleOpen
182
+ ]),
183
+ onOpen: $iVrL9$react.useCallback(handleOpen, [
184
+ handleOpen
185
+ ]),
186
+ onClose: $iVrL9$react.useCallback(()=>{
187
+ window.clearTimeout(openTimerRef.current);
188
+ setOpen(false);
189
+ onClose();
190
+ }, [
191
+ setOpen,
192
+ onClose
193
+ ])
194
+ }, children));
195
+ };
196
+ /*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$28c660c63b792dea, {
197
+ displayName: $c34afbc43c90cc6f$var$TOOLTIP_NAME
198
+ });
199
+ /* -------------------------------------------------------------------------------------------------
200
+ * TooltipTrigger
201
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$TRIGGER_NAME = 'TooltipTrigger';
202
+ const $c34afbc43c90cc6f$export$8c610744efcf8a1d = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
203
+ const { __scopeTooltip: __scopeTooltip , ...triggerProps } = props;
204
+ const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$TRIGGER_NAME, __scopeTooltip);
205
+ const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
206
+ const composedTriggerRef = $iVrL9$radixuireactcomposerefs.useComposedRefs(forwardedRef, context.onTriggerChange);
207
+ const isPointerDownRef = $iVrL9$react.useRef(false);
208
+ const handlePointerUp = $iVrL9$react.useCallback(()=>isPointerDownRef.current = false
209
+ , []);
210
+ $iVrL9$react.useEffect(()=>{
211
+ return ()=>document.removeEventListener('pointerup', handlePointerUp)
212
+ ;
213
+ }, [
214
+ handlePointerUp
215
+ ]);
216
+ return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Anchor, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
217
+ asChild: true
218
+ }, popperScope), /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactprimitive.Primitive.button, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
219
+ // We purposefully avoid adding `type=button` here because tooltip triggers are also
220
+ // commonly anchors and the anchor `type` attribute signifies MIME type.
221
+ "aria-describedby": context.open ? context.contentId : undefined,
222
+ "data-state": context.stateAttribute
223
+ }, triggerProps, {
224
+ ref: composedTriggerRef,
225
+ onPointerEnter: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerEnter, (event)=>{
226
+ if (event.pointerType !== 'touch') context.onTriggerEnter();
227
+ }),
228
+ onPointerLeave: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerLeave, context.onClose),
229
+ onPointerDown: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerDown, ()=>{
230
+ isPointerDownRef.current = true;
231
+ document.addEventListener('pointerup', handlePointerUp, {
232
+ once: true
233
+ });
234
+ }),
235
+ onFocus: $iVrL9$radixuiprimitive.composeEventHandlers(props.onFocus, ()=>{
236
+ if (!isPointerDownRef.current) context.onOpen();
237
+ }),
238
+ onBlur: $iVrL9$radixuiprimitive.composeEventHandlers(props.onBlur, context.onClose),
239
+ onClick: $iVrL9$radixuiprimitive.composeEventHandlers(props.onClick, (event)=>{
240
+ // keyboard click will occur under different conditions for different node
241
+ // types so we use `onClick` instead of `onKeyDown` to respect that
242
+ const isKeyboardClick = event.detail === 0;
243
+ if (isKeyboardClick) context.onClose();
244
+ })
245
+ })));
246
+ });
247
+ /*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$8c610744efcf8a1d, {
248
+ displayName: $c34afbc43c90cc6f$var$TRIGGER_NAME
249
+ });
250
+ /* -------------------------------------------------------------------------------------------------
251
+ * TooltipPortal
252
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$PORTAL_NAME = 'TooltipPortal';
253
+ const [$c34afbc43c90cc6f$var$PortalProvider, $c34afbc43c90cc6f$var$usePortalContext] = $c34afbc43c90cc6f$var$createTooltipContext($c34afbc43c90cc6f$var$PORTAL_NAME, {
254
+ forceMount: undefined
255
+ });
256
+ const $c34afbc43c90cc6f$export$7b36b8f925ab7497 = (props)=>{
257
+ const { __scopeTooltip: __scopeTooltip , forceMount: forceMount , children: children , container: container } = props;
258
+ const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$PORTAL_NAME, __scopeTooltip);
259
+ return /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$PortalProvider, {
260
+ scope: __scopeTooltip,
261
+ forceMount: forceMount
262
+ }, /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpresence.Presence, {
263
+ present: forceMount || context.open
264
+ }, /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactportal.Portal, {
265
+ asChild: true,
266
+ container: container
267
+ }, children)));
268
+ };
269
+ /*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$7b36b8f925ab7497, {
270
+ displayName: $c34afbc43c90cc6f$var$PORTAL_NAME
271
+ });
272
+ /* -------------------------------------------------------------------------------------------------
273
+ * TooltipContent
274
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$CONTENT_NAME = 'TooltipContent';
275
+ const $c34afbc43c90cc6f$export$e9003e2be37ec060 = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
276
+ const portalContext = $c34afbc43c90cc6f$var$usePortalContext($c34afbc43c90cc6f$var$CONTENT_NAME, props.__scopeTooltip);
277
+ const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
278
+ const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$CONTENT_NAME, props.__scopeTooltip);
279
+ return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpresence.Presence, {
280
+ present: forceMount || context.open
281
+ }, /*#__PURE__*/ $iVrL9$react.createElement($c34afbc43c90cc6f$var$TooltipContentImpl, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
282
+ ref: forwardedRef
283
+ }, contentProps)));
284
+ });
285
+ const $c34afbc43c90cc6f$var$TooltipContentImpl = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
286
+ const { __scopeTooltip: __scopeTooltip , children: children , 'aria-label': ariaLabel , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , ...contentProps } = props;
287
+ const context = $c34afbc43c90cc6f$var$useTooltipContext($c34afbc43c90cc6f$var$CONTENT_NAME, __scopeTooltip);
288
+ const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
289
+ const { onClose: onClose } = context; // Close this tooltip if another one opens
290
+ $iVrL9$react.useEffect(()=>{
291
+ document.addEventListener($c34afbc43c90cc6f$var$TOOLTIP_OPEN, onClose);
292
+ return ()=>document.removeEventListener($c34afbc43c90cc6f$var$TOOLTIP_OPEN, onClose)
293
+ ;
294
+ }, [
295
+ onClose
296
+ ]); // Close the tooltip if the trigger is scrolled
297
+ $iVrL9$react.useEffect(()=>{
298
+ if (context.trigger) {
299
+ const handleScroll = (event)=>{
300
+ const target = event.target;
301
+ if (target !== null && target !== void 0 && target.contains(context.trigger)) onClose();
302
+ };
303
+ window.addEventListener('scroll', handleScroll, {
304
+ capture: true
305
+ });
306
+ return ()=>window.removeEventListener('scroll', handleScroll, {
307
+ capture: true
308
+ })
309
+ ;
310
+ }
311
+ }, [
312
+ context.trigger,
313
+ onClose
314
+ ]);
315
+ return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactdismissablelayer.DismissableLayer, {
316
+ asChild: true,
317
+ disableOutsidePointerEvents: false,
318
+ onEscapeKeyDown: onEscapeKeyDown,
319
+ onPointerDownOutside: onPointerDownOutside,
320
+ onFocusOutside: (event)=>event.preventDefault()
321
+ ,
322
+ onDismiss: onClose
323
+ }, /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Content, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
324
+ "data-state": context.stateAttribute
325
+ }, popperScope, contentProps, {
326
+ ref: forwardedRef,
327
+ style: {
328
+ ...contentProps.style,
329
+ // re-namespace exposed content custom property
330
+ ['--radix-tooltip-content-transform-origin']: 'var(--radix-popper-transform-origin)'
331
+ }
332
+ }), /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactslot.Slottable, null, children), /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactvisuallyhidden.Root, {
333
+ id: context.contentId,
334
+ role: "tooltip"
335
+ }, ariaLabel || children)));
336
+ });
337
+ /*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$e9003e2be37ec060, {
338
+ displayName: $c34afbc43c90cc6f$var$CONTENT_NAME
339
+ });
340
+ /* -------------------------------------------------------------------------------------------------
341
+ * TooltipArrow
342
+ * -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$var$ARROW_NAME = 'TooltipArrow';
343
+ const $c34afbc43c90cc6f$export$c27ee0ad710f7559 = /*#__PURE__*/ $iVrL9$react.forwardRef((props, forwardedRef)=>{
344
+ const { __scopeTooltip: __scopeTooltip , ...arrowProps } = props;
345
+ const popperScope = $c34afbc43c90cc6f$var$usePopperScope(__scopeTooltip);
346
+ return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Arrow, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({}, popperScope, arrowProps, {
347
+ ref: forwardedRef
348
+ }));
349
+ });
350
+ /*#__PURE__*/ Object.assign($c34afbc43c90cc6f$export$c27ee0ad710f7559, {
351
+ displayName: $c34afbc43c90cc6f$var$ARROW_NAME
352
+ });
353
+ /* -----------------------------------------------------------------------------------------------*/ const $c34afbc43c90cc6f$export$2881499e37b75b9a = $c34afbc43c90cc6f$export$f78649fb9ca566b8;
354
+ const $c34afbc43c90cc6f$export$be92b6f5f03c0fe9 = $c34afbc43c90cc6f$export$28c660c63b792dea;
355
+ const $c34afbc43c90cc6f$export$41fb9f06171c75f4 = $c34afbc43c90cc6f$export$8c610744efcf8a1d;
356
+ const $c34afbc43c90cc6f$export$602eac185826482c = $c34afbc43c90cc6f$export$7b36b8f925ab7497;
357
+ const $c34afbc43c90cc6f$export$7c6e2c02157bb7d2 = $c34afbc43c90cc6f$export$e9003e2be37ec060;
358
+ const $c34afbc43c90cc6f$export$21b07c8f274aebd5 = $c34afbc43c90cc6f$export$c27ee0ad710f7559;
359
+
360
+
361
+ $parcel$exportWildcard(module.exports, $c34afbc43c90cc6f$exports);
362
+
363
+
2
364
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n isOpenDelayed: boolean;\n delayDuration: number;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n isOpenDelayed: true,\n delayDuration: DEFAULT_DELAY_DURATION,\n onOpen: () => {},\n onClose: () => {},\n });\n\ninterface TooltipProviderProps {\n /**\n * The duration from when the mouse enters the trigger until the tooltip gets opened.\n * @defaultValue 700\n */\n delayDuration?: number;\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @defaultValue 300\n */\n skipDelayDuration?: number;\n children: React.ReactNode;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n props: ScopedProps<TooltipProviderProps>\n) => {\n const {\n __scopeTooltip,\n delayDuration = DEFAULT_DELAY_DURATION,\n skipDelayDuration = 300,\n children,\n } = props;\n const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n const skipDelayTimerRef = React.useRef(0);\n\n React.useEffect(() => {\n const skipDelayTimer = skipDelayTimerRef.current;\n return () => window.clearTimeout(skipDelayTimer);\n }, []);\n\n return (\n <TooltipProviderContextProvider\n scope={__scopeTooltip}\n isOpenDelayed={isOpenDelayed}\n delayDuration={delayDuration}\n onOpen={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n setIsOpenDelayed(false);\n }, [])}\n onClose={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n skipDelayTimerRef.current = window.setTimeout(\n () => setIsOpenDelayed(true),\n skipDelayDuration\n );\n }, [skipDelayDuration])}\n >\n {children}\n </TooltipProviderContextProvider>\n );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n contentId: string;\n open: boolean;\n stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n trigger: TooltipTriggerElement | null;\n onTriggerChange(trigger: TooltipTriggerElement | null): void;\n onTriggerEnter(): void;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n\n /**\n * The duration from when the mouse enters the trigger until the tooltip gets opened. This will\n * override the prop with the same name passed to Provider.\n * @defaultValue 700\n */\n delayDuration?: number;\n children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n const {\n __scopeTooltip,\n children,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n delayDuration: delayDurationProp,\n } = props;\n const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n const contentId = useId();\n const openTimerRef = React.useRef(0);\n const delayDuration = delayDurationProp ?? context.delayDuration;\n const wasOpenDelayedRef = React.useRef(false);\n const { onOpen, onClose } = context;\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: (open) => {\n if (open) {\n // we dispatch here so `TooltipProvider` isn't required to\n // ensure other tooltips are aware of this one opening.\n document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n onOpen();\n }\n onOpenChange?.(open);\n },\n });\n const stateAttribute = React.useMemo(() => {\n return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n }, [open]);\n\n const handleOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n wasOpenDelayedRef.current = false;\n setOpen(true);\n }, [setOpen]);\n\n const handleDelayedOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n openTimerRef.current = window.setTimeout(() => {\n wasOpenDelayedRef.current = true;\n setOpen(true);\n }, delayDuration);\n }, [delayDuration, setOpen]);\n\n React.useEffect(() => {\n return () => window.clearTimeout(openTimerRef.current);\n }, []);\n\n return (\n <PopperPrimitive.Root {...popperScope}>\n <TooltipContextProvider\n scope={__scopeTooltip}\n contentId={contentId}\n open={open}\n stateAttribute={stateAttribute}\n trigger={trigger}\n onTriggerChange={setTrigger}\n onTriggerEnter={React.useCallback(() => {\n if (context.isOpenDelayed) handleDelayedOpen();\n else handleOpen();\n }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n onOpen={React.useCallback(handleOpen, [handleOpen])}\n onClose={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n setOpen(false);\n onClose();\n }, [setOpen, onClose])}\n >\n {children}\n </TooltipContextProvider>\n </PopperPrimitive.Root>\n );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n const { __scopeTooltip, ...triggerProps } = props;\n const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n const isMouseDownRef = React.useRef(false);\n const handleMouseUp = React.useCallback(() => (isMouseDownRef.current = false), []);\n\n React.useEffect(() => {\n return () => document.removeEventListener('mouseup', handleMouseUp);\n }, [handleMouseUp]);\n\n return (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n <Primitive.button\n // We purposefully avoid adding `type=button` here because tooltip triggers are also\n // commonly anchors and the anchor `type` attribute signifies MIME type.\n aria-describedby={context.open ? context.contentId : undefined}\n data-state={context.stateAttribute}\n {...triggerProps}\n ref={composedTriggerRef}\n onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onTriggerEnter)}\n onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n onMouseDown={composeEventHandlers(props.onMouseDown, () => {\n isMouseDownRef.current = true;\n document.addEventListener('mouseup', handleMouseUp, { once: true });\n })}\n onFocus={composeEventHandlers(props.onFocus, () => {\n if (!isMouseDownRef.current) context.onOpen();\n })}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n onClick={composeEventHandlers(props.onClick, (event) => {\n // keyboard click will occur under different conditions for different node\n // types so we use `onClick` instead of `onKeyDown` to respect that\n const isKeyboardClick = event.detail === 0;\n if (isKeyboardClick) context.onClose();\n })}\n />\n </PopperPrimitive.Anchor>\n );\n }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\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 TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n const { forceMount, ...contentProps } = props;\n const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n return (\n <Presence present={forceMount || context.open}>\n <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n </Presence>\n );\n }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n /**\n * A more descriptive label for accessibility purpose\n */\n 'aria-label'?: string;\n\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 `Tooltip`.\n * Can be prevented.\n */\n onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n\n /**\n * Whether the Tooltip should render in a Portal\n * (default: `true`)\n */\n portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n const {\n __scopeTooltip,\n children,\n 'aria-label': ariaLabel,\n portalled = true,\n onEscapeKeyDown,\n onPointerDownOutside,\n ...contentProps\n } = props;\n const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const PortalWrapper = portalled ? Portal : React.Fragment;\n const { onClose } = context;\n\n // Close this tooltip if another one opens\n React.useEffect(() => {\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n // Close the tooltip if the trigger is scrolled\n React.useEffect(() => {\n if (context.trigger) {\n const handleScroll = (event: Event) => {\n const target = event.target as HTMLElement;\n if (target?.contains(context.trigger)) onClose();\n };\n window.addEventListener('scroll', handleScroll, { capture: true });\n return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n }\n }, [context.trigger, onClose]);\n\n return (\n <PortalWrapper>\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={false}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={(event) => event.preventDefault()}\n onDismiss={onClose}\n >\n <PopperPrimitive.Content\n data-state={context.stateAttribute}\n {...popperScope}\n {...contentProps}\n ref={forwardedRef}\n style={{\n ...contentProps.style,\n // re-namespace exposed content custom property\n ['--radix-tooltip-content-transform-origin' as any]:\n 'var(--radix-popper-transform-origin)',\n }}\n >\n <Slottable>{children}</Slottable>\n <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n {ariaLabel || children}\n </VisuallyHiddenPrimitive.Root>\n </PopperPrimitive.Content>\n </DismissableLayer>\n </PortalWrapper>\n );\n }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n const { __scopeTooltip, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopeTooltip);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n createTooltipScope,\n //\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n TooltipArrow,\n //\n Provider,\n Root,\n Trigger,\n Content,\n Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","createTooltipContext","createTooltipScope","createContextScope","createPopperScope","usePopperScope","DEFAULT_DELAY_DURATION","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","React","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","_react","createElement","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipProviderContextProvider","scope","useCallback","setTimeout","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","useId","openTimerRef","wasOpenDelayedRef","setOpen","useControllableState","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","_radixUiReactPopper","Root","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContextProvider","onTriggerChange","onTriggerEnter","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","isMouseDownRef","handleMouseUp","removeEventListener","Anchor","_babelRuntimeHelpersExtends","asChild","Primitive","button","undefined","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","addEventListener","once","onFocus","onBlur","onClick","event","detail","TooltipContent","forceMount","contentProps","Presence","present","$bfd2ef98f93cfd0786881e49eeb6a4$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","onEscapeKeyDown","onPointerDownOutside","PortalWrapper","Portal","Fragment","handleScroll","target","contains","capture","DismissableLayer","disableOutsidePointerEvents","onFocusOutside","preventDefault","onDismiss","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","Provider","Trigger"],"version":3,"file":"index.js.map"}
1
+ {"mappings":"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","sources":["packages/react/tooltip/src/index.ts","packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["export * from './Tooltip';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\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 { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n isOpenDelayed: boolean;\n delayDuration: number;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n isOpenDelayed: true,\n delayDuration: DEFAULT_DELAY_DURATION,\n onOpen: () => {},\n onClose: () => {},\n });\n\ninterface TooltipProviderProps {\n children: React.ReactNode;\n /**\n * The duration from when the pointer enters the trigger until the tooltip gets opened.\n * @defaultValue 700\n */\n delayDuration?: number;\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @defaultValue 300\n */\n skipDelayDuration?: number;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n props: ScopedProps<TooltipProviderProps>\n) => {\n const {\n __scopeTooltip,\n delayDuration = DEFAULT_DELAY_DURATION,\n skipDelayDuration = 300,\n children,\n } = props;\n const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n const skipDelayTimerRef = React.useRef(0);\n\n React.useEffect(() => {\n const skipDelayTimer = skipDelayTimerRef.current;\n return () => window.clearTimeout(skipDelayTimer);\n }, []);\n\n return (\n <TooltipProviderContextProvider\n scope={__scopeTooltip}\n isOpenDelayed={isOpenDelayed}\n delayDuration={delayDuration}\n onOpen={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n setIsOpenDelayed(false);\n }, [])}\n onClose={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n skipDelayTimerRef.current = window.setTimeout(\n () => setIsOpenDelayed(true),\n skipDelayDuration\n );\n }, [skipDelayDuration])}\n >\n {children}\n </TooltipProviderContextProvider>\n );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n contentId: string;\n open: boolean;\n stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n trigger: TooltipTriggerElement | null;\n onTriggerChange(trigger: TooltipTriggerElement | null): void;\n onTriggerEnter(): void;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n\n /**\n * The duration from when the pointer enters the trigger until the tooltip gets opened. This will\n * override the prop with the same name passed to Provider.\n * @defaultValue 700\n */\n delayDuration?: number;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n const {\n __scopeTooltip,\n children,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n delayDuration: delayDurationProp,\n } = props;\n const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n const contentId = useId();\n const openTimerRef = React.useRef(0);\n const delayDuration = delayDurationProp ?? context.delayDuration;\n const wasOpenDelayedRef = React.useRef(false);\n const { onOpen, onClose } = context;\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: (open) => {\n if (open) {\n // we dispatch here so `TooltipProvider` isn't required to\n // ensure other tooltips are aware of this one opening.\n //\n // as `onChange` is called within a lifecycle method we\n // avoid dispatching via `dispatchDiscreteCustomEvent`.\n document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n onOpen();\n }\n onOpenChange?.(open);\n },\n });\n const stateAttribute = React.useMemo(() => {\n return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n }, [open]);\n\n const handleOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n wasOpenDelayedRef.current = false;\n setOpen(true);\n }, [setOpen]);\n\n const handleDelayedOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n openTimerRef.current = window.setTimeout(() => {\n wasOpenDelayedRef.current = true;\n setOpen(true);\n }, delayDuration);\n }, [delayDuration, setOpen]);\n\n React.useEffect(() => {\n return () => window.clearTimeout(openTimerRef.current);\n }, []);\n\n return (\n <PopperPrimitive.Root {...popperScope}>\n <TooltipContextProvider\n scope={__scopeTooltip}\n contentId={contentId}\n open={open}\n stateAttribute={stateAttribute}\n trigger={trigger}\n onTriggerChange={setTrigger}\n onTriggerEnter={React.useCallback(() => {\n if (context.isOpenDelayed) handleDelayedOpen();\n else handleOpen();\n }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n onOpen={React.useCallback(handleOpen, [handleOpen])}\n onClose={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n setOpen(false);\n onClose();\n }, [setOpen, onClose])}\n >\n {children}\n </TooltipContextProvider>\n </PopperPrimitive.Root>\n );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n const { __scopeTooltip, ...triggerProps } = props;\n const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n const isPointerDownRef = React.useRef(false);\n const handlePointerUp = React.useCallback(() => (isPointerDownRef.current = false), []);\n\n React.useEffect(() => {\n return () => document.removeEventListener('pointerup', handlePointerUp);\n }, [handlePointerUp]);\n\n return (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n <Primitive.button\n // We purposefully avoid adding `type=button` here because tooltip triggers are also\n // commonly anchors and the anchor `type` attribute signifies MIME type.\n aria-describedby={context.open ? context.contentId : undefined}\n data-state={context.stateAttribute}\n {...triggerProps}\n ref={composedTriggerRef}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, (event) => {\n if (event.pointerType !== 'touch') context.onTriggerEnter();\n })}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, context.onClose)}\n onPointerDown={composeEventHandlers(props.onPointerDown, () => {\n isPointerDownRef.current = true;\n document.addEventListener('pointerup', handlePointerUp, { once: true });\n })}\n onFocus={composeEventHandlers(props.onFocus, () => {\n if (!isPointerDownRef.current) context.onOpen();\n })}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n onClick={composeEventHandlers(props.onClick, (event) => {\n // keyboard click will occur under different conditions for different node\n // types so we use `onClick` instead of `onKeyDown` to respect that\n const isKeyboardClick = event.detail === 0;\n if (isKeyboardClick) context.onClose();\n })}\n />\n </PopperPrimitive.Anchor>\n );\n }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'TooltipPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createTooltipContext<PortalContextValue>(PORTAL_NAME, {\n forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface TooltipPortalProps extends Omit<PortalProps, 'asChild'> {\n children?: React.ReactNode;\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 TooltipPortal: React.FC<TooltipPortalProps> = (props: ScopedProps<TooltipPortalProps>) => {\n const { __scopeTooltip, forceMount, children, container } = props;\n const context = useTooltipContext(PORTAL_NAME, __scopeTooltip);\n return (\n <PortalProvider scope={__scopeTooltip} forceMount={forceMount}>\n <Presence present={forceMount || context.open}>\n <PortalPrimitive asChild container={container}>\n {children}\n </PortalPrimitive>\n </Presence>\n </PortalProvider>\n );\n};\n\nTooltipPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\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 TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n const portalContext = usePortalContext(CONTENT_NAME, props.__scopeTooltip);\n const { forceMount = portalContext.forceMount, ...contentProps } = props;\n const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n return (\n <Presence present={forceMount || context.open}>\n <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n </Presence>\n );\n }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n /**\n * A more descriptive label for accessibility purpose\n */\n 'aria-label'?: string;\n\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 `Tooltip`.\n * Can be prevented.\n */\n onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n const {\n __scopeTooltip,\n children,\n 'aria-label': ariaLabel,\n onEscapeKeyDown,\n onPointerDownOutside,\n ...contentProps\n } = props;\n const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const { onClose } = context;\n\n // Close this tooltip if another one opens\n React.useEffect(() => {\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n // Close the tooltip if the trigger is scrolled\n React.useEffect(() => {\n if (context.trigger) {\n const handleScroll = (event: Event) => {\n const target = event.target as HTMLElement;\n if (target?.contains(context.trigger)) onClose();\n };\n window.addEventListener('scroll', handleScroll, { capture: true });\n return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n }\n }, [context.trigger, onClose]);\n\n return (\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={false}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={(event) => event.preventDefault()}\n onDismiss={onClose}\n >\n <PopperPrimitive.Content\n data-state={context.stateAttribute}\n {...popperScope}\n {...contentProps}\n ref={forwardedRef}\n style={{\n ...contentProps.style,\n // re-namespace exposed content custom property\n ['--radix-tooltip-content-transform-origin' as any]:\n 'var(--radix-popper-transform-origin)',\n }}\n >\n <Slottable>{children}</Slottable>\n <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n {ariaLabel || children}\n </VisuallyHiddenPrimitive.Root>\n </PopperPrimitive.Content>\n </DismissableLayer>\n );\n }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n const { __scopeTooltip, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopeTooltip);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Portal = TooltipPortal;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n createTooltipScope,\n //\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipPortal,\n TooltipContent,\n TooltipArrow,\n //\n Provider,\n Root,\n Trigger,\n Portal,\n Content,\n Arrow,\n};\nexport type {\n TooltipProps,\n TooltipTriggerProps,\n TooltipPortalProps,\n TooltipContentProps,\n TooltipArrowProps,\n};\n"],"names":["React","composeEventHandlers","useComposedRefs","createContextScope","DismissableLayer","useId","PopperPrimitive","createPopperScope","Portal","PortalPrimitive","Presence","Primitive","Slottable","useControllableState","VisuallyHiddenPrimitive","createTooltipContext","createTooltipScope","usePopperScope","PROVIDER_NAME","DEFAULT_DELAY_DURATION","TOOLTIP_OPEN","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","useCallback","setTimeout","TOOLTIP_NAME","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","openTimerRef","wasOpenDelayedRef","setOpen","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","TRIGGER_NAME","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","onTriggerChange","isPointerDownRef","handlePointerUp","removeEventListener","undefined","onPointerEnter","event","pointerType","onTriggerEnter","onPointerLeave","onPointerDown","addEventListener","once","onFocus","onBlur","onClick","isKeyboardClick","detail","PORTAL_NAME","PortalProvider","usePortalContext","forceMount","TooltipPortal","container","CONTENT_NAME","TooltipContent","portalContext","contentProps","TooltipContentImpl","ariaLabel","onEscapeKeyDown","onPointerDownOutside","handleScroll","target","contains","capture","preventDefault","style","ARROW_NAME","TooltipArrow","arrowProps","Provider","Root","Trigger","Content","Arrow"],"version":3,"file":"index.js.map"}
@@ -1,2 +1,345 @@
1
- import*as e from"@radix-ui/react-visually-hidden";import{useControllableState as o}from"@radix-ui/react-use-controllable-state";import{Slottable as t}from"@radix-ui/react-slot";import{Primitive as r}from"@radix-ui/react-primitive";import{Presence as n}from"@radix-ui/react-presence";import{Portal as i}from"@radix-ui/react-portal";import*as a from"@radix-ui/react-popper";import{createPopperScope as l}from"@radix-ui/react-popper";import{useId as s}from"@radix-ui/react-id";import{DismissableLayer as c}from"@radix-ui/react-dismissable-layer";import{createContextScope as u}from"@radix-ui/react-context";import{useComposedRefs as p}from"@radix-ui/react-compose-refs";import{composeEventHandlers as d}from"@radix-ui/primitive";import*as m from"react";import f from"@babel/runtime/helpers/esm/extends";const[T,w]=u("Tooltip",[l]);export{w as createTooltipScope};const E=l(),g=700,[C,x]=T("TooltipProvider",{isOpenDelayed:!0,delayDuration:g,onOpen:()=>{},onClose:()=>{}});export const TooltipProvider=e=>{const{__scopeTooltip:o,delayDuration:t=g,skipDelayDuration:r=300,children:n}=e,[i,a]=m.useState(!0),l=m.useRef(0);return m.useEffect((()=>{const e=l.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/m.createElement(C,{scope:o,isOpenDelayed:i,delayDuration:t,onOpen:m.useCallback((()=>{window.clearTimeout(l.current),a(!1)}),[]),onClose:m.useCallback((()=>{window.clearTimeout(l.current),l.current=window.setTimeout((()=>a(!0)),r)}),[r])},n)};/*#__PURE__*/const[v,b]=T("Tooltip");export const Tooltip=e=>{const{__scopeTooltip:t,children:r,open:n,defaultOpen:i=!1,onOpenChange:l,delayDuration:c}=e,u=x("Tooltip",t),p=E(t),[d,f]=m.useState(null),T=s(),w=m.useRef(0),g=null!=c?c:u.delayDuration,C=m.useRef(!1),{onOpen:b,onClose:D}=u,[y=!1,O]=o({prop:n,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),b()),null==l||l(e)}}),h=m.useMemo((()=>y?C.current?"delayed-open":"instant-open":"closed"),[y]),_=m.useCallback((()=>{window.clearTimeout(w.current),C.current=!1,O(!0)}),[O]),k=m.useCallback((()=>{window.clearTimeout(w.current),w.current=window.setTimeout((()=>{C.current=!0,O(!0)}),g)}),[g,O]);return m.useEffect((()=>()=>window.clearTimeout(w.current)),[]),/*#__PURE__*/m.createElement(a.Root,p,/*#__PURE__*/m.createElement(v,{scope:t,contentId:T,open:y,stateAttribute:h,trigger:d,onTriggerChange:f,onTriggerEnter:m.useCallback((()=>{u.isOpenDelayed?k():_()}),[u.isOpenDelayed,k,_]),onOpen:m.useCallback(_,[_]),onClose:m.useCallback((()=>{window.clearTimeout(w.current),O(!1),D()}),[O,D])},r))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeTooltip:t,...n}=e,i=b("TooltipTrigger",t),l=E(t),s=p(o,i.onTriggerChange),c=m.useRef(!1),u=m.useCallback((()=>c.current=!1),[]);return m.useEffect((()=>()=>document.removeEventListener("mouseup",u)),[u]),/*#__PURE__*/m.createElement(a.Anchor,f({asChild:!0},l),/*#__PURE__*/m.createElement(r.button,f({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},n,{ref:s,onMouseEnter:d(e.onMouseEnter,i.onTriggerEnter),onMouseLeave:d(e.onMouseLeave,i.onClose),onMouseDown:d(e.onMouseDown,(()=>{c.current=!0,document.addEventListener("mouseup",u,{once:!0})})),onFocus:d(e.onFocus,(()=>{c.current||i.onOpen()})),onBlur:d(e.onBlur,i.onClose),onClick:d(e.onClick,(e=>{0===e.detail&&i.onClose()}))})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/m.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,i=b("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return m.createElement(n,{present:t||i.open},/*#__PURE__*/m.createElement(D,f({ref:o},r)))}));const D=/*#__PURE__*/m.forwardRef(((o,r)=>{const{__scopeTooltip:n,children:l,"aria-label":s,portalled:u=!0,onEscapeKeyDown:p,onPointerDownOutside:d,...T}=o,w=b("TooltipContent",n),g=E(n),C=u?i:m.Fragment,{onClose:x}=w;return m.useEffect((()=>(document.addEventListener("tooltip.open",x),()=>document.removeEventListener("tooltip.open",x))),[x]),m.useEffect((()=>{if(w.trigger){const e=e=>{const o=e.target;null!=o&&o.contains(w.trigger)&&x()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}}),[w.trigger,x]),/*#__PURE__*/m.createElement(C,null,/*#__PURE__*/m.createElement(c,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:p,onPointerDownOutside:d,onFocusOutside:e=>e.preventDefault(),onDismiss:x},/*#__PURE__*/m.createElement(a.Content,f({"data-state":w.stateAttribute},g,T,{ref:r,style:{...T.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/m.createElement(t,null,l),/*#__PURE__*/m.createElement(e.Root,{id:w.contentId,role:"tooltip"},s||l))))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/m.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=E(t);/*#__PURE__*/return m.createElement(a.Arrow,f({},n,r,{ref:o}))}));/*#__PURE__*/export const Provider=TooltipProvider;export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
1
+ import $8wepK$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
2
+ import {useState as $8wepK$useState, useRef as $8wepK$useRef, useEffect as $8wepK$useEffect, createElement as $8wepK$createElement, useCallback as $8wepK$useCallback, useMemo as $8wepK$useMemo, forwardRef as $8wepK$forwardRef} from "react";
3
+ import {composeEventHandlers as $8wepK$composeEventHandlers} from "@radix-ui/primitive";
4
+ import {useComposedRefs as $8wepK$useComposedRefs} from "@radix-ui/react-compose-refs";
5
+ import {createContextScope as $8wepK$createContextScope} from "@radix-ui/react-context";
6
+ import {DismissableLayer as $8wepK$DismissableLayer} from "@radix-ui/react-dismissable-layer";
7
+ import {useId as $8wepK$useId} from "@radix-ui/react-id";
8
+ import {createPopperScope as $8wepK$createPopperScope, Root as $8wepK$Root, Anchor as $8wepK$Anchor, Content as $8wepK$Content, Arrow as $8wepK$Arrow} from "@radix-ui/react-popper";
9
+ import {Portal as $8wepK$Portal} from "@radix-ui/react-portal";
10
+ import {Presence as $8wepK$Presence} from "@radix-ui/react-presence";
11
+ import {Primitive as $8wepK$Primitive} from "@radix-ui/react-primitive";
12
+ import {Slottable as $8wepK$Slottable} from "@radix-ui/react-slot";
13
+ import {useControllableState as $8wepK$useControllableState} from "@radix-ui/react-use-controllable-state";
14
+ import {Root as $8wepK$Root1} from "@radix-ui/react-visually-hidden";
15
+
16
+ function $parcel$export(e, n, v, s) {
17
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
18
+ }
19
+ var $a093c7e1ec25a057$exports = {};
20
+
21
+ $parcel$export($a093c7e1ec25a057$exports, "createTooltipScope", () => $a093c7e1ec25a057$export$1c540a2224f0d865);
22
+ $parcel$export($a093c7e1ec25a057$exports, "TooltipProvider", () => $a093c7e1ec25a057$export$f78649fb9ca566b8);
23
+ $parcel$export($a093c7e1ec25a057$exports, "Tooltip", () => $a093c7e1ec25a057$export$28c660c63b792dea);
24
+ $parcel$export($a093c7e1ec25a057$exports, "TooltipTrigger", () => $a093c7e1ec25a057$export$8c610744efcf8a1d);
25
+ $parcel$export($a093c7e1ec25a057$exports, "TooltipPortal", () => $a093c7e1ec25a057$export$7b36b8f925ab7497);
26
+ $parcel$export($a093c7e1ec25a057$exports, "TooltipContent", () => $a093c7e1ec25a057$export$e9003e2be37ec060);
27
+ $parcel$export($a093c7e1ec25a057$exports, "TooltipArrow", () => $a093c7e1ec25a057$export$c27ee0ad710f7559);
28
+ $parcel$export($a093c7e1ec25a057$exports, "Provider", () => $a093c7e1ec25a057$export$2881499e37b75b9a);
29
+ $parcel$export($a093c7e1ec25a057$exports, "Root", () => $a093c7e1ec25a057$export$be92b6f5f03c0fe9);
30
+ $parcel$export($a093c7e1ec25a057$exports, "Trigger", () => $a093c7e1ec25a057$export$41fb9f06171c75f4);
31
+ $parcel$export($a093c7e1ec25a057$exports, "Portal", () => $a093c7e1ec25a057$export$602eac185826482c);
32
+ $parcel$export($a093c7e1ec25a057$exports, "Content", () => $a093c7e1ec25a057$export$7c6e2c02157bb7d2);
33
+ $parcel$export($a093c7e1ec25a057$exports, "Arrow", () => $a093c7e1ec25a057$export$21b07c8f274aebd5);
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+ const [$a093c7e1ec25a057$var$createTooltipContext, $a093c7e1ec25a057$export$1c540a2224f0d865] = $8wepK$createContextScope('Tooltip', [
50
+ $8wepK$createPopperScope
51
+ ]);
52
+ const $a093c7e1ec25a057$var$usePopperScope = $8wepK$createPopperScope();
53
+ /* -------------------------------------------------------------------------------------------------
54
+ * TooltipProvider
55
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$PROVIDER_NAME = 'TooltipProvider';
56
+ const $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION = 700;
57
+ const $a093c7e1ec25a057$var$TOOLTIP_OPEN = 'tooltip.open';
58
+ const [$a093c7e1ec25a057$var$TooltipProviderContextProvider, $a093c7e1ec25a057$var$useTooltipProviderContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PROVIDER_NAME, {
59
+ isOpenDelayed: true,
60
+ delayDuration: $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION,
61
+ onOpen: ()=>{},
62
+ onClose: ()=>{}
63
+ });
64
+ const $a093c7e1ec25a057$export$f78649fb9ca566b8 = (props)=>{
65
+ const { __scopeTooltip: __scopeTooltip , delayDuration: delayDuration = $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION , skipDelayDuration: skipDelayDuration = 300 , children: children } = props;
66
+ const [isOpenDelayed, setIsOpenDelayed] = $8wepK$useState(true);
67
+ const skipDelayTimerRef = $8wepK$useRef(0);
68
+ $8wepK$useEffect(()=>{
69
+ const skipDelayTimer = skipDelayTimerRef.current;
70
+ return ()=>window.clearTimeout(skipDelayTimer)
71
+ ;
72
+ }, []);
73
+ return /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$TooltipProviderContextProvider, {
74
+ scope: __scopeTooltip,
75
+ isOpenDelayed: isOpenDelayed,
76
+ delayDuration: delayDuration,
77
+ onOpen: $8wepK$useCallback(()=>{
78
+ window.clearTimeout(skipDelayTimerRef.current);
79
+ setIsOpenDelayed(false);
80
+ }, []),
81
+ onClose: $8wepK$useCallback(()=>{
82
+ window.clearTimeout(skipDelayTimerRef.current);
83
+ skipDelayTimerRef.current = window.setTimeout(()=>setIsOpenDelayed(true)
84
+ , skipDelayDuration);
85
+ }, [
86
+ skipDelayDuration
87
+ ])
88
+ }, children);
89
+ };
90
+ /*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$f78649fb9ca566b8, {
91
+ displayName: $a093c7e1ec25a057$var$PROVIDER_NAME
92
+ });
93
+ /* -------------------------------------------------------------------------------------------------
94
+ * Tooltip
95
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TOOLTIP_NAME = 'Tooltip';
96
+ const [$a093c7e1ec25a057$var$TooltipContextProvider, $a093c7e1ec25a057$var$useTooltipContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME);
97
+ const $a093c7e1ec25a057$export$28c660c63b792dea = (props)=>{
98
+ const { __scopeTooltip: __scopeTooltip , children: children , open: openProp , defaultOpen: defaultOpen = false , onOpenChange: onOpenChange , delayDuration: delayDurationProp } = props;
99
+ const context = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TOOLTIP_NAME, __scopeTooltip);
100
+ const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
101
+ const [trigger, setTrigger] = $8wepK$useState(null);
102
+ const contentId = $8wepK$useId();
103
+ const openTimerRef = $8wepK$useRef(0);
104
+ const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : context.delayDuration;
105
+ const wasOpenDelayedRef = $8wepK$useRef(false);
106
+ const { onOpen: onOpen , onClose: onClose } = context;
107
+ const [open1 = false, setOpen] = $8wepK$useControllableState({
108
+ prop: openProp,
109
+ defaultProp: defaultOpen,
110
+ onChange: (open)=>{
111
+ if (open) {
112
+ // we dispatch here so `TooltipProvider` isn't required to
113
+ // ensure other tooltips are aware of this one opening.
114
+ //
115
+ // as `onChange` is called within a lifecycle method we
116
+ // avoid dispatching via `dispatchDiscreteCustomEvent`.
117
+ document.dispatchEvent(new CustomEvent($a093c7e1ec25a057$var$TOOLTIP_OPEN));
118
+ onOpen();
119
+ }
120
+ onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
121
+ }
122
+ });
123
+ const stateAttribute = $8wepK$useMemo(()=>{
124
+ return open1 ? wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open' : 'closed';
125
+ }, [
126
+ open1
127
+ ]);
128
+ const handleOpen = $8wepK$useCallback(()=>{
129
+ window.clearTimeout(openTimerRef.current);
130
+ wasOpenDelayedRef.current = false;
131
+ setOpen(true);
132
+ }, [
133
+ setOpen
134
+ ]);
135
+ const handleDelayedOpen = $8wepK$useCallback(()=>{
136
+ window.clearTimeout(openTimerRef.current);
137
+ openTimerRef.current = window.setTimeout(()=>{
138
+ wasOpenDelayedRef.current = true;
139
+ setOpen(true);
140
+ }, delayDuration);
141
+ }, [
142
+ delayDuration,
143
+ setOpen
144
+ ]);
145
+ $8wepK$useEffect(()=>{
146
+ return ()=>window.clearTimeout(openTimerRef.current)
147
+ ;
148
+ }, []);
149
+ return /*#__PURE__*/ $8wepK$createElement($8wepK$Root, popperScope, /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$TooltipContextProvider, {
150
+ scope: __scopeTooltip,
151
+ contentId: contentId,
152
+ open: open1,
153
+ stateAttribute: stateAttribute,
154
+ trigger: trigger,
155
+ onTriggerChange: setTrigger,
156
+ onTriggerEnter: $8wepK$useCallback(()=>{
157
+ if (context.isOpenDelayed) handleDelayedOpen();
158
+ else handleOpen();
159
+ }, [
160
+ context.isOpenDelayed,
161
+ handleDelayedOpen,
162
+ handleOpen
163
+ ]),
164
+ onOpen: $8wepK$useCallback(handleOpen, [
165
+ handleOpen
166
+ ]),
167
+ onClose: $8wepK$useCallback(()=>{
168
+ window.clearTimeout(openTimerRef.current);
169
+ setOpen(false);
170
+ onClose();
171
+ }, [
172
+ setOpen,
173
+ onClose
174
+ ])
175
+ }, children));
176
+ };
177
+ /*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$28c660c63b792dea, {
178
+ displayName: $a093c7e1ec25a057$var$TOOLTIP_NAME
179
+ });
180
+ /* -------------------------------------------------------------------------------------------------
181
+ * TooltipTrigger
182
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TRIGGER_NAME = 'TooltipTrigger';
183
+ const $a093c7e1ec25a057$export$8c610744efcf8a1d = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
184
+ const { __scopeTooltip: __scopeTooltip , ...triggerProps } = props;
185
+ const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
186
+ const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
187
+ const composedTriggerRef = $8wepK$useComposedRefs(forwardedRef, context.onTriggerChange);
188
+ const isPointerDownRef = $8wepK$useRef(false);
189
+ const handlePointerUp = $8wepK$useCallback(()=>isPointerDownRef.current = false
190
+ , []);
191
+ $8wepK$useEffect(()=>{
192
+ return ()=>document.removeEventListener('pointerup', handlePointerUp)
193
+ ;
194
+ }, [
195
+ handlePointerUp
196
+ ]);
197
+ return /*#__PURE__*/ $8wepK$createElement($8wepK$Anchor, $8wepK$babelruntimehelpersesmextends({
198
+ asChild: true
199
+ }, popperScope), /*#__PURE__*/ $8wepK$createElement($8wepK$Primitive.button, $8wepK$babelruntimehelpersesmextends({
200
+ // We purposefully avoid adding `type=button` here because tooltip triggers are also
201
+ // commonly anchors and the anchor `type` attribute signifies MIME type.
202
+ "aria-describedby": context.open ? context.contentId : undefined,
203
+ "data-state": context.stateAttribute
204
+ }, triggerProps, {
205
+ ref: composedTriggerRef,
206
+ onPointerEnter: $8wepK$composeEventHandlers(props.onPointerEnter, (event)=>{
207
+ if (event.pointerType !== 'touch') context.onTriggerEnter();
208
+ }),
209
+ onPointerLeave: $8wepK$composeEventHandlers(props.onPointerLeave, context.onClose),
210
+ onPointerDown: $8wepK$composeEventHandlers(props.onPointerDown, ()=>{
211
+ isPointerDownRef.current = true;
212
+ document.addEventListener('pointerup', handlePointerUp, {
213
+ once: true
214
+ });
215
+ }),
216
+ onFocus: $8wepK$composeEventHandlers(props.onFocus, ()=>{
217
+ if (!isPointerDownRef.current) context.onOpen();
218
+ }),
219
+ onBlur: $8wepK$composeEventHandlers(props.onBlur, context.onClose),
220
+ onClick: $8wepK$composeEventHandlers(props.onClick, (event)=>{
221
+ // keyboard click will occur under different conditions for different node
222
+ // types so we use `onClick` instead of `onKeyDown` to respect that
223
+ const isKeyboardClick = event.detail === 0;
224
+ if (isKeyboardClick) context.onClose();
225
+ })
226
+ })));
227
+ });
228
+ /*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$8c610744efcf8a1d, {
229
+ displayName: $a093c7e1ec25a057$var$TRIGGER_NAME
230
+ });
231
+ /* -------------------------------------------------------------------------------------------------
232
+ * TooltipPortal
233
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$PORTAL_NAME = 'TooltipPortal';
234
+ const [$a093c7e1ec25a057$var$PortalProvider, $a093c7e1ec25a057$var$usePortalContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, {
235
+ forceMount: undefined
236
+ });
237
+ const $a093c7e1ec25a057$export$7b36b8f925ab7497 = (props)=>{
238
+ const { __scopeTooltip: __scopeTooltip , forceMount: forceMount , children: children , container: container } = props;
239
+ const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, __scopeTooltip);
240
+ return /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$PortalProvider, {
241
+ scope: __scopeTooltip,
242
+ forceMount: forceMount
243
+ }, /*#__PURE__*/ $8wepK$createElement($8wepK$Presence, {
244
+ present: forceMount || context.open
245
+ }, /*#__PURE__*/ $8wepK$createElement($8wepK$Portal, {
246
+ asChild: true,
247
+ container: container
248
+ }, children)));
249
+ };
250
+ /*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$7b36b8f925ab7497, {
251
+ displayName: $a093c7e1ec25a057$var$PORTAL_NAME
252
+ });
253
+ /* -------------------------------------------------------------------------------------------------
254
+ * TooltipContent
255
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$CONTENT_NAME = 'TooltipContent';
256
+ const $a093c7e1ec25a057$export$e9003e2be37ec060 = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
257
+ const portalContext = $a093c7e1ec25a057$var$usePortalContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
258
+ const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
259
+ const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
260
+ return /*#__PURE__*/ $8wepK$createElement($8wepK$Presence, {
261
+ present: forceMount || context.open
262
+ }, /*#__PURE__*/ $8wepK$createElement($a093c7e1ec25a057$var$TooltipContentImpl, $8wepK$babelruntimehelpersesmextends({
263
+ ref: forwardedRef
264
+ }, contentProps)));
265
+ });
266
+ const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
267
+ const { __scopeTooltip: __scopeTooltip , children: children , 'aria-label': ariaLabel , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , ...contentProps } = props;
268
+ const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, __scopeTooltip);
269
+ const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
270
+ const { onClose: onClose } = context; // Close this tooltip if another one opens
271
+ $8wepK$useEffect(()=>{
272
+ document.addEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose);
273
+ return ()=>document.removeEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose)
274
+ ;
275
+ }, [
276
+ onClose
277
+ ]); // Close the tooltip if the trigger is scrolled
278
+ $8wepK$useEffect(()=>{
279
+ if (context.trigger) {
280
+ const handleScroll = (event)=>{
281
+ const target = event.target;
282
+ if (target !== null && target !== void 0 && target.contains(context.trigger)) onClose();
283
+ };
284
+ window.addEventListener('scroll', handleScroll, {
285
+ capture: true
286
+ });
287
+ return ()=>window.removeEventListener('scroll', handleScroll, {
288
+ capture: true
289
+ })
290
+ ;
291
+ }
292
+ }, [
293
+ context.trigger,
294
+ onClose
295
+ ]);
296
+ return /*#__PURE__*/ $8wepK$createElement($8wepK$DismissableLayer, {
297
+ asChild: true,
298
+ disableOutsidePointerEvents: false,
299
+ onEscapeKeyDown: onEscapeKeyDown,
300
+ onPointerDownOutside: onPointerDownOutside,
301
+ onFocusOutside: (event)=>event.preventDefault()
302
+ ,
303
+ onDismiss: onClose
304
+ }, /*#__PURE__*/ $8wepK$createElement($8wepK$Content, $8wepK$babelruntimehelpersesmextends({
305
+ "data-state": context.stateAttribute
306
+ }, popperScope, contentProps, {
307
+ ref: forwardedRef,
308
+ style: {
309
+ ...contentProps.style,
310
+ // re-namespace exposed content custom property
311
+ ['--radix-tooltip-content-transform-origin']: 'var(--radix-popper-transform-origin)'
312
+ }
313
+ }), /*#__PURE__*/ $8wepK$createElement($8wepK$Slottable, null, children), /*#__PURE__*/ $8wepK$createElement($8wepK$Root1, {
314
+ id: context.contentId,
315
+ role: "tooltip"
316
+ }, ariaLabel || children)));
317
+ });
318
+ /*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$e9003e2be37ec060, {
319
+ displayName: $a093c7e1ec25a057$var$CONTENT_NAME
320
+ });
321
+ /* -------------------------------------------------------------------------------------------------
322
+ * TooltipArrow
323
+ * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$ARROW_NAME = 'TooltipArrow';
324
+ const $a093c7e1ec25a057$export$c27ee0ad710f7559 = /*#__PURE__*/ $8wepK$forwardRef((props, forwardedRef)=>{
325
+ const { __scopeTooltip: __scopeTooltip , ...arrowProps } = props;
326
+ const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
327
+ return /*#__PURE__*/ $8wepK$createElement($8wepK$Arrow, $8wepK$babelruntimehelpersesmextends({}, popperScope, arrowProps, {
328
+ ref: forwardedRef
329
+ }));
330
+ });
331
+ /*#__PURE__*/ Object.assign($a093c7e1ec25a057$export$c27ee0ad710f7559, {
332
+ displayName: $a093c7e1ec25a057$var$ARROW_NAME
333
+ });
334
+ /* -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$export$2881499e37b75b9a = $a093c7e1ec25a057$export$f78649fb9ca566b8;
335
+ const $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
336
+ const $a093c7e1ec25a057$export$41fb9f06171c75f4 = $a093c7e1ec25a057$export$8c610744efcf8a1d;
337
+ const $a093c7e1ec25a057$export$602eac185826482c = $a093c7e1ec25a057$export$7b36b8f925ab7497;
338
+ const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003e2be37ec060;
339
+ const $a093c7e1ec25a057$export$21b07c8f274aebd5 = $a093c7e1ec25a057$export$c27ee0ad710f7559;
340
+
341
+
342
+
343
+
344
+ export {$a093c7e1ec25a057$export$1c540a2224f0d865 as createTooltipScope, $a093c7e1ec25a057$export$f78649fb9ca566b8 as TooltipProvider, $a093c7e1ec25a057$export$28c660c63b792dea as Tooltip, $a093c7e1ec25a057$export$8c610744efcf8a1d as TooltipTrigger, $a093c7e1ec25a057$export$7b36b8f925ab7497 as TooltipPortal, $a093c7e1ec25a057$export$e9003e2be37ec060 as TooltipContent, $a093c7e1ec25a057$export$c27ee0ad710f7559 as TooltipArrow, $a093c7e1ec25a057$export$2881499e37b75b9a as Provider, $a093c7e1ec25a057$export$be92b6f5f03c0fe9 as Root, $a093c7e1ec25a057$export$41fb9f06171c75f4 as Trigger, $a093c7e1ec25a057$export$602eac185826482c as Portal, $a093c7e1ec25a057$export$7c6e2c02157bb7d2 as Content, $a093c7e1ec25a057$export$21b07c8f274aebd5 as Arrow};
2
345
  //# sourceMappingURL=index.module.js.map
@@ -1 +1 @@
1
- {"mappings":"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","sources":["./packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\nimport * as PopperPrimitive from '@radix-ui/react-popper';\nimport { createPopperScope } from '@radix-ui/react-popper';\nimport { Portal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n isOpenDelayed: boolean;\n delayDuration: number;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n isOpenDelayed: true,\n delayDuration: DEFAULT_DELAY_DURATION,\n onOpen: () => {},\n onClose: () => {},\n });\n\ninterface TooltipProviderProps {\n /**\n * The duration from when the mouse enters the trigger until the tooltip gets opened.\n * @defaultValue 700\n */\n delayDuration?: number;\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @defaultValue 300\n */\n skipDelayDuration?: number;\n children: React.ReactNode;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n props: ScopedProps<TooltipProviderProps>\n) => {\n const {\n __scopeTooltip,\n delayDuration = DEFAULT_DELAY_DURATION,\n skipDelayDuration = 300,\n children,\n } = props;\n const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n const skipDelayTimerRef = React.useRef(0);\n\n React.useEffect(() => {\n const skipDelayTimer = skipDelayTimerRef.current;\n return () => window.clearTimeout(skipDelayTimer);\n }, []);\n\n return (\n <TooltipProviderContextProvider\n scope={__scopeTooltip}\n isOpenDelayed={isOpenDelayed}\n delayDuration={delayDuration}\n onOpen={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n setIsOpenDelayed(false);\n }, [])}\n onClose={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n skipDelayTimerRef.current = window.setTimeout(\n () => setIsOpenDelayed(true),\n skipDelayDuration\n );\n }, [skipDelayDuration])}\n >\n {children}\n </TooltipProviderContextProvider>\n );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n contentId: string;\n open: boolean;\n stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n trigger: TooltipTriggerElement | null;\n onTriggerChange(trigger: TooltipTriggerElement | null): void;\n onTriggerEnter(): void;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n\n /**\n * The duration from when the mouse enters the trigger until the tooltip gets opened. This will\n * override the prop with the same name passed to Provider.\n * @defaultValue 700\n */\n delayDuration?: number;\n children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n const {\n __scopeTooltip,\n children,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n delayDuration: delayDurationProp,\n } = props;\n const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n const contentId = useId();\n const openTimerRef = React.useRef(0);\n const delayDuration = delayDurationProp ?? context.delayDuration;\n const wasOpenDelayedRef = React.useRef(false);\n const { onOpen, onClose } = context;\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: (open) => {\n if (open) {\n // we dispatch here so `TooltipProvider` isn't required to\n // ensure other tooltips are aware of this one opening.\n document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n onOpen();\n }\n onOpenChange?.(open);\n },\n });\n const stateAttribute = React.useMemo(() => {\n return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n }, [open]);\n\n const handleOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n wasOpenDelayedRef.current = false;\n setOpen(true);\n }, [setOpen]);\n\n const handleDelayedOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n openTimerRef.current = window.setTimeout(() => {\n wasOpenDelayedRef.current = true;\n setOpen(true);\n }, delayDuration);\n }, [delayDuration, setOpen]);\n\n React.useEffect(() => {\n return () => window.clearTimeout(openTimerRef.current);\n }, []);\n\n return (\n <PopperPrimitive.Root {...popperScope}>\n <TooltipContextProvider\n scope={__scopeTooltip}\n contentId={contentId}\n open={open}\n stateAttribute={stateAttribute}\n trigger={trigger}\n onTriggerChange={setTrigger}\n onTriggerEnter={React.useCallback(() => {\n if (context.isOpenDelayed) handleDelayedOpen();\n else handleOpen();\n }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n onOpen={React.useCallback(handleOpen, [handleOpen])}\n onClose={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n setOpen(false);\n onClose();\n }, [setOpen, onClose])}\n >\n {children}\n </TooltipContextProvider>\n </PopperPrimitive.Root>\n );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n const { __scopeTooltip, ...triggerProps } = props;\n const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n const isMouseDownRef = React.useRef(false);\n const handleMouseUp = React.useCallback(() => (isMouseDownRef.current = false), []);\n\n React.useEffect(() => {\n return () => document.removeEventListener('mouseup', handleMouseUp);\n }, [handleMouseUp]);\n\n return (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n <Primitive.button\n // We purposefully avoid adding `type=button` here because tooltip triggers are also\n // commonly anchors and the anchor `type` attribute signifies MIME type.\n aria-describedby={context.open ? context.contentId : undefined}\n data-state={context.stateAttribute}\n {...triggerProps}\n ref={composedTriggerRef}\n onMouseEnter={composeEventHandlers(props.onMouseEnter, context.onTriggerEnter)}\n onMouseLeave={composeEventHandlers(props.onMouseLeave, context.onClose)}\n onMouseDown={composeEventHandlers(props.onMouseDown, () => {\n isMouseDownRef.current = true;\n document.addEventListener('mouseup', handleMouseUp, { once: true });\n })}\n onFocus={composeEventHandlers(props.onFocus, () => {\n if (!isMouseDownRef.current) context.onOpen();\n })}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n onClick={composeEventHandlers(props.onClick, (event) => {\n // keyboard click will occur under different conditions for different node\n // types so we use `onClick` instead of `onKeyDown` to respect that\n const isKeyboardClick = event.detail === 0;\n if (isKeyboardClick) context.onClose();\n })}\n />\n </PopperPrimitive.Anchor>\n );\n }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\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 TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n const { forceMount, ...contentProps } = props;\n const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n return (\n <Presence present={forceMount || context.open}>\n <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n </Presence>\n );\n }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n /**\n * A more descriptive label for accessibility purpose\n */\n 'aria-label'?: string;\n\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 `Tooltip`.\n * Can be prevented.\n */\n onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n\n /**\n * Whether the Tooltip should render in a Portal\n * (default: `true`)\n */\n portalled?: boolean;\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n const {\n __scopeTooltip,\n children,\n 'aria-label': ariaLabel,\n portalled = true,\n onEscapeKeyDown,\n onPointerDownOutside,\n ...contentProps\n } = props;\n const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const PortalWrapper = portalled ? Portal : React.Fragment;\n const { onClose } = context;\n\n // Close this tooltip if another one opens\n React.useEffect(() => {\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n // Close the tooltip if the trigger is scrolled\n React.useEffect(() => {\n if (context.trigger) {\n const handleScroll = (event: Event) => {\n const target = event.target as HTMLElement;\n if (target?.contains(context.trigger)) onClose();\n };\n window.addEventListener('scroll', handleScroll, { capture: true });\n return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n }\n }, [context.trigger, onClose]);\n\n return (\n <PortalWrapper>\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={false}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={(event) => event.preventDefault()}\n onDismiss={onClose}\n >\n <PopperPrimitive.Content\n data-state={context.stateAttribute}\n {...popperScope}\n {...contentProps}\n ref={forwardedRef}\n style={{\n ...contentProps.style,\n // re-namespace exposed content custom property\n ['--radix-tooltip-content-transform-origin' as any]:\n 'var(--radix-popper-transform-origin)',\n }}\n >\n <Slottable>{children}</Slottable>\n <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n {ariaLabel || children}\n </VisuallyHiddenPrimitive.Root>\n </PopperPrimitive.Content>\n </DismissableLayer>\n </PortalWrapper>\n );\n }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n const { __scopeTooltip, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopeTooltip);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n createTooltipScope,\n //\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipContent,\n TooltipArrow,\n //\n Provider,\n Root,\n Trigger,\n Content,\n Arrow,\n};\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipArrowProps };\n"],"names":["createTooltipContext","createTooltipScope","createContextScope","createPopperScope","usePopperScope","DEFAULT_DELAY_DURATION","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","React","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","_react","createElement","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipProviderContextProvider","scope","useCallback","setTimeout","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","useId","openTimerRef","wasOpenDelayedRef","setOpen","useControllableState","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","_radixUiReactPopper","Root","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContextProvider","onTriggerChange","onTriggerEnter","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","useComposedRefs","isMouseDownRef","handleMouseUp","removeEventListener","Anchor","_babelRuntimeHelpersEsmExtends","asChild","Primitive","button","undefined","ref","onMouseEnter","composeEventHandlers","onMouseLeave","onMouseDown","addEventListener","once","onFocus","onBlur","onClick","event","detail","TooltipContent","forceMount","contentProps","Presence","present","$badf5d6f88b7e9fa4e0bb85d71c0396a$var$TooltipContentImpl","TooltipContentImpl","ariaLabel","portalled","onEscapeKeyDown","onPointerDownOutside","PortalWrapper","Portal","Fragment","handleScroll","target","contains","capture","DismissableLayer","disableOutsidePointerEvents","onFocusOutside","preventDefault","onDismiss","Content","style","Slottable","_radixUiReactVisuallyHidden","id","role","TooltipArrow","arrowProps","Arrow","Provider","Trigger"],"version":3,"file":"index.module.js.map"}
1
+ {"mappings":"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","sources":["packages/react/tooltip/src/index.ts","packages/react/tooltip/src/Tooltip.tsx"],"sourcesContent":["export * from './Tooltip';\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\nimport { useId } from '@radix-ui/react-id';\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 { Slottable } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\ntype ScopedProps<P = {}> = P & { __scopeTooltip?: Scope };\nconst [createTooltipContext, createTooltipScope] = createContextScope('Tooltip', [\n createPopperScope,\n]);\nconst usePopperScope = createPopperScope();\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'TooltipProvider';\nconst DEFAULT_DELAY_DURATION = 700;\nconst TOOLTIP_OPEN = 'tooltip.open';\n\ntype TooltipProviderContextValue = {\n isOpenDelayed: boolean;\n delayDuration: number;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipProviderContextProvider, useTooltipProviderContext] =\n createTooltipContext<TooltipProviderContextValue>(PROVIDER_NAME, {\n isOpenDelayed: true,\n delayDuration: DEFAULT_DELAY_DURATION,\n onOpen: () => {},\n onClose: () => {},\n });\n\ninterface TooltipProviderProps {\n children: React.ReactNode;\n /**\n * The duration from when the pointer enters the trigger until the tooltip gets opened.\n * @defaultValue 700\n */\n delayDuration?: number;\n /**\n * How much time a user has to enter another trigger without incurring a delay again.\n * @defaultValue 300\n */\n skipDelayDuration?: number;\n}\n\nconst TooltipProvider: React.FC<TooltipProviderProps> = (\n props: ScopedProps<TooltipProviderProps>\n) => {\n const {\n __scopeTooltip,\n delayDuration = DEFAULT_DELAY_DURATION,\n skipDelayDuration = 300,\n children,\n } = props;\n const [isOpenDelayed, setIsOpenDelayed] = React.useState(true);\n const skipDelayTimerRef = React.useRef(0);\n\n React.useEffect(() => {\n const skipDelayTimer = skipDelayTimerRef.current;\n return () => window.clearTimeout(skipDelayTimer);\n }, []);\n\n return (\n <TooltipProviderContextProvider\n scope={__scopeTooltip}\n isOpenDelayed={isOpenDelayed}\n delayDuration={delayDuration}\n onOpen={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n setIsOpenDelayed(false);\n }, [])}\n onClose={React.useCallback(() => {\n window.clearTimeout(skipDelayTimerRef.current);\n skipDelayTimerRef.current = window.setTimeout(\n () => setIsOpenDelayed(true),\n skipDelayDuration\n );\n }, [skipDelayDuration])}\n >\n {children}\n </TooltipProviderContextProvider>\n );\n};\n\nTooltipProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLTIP_NAME = 'Tooltip';\n\ntype TooltipContextValue = {\n contentId: string;\n open: boolean;\n stateAttribute: 'closed' | 'delayed-open' | 'instant-open';\n trigger: TooltipTriggerElement | null;\n onTriggerChange(trigger: TooltipTriggerElement | null): void;\n onTriggerEnter(): void;\n onOpen(): void;\n onClose(): void;\n};\n\nconst [TooltipContextProvider, useTooltipContext] =\n createTooltipContext<TooltipContextValue>(TOOLTIP_NAME);\n\ninterface TooltipProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n\n /**\n * The duration from when the pointer enters the trigger until the tooltip gets opened. This will\n * override the prop with the same name passed to Provider.\n * @defaultValue 700\n */\n delayDuration?: number;\n}\n\nconst Tooltip: React.FC<TooltipProps> = (props: ScopedProps<TooltipProps>) => {\n const {\n __scopeTooltip,\n children,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n delayDuration: delayDurationProp,\n } = props;\n const context = useTooltipProviderContext(TOOLTIP_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const [trigger, setTrigger] = React.useState<HTMLButtonElement | null>(null);\n const contentId = useId();\n const openTimerRef = React.useRef(0);\n const delayDuration = delayDurationProp ?? context.delayDuration;\n const wasOpenDelayedRef = React.useRef(false);\n const { onOpen, onClose } = context;\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: (open) => {\n if (open) {\n // we dispatch here so `TooltipProvider` isn't required to\n // ensure other tooltips are aware of this one opening.\n //\n // as `onChange` is called within a lifecycle method we\n // avoid dispatching via `dispatchDiscreteCustomEvent`.\n document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));\n onOpen();\n }\n onOpenChange?.(open);\n },\n });\n const stateAttribute = React.useMemo(() => {\n return open ? (wasOpenDelayedRef.current ? 'delayed-open' : 'instant-open') : 'closed';\n }, [open]);\n\n const handleOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n wasOpenDelayedRef.current = false;\n setOpen(true);\n }, [setOpen]);\n\n const handleDelayedOpen = React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n openTimerRef.current = window.setTimeout(() => {\n wasOpenDelayedRef.current = true;\n setOpen(true);\n }, delayDuration);\n }, [delayDuration, setOpen]);\n\n React.useEffect(() => {\n return () => window.clearTimeout(openTimerRef.current);\n }, []);\n\n return (\n <PopperPrimitive.Root {...popperScope}>\n <TooltipContextProvider\n scope={__scopeTooltip}\n contentId={contentId}\n open={open}\n stateAttribute={stateAttribute}\n trigger={trigger}\n onTriggerChange={setTrigger}\n onTriggerEnter={React.useCallback(() => {\n if (context.isOpenDelayed) handleDelayedOpen();\n else handleOpen();\n }, [context.isOpenDelayed, handleDelayedOpen, handleOpen])}\n onOpen={React.useCallback(handleOpen, [handleOpen])}\n onClose={React.useCallback(() => {\n window.clearTimeout(openTimerRef.current);\n setOpen(false);\n onClose();\n }, [setOpen, onClose])}\n >\n {children}\n </TooltipContextProvider>\n </PopperPrimitive.Root>\n );\n};\n\nTooltip.displayName = TOOLTIP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TooltipTrigger';\n\ntype TooltipTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TooltipTriggerProps extends PrimitiveButtonProps {}\n\nconst TooltipTrigger = React.forwardRef<TooltipTriggerElement, TooltipTriggerProps>(\n (props: ScopedProps<TooltipTriggerProps>, forwardedRef) => {\n const { __scopeTooltip, ...triggerProps } = props;\n const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const composedTriggerRef = useComposedRefs(forwardedRef, context.onTriggerChange);\n const isPointerDownRef = React.useRef(false);\n const handlePointerUp = React.useCallback(() => (isPointerDownRef.current = false), []);\n\n React.useEffect(() => {\n return () => document.removeEventListener('pointerup', handlePointerUp);\n }, [handlePointerUp]);\n\n return (\n <PopperPrimitive.Anchor asChild {...popperScope}>\n <Primitive.button\n // We purposefully avoid adding `type=button` here because tooltip triggers are also\n // commonly anchors and the anchor `type` attribute signifies MIME type.\n aria-describedby={context.open ? context.contentId : undefined}\n data-state={context.stateAttribute}\n {...triggerProps}\n ref={composedTriggerRef}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, (event) => {\n if (event.pointerType !== 'touch') context.onTriggerEnter();\n })}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, context.onClose)}\n onPointerDown={composeEventHandlers(props.onPointerDown, () => {\n isPointerDownRef.current = true;\n document.addEventListener('pointerup', handlePointerUp, { once: true });\n })}\n onFocus={composeEventHandlers(props.onFocus, () => {\n if (!isPointerDownRef.current) context.onOpen();\n })}\n onBlur={composeEventHandlers(props.onBlur, context.onClose)}\n onClick={composeEventHandlers(props.onClick, (event) => {\n // keyboard click will occur under different conditions for different node\n // types so we use `onClick` instead of `onKeyDown` to respect that\n const isKeyboardClick = event.detail === 0;\n if (isKeyboardClick) context.onClose();\n })}\n />\n </PopperPrimitive.Anchor>\n );\n }\n);\n\nTooltipTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'TooltipPortal';\n\ntype PortalContextValue = { forceMount?: true };\nconst [PortalProvider, usePortalContext] = createTooltipContext<PortalContextValue>(PORTAL_NAME, {\n forceMount: undefined,\n});\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface TooltipPortalProps extends Omit<PortalProps, 'asChild'> {\n children?: React.ReactNode;\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 TooltipPortal: React.FC<TooltipPortalProps> = (props: ScopedProps<TooltipPortalProps>) => {\n const { __scopeTooltip, forceMount, children, container } = props;\n const context = useTooltipContext(PORTAL_NAME, __scopeTooltip);\n return (\n <PortalProvider scope={__scopeTooltip} forceMount={forceMount}>\n <Presence present={forceMount || context.open}>\n <PortalPrimitive asChild container={container}>\n {children}\n </PortalPrimitive>\n </Presence>\n </PortalProvider>\n );\n};\n\nTooltipPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TooltipContent';\n\ntype TooltipContentElement = TooltipContentImplElement;\ninterface TooltipContentProps extends TooltipContentImplProps {\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 TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(\n (props: ScopedProps<TooltipContentProps>, forwardedRef) => {\n const portalContext = usePortalContext(CONTENT_NAME, props.__scopeTooltip);\n const { forceMount = portalContext.forceMount, ...contentProps } = props;\n const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);\n return (\n <Presence present={forceMount || context.open}>\n <TooltipContentImpl ref={forwardedRef} {...contentProps} />\n </Presence>\n );\n }\n);\n\ntype TooltipContentImplElement = React.ElementRef<typeof PopperPrimitive.Content>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer>;\ntype PopperContentProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;\ninterface TooltipContentImplProps extends PopperContentProps {\n /**\n * A more descriptive label for accessibility purpose\n */\n 'aria-label'?: string;\n\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 `Tooltip`.\n * Can be prevented.\n */\n onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];\n}\n\nconst TooltipContentImpl = React.forwardRef<TooltipContentImplElement, TooltipContentImplProps>(\n (props: ScopedProps<TooltipContentImplProps>, forwardedRef) => {\n const {\n __scopeTooltip,\n children,\n 'aria-label': ariaLabel,\n onEscapeKeyDown,\n onPointerDownOutside,\n ...contentProps\n } = props;\n const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);\n const popperScope = usePopperScope(__scopeTooltip);\n const { onClose } = context;\n\n // Close this tooltip if another one opens\n React.useEffect(() => {\n document.addEventListener(TOOLTIP_OPEN, onClose);\n return () => document.removeEventListener(TOOLTIP_OPEN, onClose);\n }, [onClose]);\n\n // Close the tooltip if the trigger is scrolled\n React.useEffect(() => {\n if (context.trigger) {\n const handleScroll = (event: Event) => {\n const target = event.target as HTMLElement;\n if (target?.contains(context.trigger)) onClose();\n };\n window.addEventListener('scroll', handleScroll, { capture: true });\n return () => window.removeEventListener('scroll', handleScroll, { capture: true });\n }\n }, [context.trigger, onClose]);\n\n return (\n <DismissableLayer\n asChild\n disableOutsidePointerEvents={false}\n onEscapeKeyDown={onEscapeKeyDown}\n onPointerDownOutside={onPointerDownOutside}\n onFocusOutside={(event) => event.preventDefault()}\n onDismiss={onClose}\n >\n <PopperPrimitive.Content\n data-state={context.stateAttribute}\n {...popperScope}\n {...contentProps}\n ref={forwardedRef}\n style={{\n ...contentProps.style,\n // re-namespace exposed content custom property\n ['--radix-tooltip-content-transform-origin' as any]:\n 'var(--radix-popper-transform-origin)',\n }}\n >\n <Slottable>{children}</Slottable>\n <VisuallyHiddenPrimitive.Root id={context.contentId} role=\"tooltip\">\n {ariaLabel || children}\n </VisuallyHiddenPrimitive.Root>\n </PopperPrimitive.Content>\n </DismissableLayer>\n );\n }\n);\n\nTooltipContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * TooltipArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'TooltipArrow';\n\ntype TooltipArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;\ninterface TooltipArrowProps extends PopperArrowProps {}\n\nconst TooltipArrow = React.forwardRef<TooltipArrowElement, TooltipArrowProps>(\n (props: ScopedProps<TooltipArrowProps>, forwardedRef) => {\n const { __scopeTooltip, ...arrowProps } = props;\n const popperScope = usePopperScope(__scopeTooltip);\n return <PopperPrimitive.Arrow {...popperScope} {...arrowProps} ref={forwardedRef} />;\n }\n);\n\nTooltipArrow.displayName = ARROW_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Provider = TooltipProvider;\nconst Root = Tooltip;\nconst Trigger = TooltipTrigger;\nconst Portal = TooltipPortal;\nconst Content = TooltipContent;\nconst Arrow = TooltipArrow;\n\nexport {\n createTooltipScope,\n //\n TooltipProvider,\n Tooltip,\n TooltipTrigger,\n TooltipPortal,\n TooltipContent,\n TooltipArrow,\n //\n Provider,\n Root,\n Trigger,\n Portal,\n Content,\n Arrow,\n};\nexport type {\n TooltipProps,\n TooltipTriggerProps,\n TooltipPortalProps,\n TooltipContentProps,\n TooltipArrowProps,\n};\n"],"names":["React","composeEventHandlers","useComposedRefs","createContextScope","DismissableLayer","useId","PopperPrimitive","createPopperScope","Portal","PortalPrimitive","Presence","Primitive","Slottable","useControllableState","VisuallyHiddenPrimitive","createTooltipContext","createTooltipScope","usePopperScope","PROVIDER_NAME","DEFAULT_DELAY_DURATION","TOOLTIP_OPEN","TooltipProviderContextProvider","useTooltipProviderContext","isOpenDelayed","delayDuration","onOpen","onClose","TooltipProvider","props","__scopeTooltip","skipDelayDuration","children","setIsOpenDelayed","useState","skipDelayTimerRef","useRef","useEffect","skipDelayTimer","current","window","clearTimeout","useCallback","setTimeout","TOOLTIP_NAME","TooltipContextProvider","useTooltipContext","Tooltip","open","openProp","defaultOpen","onOpenChange","delayDurationProp","context","popperScope","trigger","setTrigger","contentId","openTimerRef","wasOpenDelayedRef","setOpen","prop","defaultProp","onChange","document","dispatchEvent","CustomEvent","stateAttribute","useMemo","handleOpen","handleDelayedOpen","TRIGGER_NAME","TooltipTrigger","forwardRef","forwardedRef","triggerProps","composedTriggerRef","onTriggerChange","isPointerDownRef","handlePointerUp","removeEventListener","undefined","onPointerEnter","event","pointerType","onTriggerEnter","onPointerLeave","onPointerDown","addEventListener","once","onFocus","onBlur","onClick","isKeyboardClick","detail","PORTAL_NAME","PortalProvider","usePortalContext","forceMount","TooltipPortal","container","CONTENT_NAME","TooltipContent","portalContext","contentProps","TooltipContentImpl","ariaLabel","onEscapeKeyDown","onPointerDownOutside","handleScroll","target","contains","capture","preventDefault","style","ARROW_NAME","TooltipArrow","arrowProps","Provider","Root","Trigger","Content","Arrow"],"version":3,"file":"index.module.js.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ui/react-tooltip",
3
- "version": "0.1.8-rc.4",
3
+ "version": "0.1.8-rc.42",
4
4
  "license": "MIT",
5
5
  "source": "src/index.ts",
6
6
  "main": "dist/index.js",
@@ -18,21 +18,21 @@
18
18
  "dependencies": {
19
19
  "@babel/runtime": "^7.13.10",
20
20
  "@radix-ui/primitive": "0.1.0",
21
- "@radix-ui/react-compose-refs": "0.1.0",
22
- "@radix-ui/react-context": "0.1.1",
23
- "@radix-ui/react-dismissable-layer": "0.1.5",
24
- "@radix-ui/react-id": "0.1.5",
25
- "@radix-ui/react-popper": "0.1.4",
26
- "@radix-ui/react-portal": "0.1.4",
27
- "@radix-ui/react-presence": "0.1.2",
28
- "@radix-ui/react-primitive": "0.1.4",
29
- "@radix-ui/react-slot": "0.1.2",
30
- "@radix-ui/react-use-controllable-state": "0.1.0",
31
- "@radix-ui/react-visually-hidden": "0.1.4"
21
+ "@radix-ui/react-compose-refs": "0.1.1-rc.37",
22
+ "@radix-ui/react-context": "0.1.2-rc.37",
23
+ "@radix-ui/react-dismissable-layer": "0.1.6-rc.37",
24
+ "@radix-ui/react-id": "0.1.6-rc.37",
25
+ "@radix-ui/react-popper": "0.1.5-rc.37",
26
+ "@radix-ui/react-portal": "0.1.5-rc.37",
27
+ "@radix-ui/react-presence": "0.1.3-rc.37",
28
+ "@radix-ui/react-primitive": "0.1.5-rc.37",
29
+ "@radix-ui/react-slot": "0.1.3-rc.37",
30
+ "@radix-ui/react-use-controllable-state": "0.1.1-rc.37",
31
+ "@radix-ui/react-visually-hidden": "0.1.5-rc.37"
32
32
  },
33
33
  "peerDependencies": {
34
- "react": "^16.8 || ^17.0",
35
- "react-dom": "^16.8 || ^17.0"
34
+ "react": "^16.8 || ^17.0 || ^18.0",
35
+ "react-dom": "^16.8 || ^17.0 || ^18.0"
36
36
  },
37
37
  "homepage": "https://radix-ui.com/primitives",
38
38
  "repository": {