primereact/tooltip/index.mjs

A rich set of premium UI Components for React.

'use client';

var V=Object.defineProperty;var R=(o,t)=>{for(var r in t)V(o,r,{get:t[r],enumerable:!0})};import{createOptionalContext as j}from"@primereact/core/utils";var[w,i]=j();var L={};R(L,{Arrow:()=>T,Manager:()=>g,Popup:()=>x,Portal:()=>h,Positioner:()=>M,Root:()=>v,Trigger:()=>C});import{Component as k,withComponent as q}from"@primereact/core/component";import{mergeProps as z}from"@primeuix/utils";import*as y from"react";var a={as:"div"};var T=q({name:"Tooltip.Arrow",defaultProps:a,setup(){return{tooltip:i()}},render(o){let{props:t,tooltip:r,ptmi:e}=o,p=z(r?.arrowProps,{className:r?.cx("arrow")},r?.ptm("arrow"),e("root"));return y.createElement(k,{instance:o,attrs:p,children:t.children})}});import{Component as J,withComponent as K}from"@primereact/core/component";import{useTooltipManager as Q}from"@primereact/headless/tooltipmanager";import{mergeProps as S}from"@primeuix/utils";import*as m from"react";import{createOptionalContext as B}from"@primereact/core/utils";var[A,E]=B();import*as N from"@primereact/headless/tooltipmanager";var s={...N.defaultProps};var g=K({name:"Tooltip.Manager",defaultProps:s,setup(o){return Q(o?.inProps)},render(o){let{id:t,props:r,ptmi:e,cx:p}=o,n=S({id:t,className:p("manager")},e("manager"));return m.createElement(A,{value:o},m.createElement(J,{as:m.Fragment,instance:o,attrs:n,children:r.children}))}});import{Component as U,withComponent as X}from"@primereact/core/component";import{useMotion as Y}from"@primereact/core/motion";import{mergeProps as Z}from"@primeuix/utils";import*as O from"react";var l={as:"div",motionProps:void 0};var x=X({name:"Tooltip.Popup",defaultProps:l,setup({props:o}){let t=i(),r=Y({cssVarPrefix:"px-tooltip-popup",...o.motionProps,appear:!0,elementRef:t?.popupRef,visible:!!t?.state?.open,onAfterEnter:e=>{o.motionProps?.onAfterEnter?.(e),t?.onOpenComplete?.()},onAfterLeave:e=>{o.motionProps?.onAfterLeave?.(e),t?.setRendered?.(!1),t?.onCloseComplete?.()}});return{tooltip:t,motion:r}},render(o){let{props:t,ptmi:r,tooltip:e,motion:p}=o,n=Z(e?.popupProps,{className:e?.cx("popup")},e?.ptm("popup"),r("root"),p?.rootProps);return O.createElement(U,{pIf:p?.state.rendered,instance:o,attrs:n,children:t.children})}});import{withComponent as _}from"@primereact/core/component";import{mergeProps as $}from"@primeuix/utils";import{Portal as oo}from"primereact/portal";import*as H from"react";var f={};var h=_({name:"Tooltip.Portal",defaultProps:f,setup(){return{tooltip:i()}},render(o){let{props:t,tooltip:r,ptmi:e}=o,p=$({className:r?.cx("portal")},r?.ptm("portal"),e("root"));return H.createElement(oo,{instance:o,attrs:p,children:t.children,appendTo:t.appendTo})}});import{Component as to,withComponent as ro}from"@primereact/core/component";import{usePositioner as eo}from"@primereact/headless/positioner";import{mergeProps as po}from"@primeuix/utils";import*as b from"react";import*as I from"@primereact/headless/positioner";var P={...I.defaultProps,side:"top",as:"div"};var M=ro({name:"Tooltip.Positioner",defaultProps:P,setup({props:o}){let t=i(),r=eo({align:o.align,side:o.side,sideOffset:o.sideOffset,alignOffset:o.alignOffset,flip:o.flip,shift:o.shift,hideWhenDetached:o.hideWhenDetached,anchor:t?.state.anchorElement,content:t?.state.positionerElement,arrow:t?.state.arrowElement});return{tooltip:t,positioner:r}},render(o){let{props:t,tooltip:r,ptmi:e}=o,p=po(r?.positionerProps,{className:r?.cx("positioner")},r?.ptm("positioner"),e("root"));return b.createElement(to,{pIf:r?.state.rendered,instance:o,attrs:p,children:t.children})}});import{Component as io,withComponent as so}from"@primereact/core/component";import{useTooltip as no}from"@primereact/headless/tooltip";import{mergeProps as ao}from"@primeuix/utils";import*as u from"react";import*as D from"@primereact/headless/tooltip";var c={...D.defaultProps};var v=so({name:"Tooltip.Root",defaultProps:c,setup(o){let t=E();return no({...o.inProps,tooltipManager:t})},render(o){let{props:t,ptmi:r,cx:e,rootProps:p}=o,n=ao(p,{className:e("root")},r("root"));return u.createElement(w,{value:o},u.createElement(io,{as:u.Fragment,instance:o,attrs:n,children:t.children}))}});import{Component as mo,withComponent as lo}from"@primereact/core/component";import{mergeProps as fo}from"@primeuix/utils";import*as F from"react";var d={as:"button"};var C=lo({name:"Tooltip.Trigger",defaultProps:d,setup(){return{tooltip:i()}},render(o){let{props:t,ptmi:r,tooltip:e}=o,p=fo(e?.triggerProps,{className:e?.cx("trigger")},e?.ptm("trigger"),r("root"));return F.createElement(mo,{instance:o,attrs:p,children:t.children})}});var W={};R(W,{defaultArrowProps:()=>a,defaultManagerProps:()=>s,defaultPopupProps:()=>l,defaultPortalProps:()=>f,defaultPositionerProps:()=>P,defaultRootProps:()=>c,defaultTriggerProps:()=>d});export{L as Tooltip,T as TooltipArrow,g as TooltipManager,x as TooltipPopup,h as TooltipPortal,M as TooltipPositioner,W as TooltipProps,w as TooltipProvider,v as TooltipRoot,C as TooltipTrigger,a as defaultArrowProps,s as defaultManagerProps,l as defaultPopupProps,f as defaultPortalProps,P as defaultPositionerProps,c as defaultRootProps,d as defaultTriggerProps,i as useTooltipContext};