New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@radix-ui/react-tooltip

Package Overview
Dependencies
Maintainers
6
Versions
289
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@radix-ui/react-tooltip - npm Package Compare versions

Comparing version 0.1.8-rc.1 to 0.1.8-rc.2

2

dist/index.js

@@ -1,2 +0,2 @@

var e,t=v({},require("@radix-ui/react-visually-hidden")),o=require("@radix-ui/react-use-rect").useRect,r=require("@radix-ui/react-use-previous").usePrevious,n=require("@radix-ui/react-use-controllable-state").useControllableState,i=require("@radix-ui/react-slot").Slottable,u=require("@radix-ui/react-primitive").Primitive,s=require("@radix-ui/react-presence").Presence,a=require("@radix-ui/react-portal").Portal,l=require("@radix-ui/react-popper"),c=v({},l),p=l.createPopperScope,d=require("@radix-ui/react-id").useId,m=require("@radix-ui/react-dismissable-layer").DismissableLayer,f=require("@radix-ui/react-context").createContextScope,T=require("@radix-ui/react-compose-refs").useComposedRefs,C=require("@radix-ui/primitive").composeEventHandlers,E=v({},require("react")),w=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function v(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[x,g]=f("Tooltip",[p]);exports.createTooltipScope=g;const b=p(),y=700,[D,_]=x("TooltipProvider",{isOpenDelayed:!0,delayDuration:y,onOpen:()=>{},onClose:()=>{}}),O=e=>{const{__scopeTooltip:t,delayDuration:o=y,skipDelayDuration:r=300,children:n}=e,[i,u]=E.useState(!0),s=E.useRef(0);return E.useEffect((()=>{const e=s.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/E.createElement(D,{scope:t,isOpenDelayed:i,delayDuration:o,onOpen:E.useCallback((()=>{window.clearTimeout(s.current),u(!1)}),[]),onClose:E.useCallback((()=>{window.clearTimeout(s.current),s.current=window.setTimeout((()=>u(!0)),r)}),[r])},n)};exports.TooltipProvider=O;const[q,h]=x("Tooltip"),k=e=>{const{__scopeTooltip:t,children:o,open:r,defaultOpen:i=!1,onOpenChange:u,delayDuration:s}=e,a=_("Tooltip",t),l=b(t),[p,m]=E.useState(null),f=d(),T=E.useRef(0),C=null!=s?s:a.delayDuration,w=E.useRef(!1),{onOpen:v,onClose:x}=a,[g=!1,y]=n({prop:r,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),v()),null==u||u(e)}}),D=E.useMemo((()=>g?w.current?"delayed-open":"instant-open":"closed"),[g]),O=E.useCallback((()=>{window.clearTimeout(T.current),w.current=!1,y(!0)}),[y]),h=E.useCallback((()=>{window.clearTimeout(T.current),T.current=window.setTimeout((()=>{w.current=!0,y(!0)}),C)}),[C,y]);return E.useEffect((()=>()=>window.clearTimeout(T.current)),[]),/*#__PURE__*/E.createElement(c.Root,l,/*#__PURE__*/E.createElement(q,{scope:t,contentId:f,open:g,stateAttribute:D,trigger:p,onTriggerChange:m,onTriggerEnter:E.useCallback((()=>{a.isOpenDelayed?h():O()}),[a.isOpenDelayed,h,O]),onOpen:E.useCallback(O,[O]),onClose:E.useCallback((()=>{window.clearTimeout(T.current),y(!1),x()}),[y,x])},o))};exports.Tooltip=k;const P=/*#__PURE__*/E.forwardRef(((e,t)=>{const{__scopeTooltip:o,...r}=e,n=h("TooltipTrigger",o),i=b(o),s=T(t,n.onTriggerChange),a=E.useRef(!1),l=E.useCallback((()=>a.current=!1),[]);return E.useEffect((()=>()=>document.removeEventListener("mouseup",l)),[l]),/*#__PURE__*/E.createElement(c.Anchor,w({asChild:!0},i),/*#__PURE__*/E.createElement(u.button,w({"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute},r,{ref:s,onMouseEnter:C(e.onMouseEnter,n.onTriggerEnter),onMouseLeave:C(e.onMouseLeave,n.onClose),onMouseDown:C(e.onMouseDown,(()=>{a.current=!0,document.addEventListener("mouseup",l,{once:!0})})),onFocus:C(e.onFocus,(()=>{a.current||n.onOpen()})),onBlur:C(e.onBlur,n.onClose),onClick:C(e.onClick,(e=>{0===e.detail&&n.onClose()}))})))}));exports.TooltipTrigger=P;const R=/*#__PURE__*/E.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=h("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return E.createElement(s,{present:o||n.open},/*#__PURE__*/E.createElement(M,w({ref:t},r)))}));exports.TooltipContent=R;const M=/*#__PURE__*/E.forwardRef(((e,o)=>{const{__scopeTooltip:r,children:n,"aria-label":u,portalled:s=!0,onEscapeKeyDown:l,onPointerDownOutside:p,...d}=e,f=h("TooltipContent",r),T=b(r),C=s?a:E.Fragment,{onClose:v}=f;return E.useEffect((()=>(document.addEventListener("tooltip.open",v),()=>document.removeEventListener("tooltip.open",v))),[v]),/*#__PURE__*/E.createElement(C,null,/*#__PURE__*/E.createElement(L,{__scopeTooltip:r}),/*#__PURE__*/E.createElement(m,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:p,onFocusOutside:e=>e.preventDefault(),onDismiss:v},/*#__PURE__*/E.createElement(c.Content,w({"data-state":f.stateAttribute},T,d,{ref:o,style:{...d.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/E.createElement(i,null,n),/*#__PURE__*/E.createElement(t.Root,{id:f.contentId,role:"tooltip"},u||n))))})),A=/*#__PURE__*/E.forwardRef(((e,t)=>{const{__scopeTooltip:o,...r}=e,n=b(o);/*#__PURE__*/return E.createElement(c.Arrow,w({},n,r,{ref:t}))}));/*#__PURE__*/function L(e){const{__scopeTooltip:t}=e,n=h("CheckTriggerMoved",t),i=o(n.trigger),u=null==i?void 0:i.left,s=r(u),a=null==i?void 0:i.top,l=r(a),c=n.onClose;return E.useEffect((()=>{(void 0!==s&&s!==u||void 0!==l&&l!==a)&&c()}),[c,s,l,u,a]),null}exports.TooltipArrow=A;const S=O;exports.Provider=S;const F=k;exports.Root=F;const I=P;exports.Trigger=I;const j=R;exports.Content=j;const B=A;exports.Arrow=B;
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;
//# sourceMappingURL=index.js.map

@@ -1,2 +0,2 @@

import*as e from"@radix-ui/react-visually-hidden";import{useRect as o}from"@radix-ui/react-use-rect";import{usePrevious as t}from"@radix-ui/react-use-previous";import{useControllableState as r}from"@radix-ui/react-use-controllable-state";import{Slottable as n}from"@radix-ui/react-slot";import{Primitive as i}from"@radix-ui/react-primitive";import{Presence as a}from"@radix-ui/react-presence";import{Portal as l}from"@radix-ui/react-portal";import*as s from"@radix-ui/react-popper";import{createPopperScope as c}from"@radix-ui/react-popper";import{useId as u}from"@radix-ui/react-id";import{DismissableLayer as p}from"@radix-ui/react-dismissable-layer";import{createContextScope as d}from"@radix-ui/react-context";import{useComposedRefs as m}from"@radix-ui/react-compose-refs";import{composeEventHandlers as f}from"@radix-ui/primitive";import*as T from"react";import w from"@babel/runtime/helpers/esm/extends";const[C,E]=d("Tooltip",[c]);export{E as createTooltipScope};const x=c(),g=700,[v,b]=C("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]=T.useState(!0),l=T.useRef(0);return T.useEffect((()=>{const e=l.current;return()=>window.clearTimeout(e)}),[]),/*#__PURE__*/T.createElement(v,{scope:o,isOpenDelayed:i,delayDuration:t,onOpen:T.useCallback((()=>{window.clearTimeout(l.current),a(!1)}),[]),onClose:T.useCallback((()=>{window.clearTimeout(l.current),l.current=window.setTimeout((()=>a(!0)),r)}),[r])},n)};/*#__PURE__*/const[D,y]=C("Tooltip");export const Tooltip=e=>{const{__scopeTooltip:o,children:t,open:n,defaultOpen:i=!1,onOpenChange:a,delayDuration:l}=e,c=b("Tooltip",o),p=x(o),[d,m]=T.useState(null),f=u(),w=T.useRef(0),C=null!=l?l:c.delayDuration,E=T.useRef(!1),{onOpen:g,onClose:v}=c,[y=!1,_]=r({prop:n,defaultProp:i,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),g()),null==a||a(e)}}),O=T.useMemo((()=>y?E.current?"delayed-open":"instant-open":"closed"),[y]),h=T.useCallback((()=>{window.clearTimeout(w.current),E.current=!1,_(!0)}),[_]),k=T.useCallback((()=>{window.clearTimeout(w.current),w.current=window.setTimeout((()=>{E.current=!0,_(!0)}),C)}),[C,_]);return T.useEffect((()=>()=>window.clearTimeout(w.current)),[]),/*#__PURE__*/T.createElement(s.Root,p,/*#__PURE__*/T.createElement(D,{scope:o,contentId:f,open:y,stateAttribute:O,trigger:d,onTriggerChange:m,onTriggerEnter:T.useCallback((()=>{c.isOpenDelayed?k():h()}),[c.isOpenDelayed,k,h]),onOpen:T.useCallback(h,[h]),onClose:T.useCallback((()=>{window.clearTimeout(w.current),_(!1),v()}),[_,v])},t))};/*#__PURE__*/export const TooltipTrigger=/*#__PURE__*/T.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=y("TooltipTrigger",t),a=x(t),l=m(o,n.onTriggerChange),c=T.useRef(!1),u=T.useCallback((()=>c.current=!1),[]);return T.useEffect((()=>()=>document.removeEventListener("mouseup",u)),[u]),/*#__PURE__*/T.createElement(s.Anchor,w({asChild:!0},a),/*#__PURE__*/T.createElement(i.button,w({"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute},r,{ref:l,onMouseEnter:f(e.onMouseEnter,n.onTriggerEnter),onMouseLeave:f(e.onMouseLeave,n.onClose),onMouseDown:f(e.onMouseDown,(()=>{c.current=!0,document.addEventListener("mouseup",u,{once:!0})})),onFocus:f(e.onFocus,(()=>{c.current||n.onOpen()})),onBlur:f(e.onBlur,n.onClose),onClick:f(e.onClick,(e=>{0===e.detail&&n.onClose()}))})))}));/*#__PURE__*/export const TooltipContent=/*#__PURE__*/T.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=y("TooltipContent",e.__scopeTooltip);/*#__PURE__*/return T.createElement(a,{present:t||n.open},/*#__PURE__*/T.createElement(_,w({ref:o},r)))}));const _=/*#__PURE__*/T.forwardRef(((o,t)=>{const{__scopeTooltip:r,children:i,"aria-label":a,portalled:c=!0,onEscapeKeyDown:u,onPointerDownOutside:d,...m}=o,f=y("TooltipContent",r),C=x(r),E=c?l:T.Fragment,{onClose:g}=f;return T.useEffect((()=>(document.addEventListener("tooltip.open",g),()=>document.removeEventListener("tooltip.open",g))),[g]),/*#__PURE__*/T.createElement(E,null,/*#__PURE__*/T.createElement(O,{__scopeTooltip:r}),/*#__PURE__*/T.createElement(p,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:u,onPointerDownOutside:d,onFocusOutside:e=>e.preventDefault(),onDismiss:g},/*#__PURE__*/T.createElement(s.Content,w({"data-state":f.stateAttribute},C,m,{ref:t,style:{...m.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/T.createElement(n,null,i),/*#__PURE__*/T.createElement(e.Root,{id:f.contentId,role:"tooltip"},a||i))))}));/*#__PURE__*/export const TooltipArrow=/*#__PURE__*/T.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,n=x(t);/*#__PURE__*/return T.createElement(s.Arrow,w({},n,r,{ref:o}))}));/*#__PURE__*/function O(e){const{__scopeTooltip:r}=e,n=y("CheckTriggerMoved",r),i=o(n.trigger),a=null==i?void 0:i.left,l=t(a),s=null==i?void 0:i.top,c=t(s),u=n.onClose;return T.useEffect((()=>{(void 0!==l&&l!==a||void 0!==c&&c!==s)&&u()}),[u,l,c,a,s]),null}export const Provider=TooltipProvider;export const Root=Tooltip;export const Trigger=TooltipTrigger;export const Content=TooltipContent;export const Arrow=TooltipArrow;
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;
//# sourceMappingURL=index.module.js.map
{
"name": "@radix-ui/react-tooltip",
"version": "0.1.8-rc.1",
"version": "0.1.8-rc.2",
"license": "MIT",

@@ -31,4 +31,2 @@ "source": "src/index.ts",

"@radix-ui/react-use-controllable-state": "0.1.0",
"@radix-ui/react-use-previous": "0.1.1",
"@radix-ui/react-use-rect": "0.1.1",
"@radix-ui/react-visually-hidden": "0.1.4"

@@ -35,0 +33,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc