primereact/drawer/index.mjs

A rich set of premium UI Components for React.

'use client';

var S=Object.defineProperty;var F=(r,o)=>{for(var p in o)S(r,p,{get:o[p],enumerable:!0})};import{createOptionalContext as U}from"@primereact/core/utils";var[N,a]=U();var J={};F(J,{Backdrop:()=>g,Close:()=>h,Content:()=>T,Footer:()=>R,Header:()=>v,Popup:()=>C,Portal:()=>H,Root:()=>b,Title:()=>B,Trigger:()=>E});import{Component as W,withComponent as X}from"@primereact/core/component";import{useMotion as Y}from"@primereact/core/motion";import{mergeProps as Z}from"@primeuix/utils";import*as M from"react";var m={as:"div",motionProps:void 0};var g=X({name:"Drawer.Backdrop",defaultProps:m,setup({props:r}){let o=a(),p=Y({cssVarPrefix:"px-drawer-backdrop",...r.motionProps,elementRef:o?.state?.backdropElement,visible:!!o?.state?.open});return{drawer:o,motion:p}},render(r){let{drawer:o,ptmi:p,props:e,motion:t}=r,s=Z(o?.backdropProps,{className:o?.cx("backdrop"),style:o?.sx("backdrop")},o?.ptm("backdrop"),p("root"),t?.rootProps);return M.createElement(W,{pIf:t?.state.rendered,instance:r,attrs:s,children:e.children})}});import{Component as _,withComponent as $}from"@primereact/core/component";import{mergeProps as rr}from"@primeuix/utils";import*as A from"react";var n={as:"button"};var h=$({name:"Drawer.Close",defaultProps:n,setup(){return{drawer:a()}},render(r){let{props:o,ptmi:p,drawer:e}=r,t=rr(e?.closeProps,{className:e?.cx("close")},e?.ptm("close"),p("root"));return A.createElement(_,{instance:r,attrs:t,children:o.children})}});import{Component as or,withComponent as er}from"@primereact/core/component";import{mergeProps as tr}from"@primeuix/utils";import*as I from"react";var i={as:"div"};var T=er({name:"Drawer.Content",defaultProps:i,setup(){return{drawer:a()}},render(r){let{props:o,ptmi:p,drawer:e}=r,t=tr({className:e?.cx("content")},e?.ptm("content"),p("root"));return I.createElement(or,{instance:r,attrs:t,children:o.children})}});import{Component as pr,withComponent as ar}from"@primereact/core/component";import{mergeProps as sr}from"@primeuix/utils";import*as L from"react";var d={as:"div"};var R=ar({name:"Drawer.Footer",defaultProps:d,setup(){return{drawer:a()}},render(r){let{props:o,ptmi:p,drawer:e}=r,t=sr({className:e?.cx("footer")},e?.ptm("footer"),p("root"));return L.createElement(pr,{instance:r,attrs:t,children:o.children})}});import{Component as mr,withComponent as nr}from"@primereact/core/component";import{mergeProps as ir}from"@primeuix/utils";import*as V from"react";var f={as:"div"};var v=nr({name:"Drawer.Header",defaultProps:f,setup(){return{drawer:a()}},render(r){let{props:o,ptmi:p,drawer:e}=r,t=ir(e?.headerProps,{id:e?.inProps?.ariaLabelledby??e?.headerProps?.id,className:e?.cx("header")},e?.ptm("header"),p("root"));return V.createElement(mr,{instance:r,attrs:t,children:o.children})}});var x={as:"div",motionProps:void 0};import{Component as dr,withComponent as fr}from"@primereact/core/component";import{useMotion as lr}from"@primereact/core/motion";import{mergeProps as y,resolve as cr}from"@primeuix/utils";import{VisuallyHidden as O}from"primereact/visuallyhidden";import*as D from"react";var C=fr({name:"Drawer.Popup",defaultProps:x,setup({props:r}){let o=a(),p=!!o?.state?.trapped,e=lr({cssVarPrefix:"px-drawer-popup",appear:!0,...r.motionProps,elementRef:o?.state.popupElement,visible:!!o?.state?.open,onAfterEnter:t=>{r.motionProps?.onAfterEnter?.(t),o?.onOpenComplete?.()},onAfterLeave:t=>{r.motionProps?.onAfterLeave?.(t),o?.onCloseComplete?.()}});return{drawer:o,motion:e,isTrapped:p}},render(r){let{props:o,ptmi:p,ptm:e,drawer:t,motion:s,isTrapped:w}=r,Q=y(t?.popupProps,{className:t?.cx("root")},t?.ptm("popup"),p("root"),s.rootProps);return D.createElement(dr,{pIf:s.state.rendered,instance:r,attrs:Q},w&&D.createElement(O,{focusable:!0,ref:t?.focusTrap?.firstHiddenElementRef,...y(t?.focusTrap?.firstHiddenProps,e("hiddenElement"))}),cr(o.children,r),w&&D.createElement(O,{focusable:!0,ref:t?.focusTrap?.lastHiddenElementRef,...y(t?.focusTrap?.lastHiddenProps,e("hiddenElement"))}))}});import{withComponent as Pr}from"@primereact/core/component";import{mergeProps as ur}from"@primeuix/utils";import{Portal as wr}from"primereact/portal";import*as j from"react";var l={};var H=Pr({name:"Drawer.Portal",defaultProps:l,setup(){return{drawer:a()}},render(r){let{props:o,drawer:p,ptmi:e}=r,t=ur(p?.ptm("portal"),e("root"));return j.createElement(wr,{instance:r,attrs:t,children:o.children,appendTo:o.appendTo})}});import{Component as xr,withComponent as Dr}from"@primereact/core/component";import{useDrawer as Cr}from"@primereact/headless/drawer";import{mergeProps as gr}from"@primeuix/utils";import*as k from"react";import*as q from"@primereact/headless/drawer";var c={...q.defaultProps};var b=Dr({name:"Drawer.Root",defaultProps:c,setup(r){return Cr(r.inProps)},render(r){let{props:o,ptmi:p,cx:e,sx:t,rootProps:s}=r,w=gr(s,{className:e("root"),style:t("root")},p("root"));return k.createElement(N,{value:r},k.createElement(xr,{instance:r,attrs:w,children:o.children}))}});import{Component as hr,withComponent as Tr}from"@primereact/core/component";import{mergeProps as Rr}from"@primeuix/utils";import*as z from"react";var P={as:"div"};var B=Tr({name:"Drawer.Title",defaultProps:P,setup(){return{drawer:a()}},render(r){let{props:o,ptmi:p,drawer:e}=r,t=Rr({className:e?.cx("title")},e?.ptm("title"),p("root"));return z.createElement(hr,{instance:r,attrs:t,children:o.children})}});import{Component as vr,withComponent as yr}from"@primereact/core/component";import{mergeProps as Hr}from"@primeuix/utils";import*as G from"react";var u={as:"button"};var E=yr({name:"Drawer.Trigger",defaultProps:u,setup(){return{drawer:a()}},render(r){let{props:o,ptmi:p,drawer:e}=r,t=Hr(e?.triggerProps,{className:e?.cx("trigger")},e?.ptm("trigger"),p("root"));return G.createElement(vr,{instance:r,attrs:t,children:o.children})}});var K={};F(K,{defaultBackdropProps:()=>m,defaultCloseProps:()=>n,defaultContentProps:()=>i,defaultFooterProps:()=>d,defaultHeaderProps:()=>f,defaultPortalProps:()=>l,defaultRootProps:()=>c,defaultTitleProps:()=>P,defaultTriggerProps:()=>u});export{J as Drawer,g as DrawerBackdrop,h as DrawerClose,T as DrawerContent,R as DrawerFooter,v as DrawerHeader,C as DrawerPopup,H as DrawerPortal,K as DrawerProps,N as DrawerProvider,b as DrawerRoot,B as DrawerTitle,E as DrawerTrigger,m as defaultBackdropProps,n as defaultCloseProps,i as defaultContentProps,d as defaultFooterProps,f as defaultHeaderProps,x as defaultPopupProps,l as defaultPortalProps,c as defaultRootProps,P as defaultTitleProps,u as defaultTriggerProps,a as useDrawerContext};