primereact/popover/index.mjs

A rich set of premium UI Components for React.

'use client';

var Z=Object.defineProperty;var M=(o,r)=>{for(var t in r)Z(o,t,{get:r[t],enumerable:!0})};import{createOptionalContext as _}from"@primereact/core/utils";var[I,s]=_();var U={};M(U,{Arrow:()=>h,Close:()=>g,Content:()=>R,Description:()=>T,Footer:()=>w,Header:()=>y,Popup:()=>H,Portal:()=>A,Positioner:()=>E,Root:()=>F,Title:()=>N,Trigger:()=>O});import{Component as $,withComponent as oo}from"@primereact/core/component";import{mergeProps as ro}from"@primeuix/utils";import*as L from"react";var i={as:"div"};var h=oo({name:"Popover.Arrow",defaultProps:i,setup(){return{popover:s()}},render(o){let{props:r,popover:t,ptmi:e}=o,p=ro({className:t?.cx("arrow")},t?.ptm("arrow"),e("root"));return L.createElement($,{instance:o,attrs:p,children:r.children,ref:t?.setArrowRef})}});import{Component as eo,withComponent as to}from"@primereact/core/component";import{mergeProps as po}from"@primeuix/utils";import*as k from"react";var m={as:"button"};var g=to({name:"Popover.Close",defaultProps:m,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=po(e?.closeProps,{className:e?.cx("close")},e?.ptm("close"),t("root"));return k.createElement(eo,{instance:o,attrs:p,children:r.children})}});import{Component as so,withComponent as no}from"@primereact/core/component";import{mergeProps as io}from"@primeuix/utils";import*as V from"react";var P={as:"div"};var R=no({name:"Popover.Content",defaultProps:P,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=io({className:e?.cx("content")},e?.ptm("content"),t("root"));return V.createElement(so,{instance:o,attrs:p,children:r.children})}});import{Component as mo,withComponent as Po}from"@primereact/core/component";import{mergeProps as ao}from"@primeuix/utils";import*as W from"react";var a={as:"p"};var T=Po({name:"Popover.Description",defaultProps:a,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=ao({className:e?.cx("description")},e?.ptm("description"),t("root"));return W.createElement(mo,{instance:o,attrs:p,children:r.children})}});import{Component as fo,withComponent as co}from"@primereact/core/component";import{mergeProps as lo}from"@primeuix/utils";import*as j from"react";var f={as:"div"};var w=co({name:"Popover.Footer",defaultProps:f,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=lo({className:e?.cx("footer")},e?.ptm("footer"),t("root"));return j.createElement(fo,{instance:o,attrs:p,children:r.children})}});import{Component as vo,withComponent as uo}from"@primereact/core/component";import{mergeProps as xo}from"@primeuix/utils";import*as q from"react";var c={as:"div"};var y=uo({name:"Popover.Header",defaultProps:c,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=xo({className:e?.cx("header")},e?.ptm("header"),t("root"));return q.createElement(vo,{instance:o,attrs:p,children:r.children})}});import{Component as Co,withComponent as ho}from"@primereact/core/component";import{useMotion as go}from"@primereact/core/motion";import{useOverlayClickEmitter as Ro}from"@primereact/core/utils";import{mergeProps as To}from"@primeuix/utils";import{VisuallyHidden as z}from"primereact/visuallyhidden";import*as n from"react";var l={as:"div",motionProps:void 0};var H=ho({name:"Popover.Popup",defaultProps:l,setup({props:o}){let r=s(),t=!!r?.state?.trapped,e=go({cssVarPrefix:"px-popover-popup",...o.motionProps,appear:!0,elementRef:r?.state.popupElement,visible:!!r?.state?.open,onAfterEnter:p=>{o.motionProps?.onAfterEnter?.(p),r?.onOpenComplete?.()},onAfterLeave:p=>{o.motionProps?.onAfterLeave?.(p),r?.setRendered?.(!1),r?.onCloseComplete?.()}});return Ro(r?.state.popupElement,()=>r?.elementRef?.current),{popover:r,motion:e,isTrapped:t}},render(o){let{props:r,ptmi:t,popover:e,motion:p,isTrapped:b}=o,Y=To(e?.popupProps,{className:e?.cx("popup")},e?.ptm("popup"),t("root"),p?.rootProps);return n.createElement(n.Fragment,null,b&&n.createElement(z,{focusable:!0,ref:e?.focusTrap?.firstHiddenElementRef,...e?.focusTrap?.firstHiddenProps}),n.createElement(Co,{instance:o,attrs:Y,children:r.children,ref:e?.setPopupRef}),b&&n.createElement(z,{focusable:!0,ref:e?.focusTrap?.lastHiddenElementRef,...e?.focusTrap?.lastHiddenProps}))}});import{withComponent as wo}from"@primereact/core/component";import{mergeProps as yo}from"@primeuix/utils";import{Portal as Ho}from"primereact/portal";import*as B from"react";var v={};var A=wo({name:"Popover.Portal",defaultProps:v,setup(){return{popover:s()}},render(o){let{props:r,popover:t,ptmi:e}=o,p=yo({className:t?.cx("portal")},t?.ptm("portal"),e("root"));return B.createElement(Ho,{instance:o,attrs:p,children:r.children,appendTo:r.appendTo})}});import{Component as Ao,withComponent as Eo}from"@primereact/core/component";import{usePositioner as Do}from"@primereact/headless/positioner";import{mergeProps as Fo}from"@primeuix/utils";import*as J from"react";import*as G from"@primereact/headless/positioner";var u={...G.defaultProps,as:"div"};var E=Eo({name:"Popover.Positioner",defaultProps:u,setup({props:o}){let r=s(),t=Do({align:o.align,side:o.side,sideOffset:o.sideOffset,alignOffset:o.alignOffset,flip:o.flip,shift:o.shift,hideWhenDetached:o.hideWhenDetached,anchor:r?.state.anchorElement,content:r?.state.positionerElement,arrow:r?.state.arrowElement});return{popover:r,positioner:t}},render(o){let{props:r,popover:t,ptmi:e}=o,p=Fo({className:t?.cx("positioner")},t?.ptm("positioner"),e("root"));return J.createElement(Ao,{pIf:t?.state.rendered,instance:o,attrs:p,children:r.children,ref:t?.setPositionerRef})}});import{Component as No,withComponent as Oo}from"@primereact/core/component";import{usePopover as bo}from"@primereact/headless/popover";import{mergeProps as Mo}from"@primeuix/utils";import*as D from"react";import*as K from"@primereact/headless/popover";var d={...K.defaultProps,as:void 0};var F=Oo({name:"Popover.Root",defaultProps:d,setup(o){return bo(o?.inProps)},render(o){let{props:r,ptmi:t}=o,e=Mo({},t("root"));return D.createElement(I,{value:o},D.createElement(No,{instance:o,attrs:e,children:r.children}))}});import{Component as Io,withComponent as Lo}from"@primereact/core/component";import{mergeProps as ko}from"@primeuix/utils";import*as Q from"react";var x={as:"h2"};var N=Lo({name:"Popover.Title",defaultProps:x,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=ko({className:e?.cx("title")},e?.ptm("title"),t("root"));return Q.createElement(Io,{instance:o,attrs:p,children:r.children})}});import{Component as Vo,withComponent as Wo}from"@primereact/core/component";import{mergeProps as jo}from"@primeuix/utils";import*as S from"react";var C={as:"button"};var O=Wo({name:"Popover.Trigger",defaultProps:C,setup(){return{popover:s()}},render(o){let{props:r,ptmi:t,popover:e}=o,p=jo(e?.triggerProps,{className:e?.cx("trigger")},e?.ptm("trigger"),t("root"));return S.createElement(Vo,{instance:o,attrs:p,children:r.children,ref:e?.setAnchorRef})}});var X={};M(X,{defaultArrowProps:()=>i,defaultCloseProps:()=>m,defaultContentProps:()=>P,defaultDescriptionProps:()=>a,defaultFooterProps:()=>f,defaultHeaderProps:()=>c,defaultPopupProps:()=>l,defaultPortalProps:()=>v,defaultPositionerProps:()=>u,defaultRootProps:()=>d,defaultTitleProps:()=>x,defaultTriggerProps:()=>C});export{U as Popover,h as PopoverArrow,g as PopoverClose,R as PopoverContent,T as PopoverDescription,w as PopoverFooter,y as PopoverHeader,H as PopoverPopup,A as PopoverPortal,E as PopoverPositioner,X as PopoverProps,I as PopoverProvider,F as PopoverRoot,N as PopoverTitle,O as PopoverTrigger,i as defaultArrowProps,m as defaultCloseProps,P as defaultContentProps,a as defaultDescriptionProps,f as defaultFooterProps,c as defaultHeaderProps,l as defaultPopupProps,v as defaultPortalProps,u as defaultPositionerProps,d as defaultRootProps,x as defaultTitleProps,C as defaultTriggerProps,s as usePopoverContext};