primereact/popover/index.mjs

A rich set of premium UI Components for React.

'use client';

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