primereact
Version:
A rich set of premium UI Components for React.
4 lines (2 loc) • 4.46 kB
JavaScript
'use client';
var V=Object.defineProperty;var y=(o,r)=>{for(var e in r)V(o,e,{get:r[e],enumerable:!0})};import{createOptionalContext as j}from"@primereact/core/utils";var[I,i]=j();var O={};y(O,{Content:()=>u,Header:()=>A,Indicator:()=>x,Panel:()=>g,Root:()=>h,Trigger:()=>R});import{Component as q,withComponent as B}from"@primereact/core/component";import{useMotion as D}from"@primereact/core/motion";import{mergeProps as E}from"@primeuix/utils";import*as T from"react";import{createOptionalContext as k}from"@primereact/core/utils";var[H,p]=k();var s={as:"div"};var u=B({name:"Accordion.Content",defaultProps:s,setup(o){let r=i(),e=p(),t=D({cssVarPrefix:"px-accordion-content",...r?.props.motionProps,elementRef:o.elementRef,visible:e?.state.open});return{accordion:r,accordionpanel:e,motion:t}},render(o){let{props:r,ptmi:e,accordion:t,accordionpanel:c,motion:n}=o,a=E(c?.contentProps,{className:t?.cx("content")},t?.ptm("content"),e("root"),n?.rootProps);return T.createElement(q,{pIf:t?.props.lazy?n.state.rendered:!0,instance:o,attrs:a,children:r.children})}});import{Component as F,withComponent as G}from"@primereact/core/component";import{mergeProps as J}from"@primeuix/utils";import*as b from"react";var d={as:"div"};var A=G({name:"Accordion.Header",defaultProps:d,setup(){let o=i(),r=p();return{accordion:o,accordionpanel:r}},render(o){let{props:r,ptmi:e,accordion:t,accordionpanel:c}=o,n=J(c?.headerProps,{className:t?.cx("header")},t?.ptm("header"),e("root"));return b.createElement(F,{instance:o,attrs:n,children:r.children})}});import{Component as K,withComponent as L}from"@primereact/core/component";import{mergeProps as Q}from"@primeuix/utils";import*as w from"react";var m={as:"span",match:void 0};var x=L({name:"Accordion.Indicator",defaultProps:m,setup(o){let r=i(),e=p(),t={id:o.id};return{accordion:r,accordionpanel:e,indicatorProps:t}},render(o){let{props:r,ptmi:e,accordion:t,accordionpanel:c,indicatorProps:n}=o;if(r.match){let S=c?.state.open?"open":"closed";if(r.match!==S)return null}let a=Q(c?.indicatorProps,n,{className:t?.cx("indicator")},t?.ptm("indicator"),e("root"));return w.createElement(K,{instance:o,attrs:a,children:r.children})}});import{Component as U,withComponent as W}from"@primereact/core/component";import{useAccordionPanel as X}from"@primereact/headless/accordion";import{mergeProps as Y}from"@primeuix/utils";import*as C from"react";var l={as:"div",value:void 0,disabled:!1};var g=W({name:"Accordion.Panel",defaultProps:l,setup({props:o}){let r=i();return{...X({value:o.value,disabled:o.disabled,context:r}),accordion:r}},render(o){let{props:r,ptmi:e,state:t,panelProps:c,accordion:n}=o,a=Y(c,{className:n?.cx("panel",{active:t.open,disabled:t.disabled})},n?.ptm("panel"),e("root"));return C.createElement(H,{value:o},C.createElement(U,{instance:o,attrs:a,children:r.children}))}});import{Component as Z,withComponent as _}from"@primereact/core/component";import{useAccordion as $}from"@primereact/headless/accordion";import{mergeProps as oo}from"@primeuix/utils";import*as v from"react";import*as N from"@primereact/headless/accordion";var f={...N.defaultProps,as:"div",lazy:!1,tabIndex:0,disabled:!1,motionProps:void 0};var h=_({name:"Accordion.Root",defaultProps:f,setup(o){return $(o.inProps)},render(o){let{props:r,ptmi:e,cx:t,rootProps:c}=o,n=oo(c,{className:t("root")},e("root"));return v.createElement(I,{value:o},v.createElement(Z,{instance:o,attrs:n,children:r.children}))}});import{Component as ro,withComponent as to}from"@primereact/core/component";import{mergeProps as eo}from"@primeuix/utils";import*as z from"react";var P={as:"button"};var R=to({name:"Accordion.Trigger",defaultProps:P,setup(){let o=i(),r=p();return{accordion:o,accordionpanel:r}},render(o){let{props:r,ptmi:e,accordion:t,accordionpanel:c}=o,n=eo(c?.triggerProps,{className:t?.cx("trigger")},t?.ptm("trigger"),e("root"));return z.createElement(ro,{instance:o,attrs:n,children:r.children})}});var M={};y(M,{defaultContentProps:()=>s,defaultHeaderProps:()=>d,defaultIndicatorProps:()=>m,defaultPanelProps:()=>l,defaultRootProps:()=>f,defaultTriggerProps:()=>P});export{O as Accordion,u as AccordionContent,A as AccordionHeader,x as AccordionIndicator,g as AccordionPanel,M as AccordionProps,I as AccordionProvider,h as AccordionRoot,R as AccordionTrigger,s as defaultContentProps,d as defaultHeaderProps,m as defaultIndicatorProps,l as defaultPanelProps,f as defaultRootProps,P as defaultTriggerProps,i as useAccordionContext};