UNPKG

primereact

Version:

A rich set of premium UI Components for React.

primereact.dev

4 lines (2 loc) • 12.3 kB
1
2
3
4
'use client'; var Oo=Object.defineProperty;var to=(o,t)=>{for(var e in t)Oo(o,e,{get:t[e],enumerable:!0})};import{createOptionalContext as vo}from"@primereact/core/utils";var[eo,m]=vo();var go={};to(go,{Arrow:()=>V,Clear:()=>k,Empty:()=>M,Footer:()=>G,Header:()=>S,Indicator:()=>j,Input:()=>D,List:()=>z,Option:()=>c,OptionIndicator:()=>J,Popup:()=>Q,Portal:()=>U,Positioner:()=>H,Root:()=>Y,Trigger:()=>Z,Value:()=>_});import{Component as Ro,withComponent as wo}from"@primereact/core/component";import{mergeProps as Io}from"@primeuix/utils";import*as ro from"react";var P={as:"div"};var V=wo({name:"AutoComplete.Arrow",defaultProps:P,setup(){return{autocomplete:m()}},render(o){let{props:t,autocomplete:e,ptmi:r}=o,p=Io(e?.arrowProps,{className:e?.cx("arrow")},e?.ptm("arrow"),r("root"));return ro.createElement(Ro,{instance:o,attrs:p,children:t.children})}});import{Component as bo,withComponent as Eo}from"@primereact/core/component";import{mergeProps as Lo}from"@primeuix/utils";import*as po from"react";var C={as:"span"};var k=Eo({name:"AutoComplete.Clear",defaultProps:C,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o;if(!r?.hasValue())return null;let p=Lo(r?.clearProps,{className:r?.cx("clear")},r?.ptm("clear"),e("root"));return po.createElement(bo,{instance:o,attrs:p,children:t.children})}});import{Component as To,withComponent as No}from"@primereact/core/component";import{mergeProps as Ho}from"@primeuix/utils";import*as mo from"react";var A={as:"div"};var M=No({name:"AutoComplete.Empty",defaultProps:A,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,{listbox:p}=r||{},s=Ho({className:r?.cx("empty")},r?.ptm("empty"),e("root"));return mo.createElement(To,{pIf:p?.getOptions().length===0,instance:o,attrs:s,children:t.children})}});import{Component as Fo,withComponent as Vo}from"@primereact/core/component";import{mergeProps as ko}from"@primeuix/utils";import*as so from"react";var x={as:"div"};var G=Vo({name:"AutoComplete.Footer",defaultProps:x,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,p=ko({className:r?.cx("footer")},r?.ptm("footer"),e("root"));return so.createElement(Fo,{instance:o,attrs:p,children:t.children})}});import{Component as Mo,withComponent as Go}from"@primereact/core/component";import{mergeProps as So}from"@primeuix/utils";import*as no from"react";var g={as:"div"};var S=Go({name:"AutoComplete.Header",defaultProps:g,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,p=So({className:r?.cx("header")},r?.ptm("header"),e("root"));return no.createElement(Mo,{instance:o,attrs:p,children:t.children})}});import{Component as jo,withComponent as Do}from"@primereact/core/component";import{mergeProps as Ko}from"@primeuix/utils";import*as io from"react";var h={as:"span",match:"always"};var j=Do({name:"AutoComplete.Indicator",defaultProps:h,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,p=r?.state?.opened;if(t.match&&t.match!=="always"){let n=p?"open":"closed";if(t.match!==n)return null}let s=Ko(r?.indicatorProps,{className:r?.cx("indicator")},r?.ptm("indicator"),e("root"));return io.createElement(jo,{instance:o,attrs:s,children:t.children})}});import{Component as $o,withComponent as Wo}from"@primereact/core/component";import{mergeProps as Bo}from"@primeuix/utils";import*as ao from"react";var y={as:"input"};var D=Wo({name:"AutoComplete.Input",defaultProps:y,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,p=Bo(r?.inputProps,{className:r?.cx("input")},r?.ptm("input"),e("root"));return ao.createElement($o,{instance:o,attrs:p,children:t.children})}});import{Component as Uo,withComponent as Xo}from"@primereact/core/component";import{mergeProps as Yo,resolve as Zo}from"@primeuix/utils";import*as N from"react";import{Component as zo,withComponent as Jo}from"@primereact/core/component";import{useListboxOption as Qo}from"@primereact/headless/listbox";import{mergeProps as W}from"@primeuix/utils";import*as B from"react";import{createOptionalContext as qo}from"@primereact/core/utils";var[K,$]=qo();var O={as:"li",group:!1,uKey:void 0,index:void 0};var c=Jo({name:"AutoComplete.Option",defaultProps:O,setup(o){let t=m(),{listbox:e}=t||{},r=e?.getOptions(),p=o.props?.index??r?.findIndex(u=>u&&typeof u=="object"&&e?.props.optionKey?u[e.props.optionKey]===o.props.uKey:!1)??-1,s=r?.[p],n=o.props?.group??e?.isOptionGroup(s),a=Qo({option:s,index:p,group:n,context:e});return{autocomplete:t,listbox:e,listboxOption:a,option:s,index:p,...a?.state}},render(o){let{props:t,ptmi:e,autocomplete:r,listboxOption:p,index:s,selected:n,focused:a,disabled:u,group:i}=o,l=i?W(p.groupProps,{className:r?.cx("optionGroup",{index:s})},r?.ptm("optionGroup")):W(p.optionProps,{className:r?.cx("option",{index:s,selected:n,focused:a,disabled:u})},r?.ptm("option")),oo=W(l,e("root"));return B.createElement(K,{value:o},B.createElement(zo,{instance:o,attrs:oo,children:t.children}))}});var q={as:"ul"};var z=Xo({name:"AutoComplete.List",defaultProps:q,setup(){let o=m(),t=o?.listbox;return{autocomplete:o,listbox:t,options:t?.getOptions()}},render(o){let{props:t,ptmi:e,autocomplete:r,options:p}=o,{listbox:s}=r||{},n=()=>p?.map((i,l)=>{if(s?.isOptionGroup(i)){let d=s?.getOptionGroupLabel(i.optionGroup),T=`group-${String(d??l)}`;return N.createElement(c,{key:T,index:l,group:!0},d)}else{let d=s?.getOptionLabel(i),T=s?.getOptionValue(i),yo=T!=null?`opt-${String(T)}`:`opt-${String(d??l)}`;return N.createElement(c,{key:yo,index:l},d)}}),a=Yo(r?.listProps,{className:r?.cx("list")},r?.ptm("list"),e("root")),u=t.children?Zo(t.children,o):n();return N.createElement(Uo,{ref:s?.listRef,instance:o,attrs:a},u)}});import{Component as _o,withComponent as ot}from"@primereact/core/component";import{mergeProps as tt}from"@primeuix/utils";import*as uo from"react";var v={as:"div",match:"always"};var J=ot({name:"AutoComplete.OptionIndicator",defaultProps:v,setup(){let o=m(),t=$();return{autocomplete:o,option:t?.option,index:t?.index,group:t?.group,selected:t?.selected,listboxOption:t?.listboxOption}},render(o){let{props:t,ptmi:e,autocomplete:r,selected:p,listboxOption:s}=o;if(t.match!=="always"){let a=p?"selected":"unselected";if(t.match!==a)return null}let n=tt(s?.optionIndicatorProps,{className:r?.cx("optionIndicator")},r?.ptm("optionIndicator"),e("root"));return uo.createElement(_o,{instance:o,attrs:n,children:t.children})}});import{Component as et,withComponent as rt}from"@primereact/core/component";import{useMotion as pt}from"@primereact/core/motion";import{OverlayEventBus as lo}from"@primereact/core/utils";import{mergeProps as mt}from"@primeuix/utils";import{FocusTrap as st}from"primereact/focustrap";import*as w from"react";var R={as:"div",motionProps:void 0};var Q=rt({name:"AutoComplete.Popup",defaultProps:R,setup({props:o}){let t=m(),e=pt({cssVarPrefix:"px-autocomplete-popup",...o.motionProps,elementRef:t?.state.popupElement,visible:!!t?.state?.opened,onAfterLeave:r=>{o.motionProps?.onAfterLeave?.(r),t?.setRendered?.(!1)}});return{autocomplete:t,motion:e}},render(o){let{props:t,autocomplete:e,ptmi:r,motion:p}=o,s=mt(e?.popupProps,{className:e?.cx("popup"),onPointerDownCapture:n=>{lo.emit("overlay-click",{originalEvent:n,target:e?.elementRef?.current??null})},onMouseDownCapture:n=>{lo.emit("overlay-click",{originalEvent:n,target:e?.elementRef?.current??null})}},e?.ptm("popup"),r("root"),p?.rootProps);return w.createElement(st,{as:w.Fragment,trapped:e?.state.opened,autoFocus:!1,onEscape:()=>e?.hide?.(),onTabFirst:()=>e?.focus?.(),onTabLast:()=>e?.focus?.()},w.createElement(et,{instance:o,attrs:s,children:t.children}))}});import{withComponent as nt}from"@primereact/core/component";import{mergeProps as it}from"@primeuix/utils";import{Portal as at}from"primereact/portal";import*as co from"react";var I={};var U=nt({name:"AutoComplete.Portal",defaultProps:I,setup(){return{autocomplete:m()}},render(o){let{props:t,autocomplete:e,ptmi:r}=o,p=it({className:e?.cx("portal")},e?.ptm("portal"),r("root"));return co.createElement(at,{instance:o,attrs:p,children:t.children,appendTo:t.appendTo})}});import{Component as ut,withComponent as lt}from"@primereact/core/component";import{usePositioner as ct}from"@primereact/headless/positioner";import{mergeProps as ft}from"@primeuix/utils";import*as Po from"react";import*as fo from"@primereact/headless/positioner";var f={...fo.defaultProps,as:"div",sideOffset:2};var H=lt({name:"AutoComplete.Positioner",defaultProps:f,setup({props:o}){let t=m(),e=ct({align:o.align,side:o.side,sideOffset:o.sideOffset,alignOffset:o.alignOffset,flip:o.flip,shift:o.shift,hideWhenDetached:o.hideWhenDetached,anchor:o.anchor??t?.state.anchorElement,content:t?.state.positionerElement,arrow:t?.state.arrowElement});return{autocomplete:t,positioner:e}},render(o){let{props:t,autocomplete:e,ptmi:r}=o,p=ft(e?.positionerProps,{className:e?.cx("positioner")},e?.ptm("positioner"),r("root"));return Po.createElement(ut,{pIf:e?.state.rendered,instance:o,attrs:p,children:t.children})}});import{Component as dt,withComponent as Pt}from"@primereact/core/component";import{useAutoComplete as Ct}from"@primereact/headless/autocomplete";import{mergeProps as At}from"@primeuix/utils";import*as X from"react";import*as Co from"@primereact/headless/autocomplete";var b={...Co.defaultProps,as:"div",fluid:void 0,disabled:void 0,tabIndex:0};var Y=Pt({name:"AutoComplete.Root",defaultProps:b,setup(o){return o?.inProps?.instance??Ct(o.inProps)},render(o){let{props:t,ptmi:e,cx:r,rootProps:p}=o,s=At(p,{className:r("root")},e("root"));return X.createElement(eo,{value:o},X.createElement(dt,{instance:o,attrs:s,children:t.children}))}});import{Component as xt,withComponent as gt}from"@primereact/core/component";import{mergeProps as ht}from"@primeuix/utils";import*as Ao from"react";var E={as:"button"};var Z=gt({name:"AutoComplete.Trigger",defaultProps:E,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,p=ht(r?.triggerProps,{className:r?.cx("trigger")},r?.ptm("trigger"),e("root"));return Ao.createElement(xt,{instance:o,attrs:p,children:t.children})}});import{Component as yt,withComponent as Ot}from"@primereact/core/component";import{isNotEmpty as xo,mergeProps as vt,resolve as Rt}from"@primeuix/utils";import*as F from"react";var L={as:"span",placeholder:void 0};var _=Ot({name:"AutoComplete.Value",defaultProps:L,setup(){return{autocomplete:m()}},render(o){let{props:t,ptmi:e,autocomplete:r}=o,p=F.useRef(!1),n=(()=>{if(t.children){p.current=!1;let l=Rt(t.children,o);if(xo(l))return l}let i=r?.getSelectedOptionLabel();return xo(i)?(p.current=!1,Array.isArray(i)?i.join(", "):i):(p.current=!0,t.placeholder??"\xA0")})(),a=n==="\xA0",u=vt({className:r?.cx("value",{empty:a,showPlaceholder:p.current}),"data-placeholder":p.current?"":void 0},r?.ptm("value"),e("root"));return F.createElement(yt,{instance:o,attrs:u,children:n})}});var ho={};to(ho,{defaultArrowProps:()=>P,defaultClearProps:()=>C,defaultEmptyProps:()=>A,defaultFooterProps:()=>x,defaultHeaderProps:()=>g,defaultIndicatorProps:()=>h,defaultInputProps:()=>y,defaultOptionIndicatorProps:()=>v,defaultOptionProps:()=>O,defaultPopupProps:()=>R,defaultPortalProps:()=>I,defaultPositionerProps:()=>f,defaultRootProps:()=>b,defaultTriggerProps:()=>E,defaultValueProps:()=>L});export{go as AutoComplete,V as AutoCompleteArrow,k as AutoCompleteClear,M as AutoCompleteEmpty,G as AutoCompleteFooter,S as AutoCompleteHeader,j as AutoCompleteIndicator,D as AutoCompleteInput,z as AutoCompleteList,c as AutoCompleteOption,J as AutoCompleteOptionIndicator,K as AutoCompleteOptionProvider,Q as AutoCompletePopup,U as AutoCompletePortal,H as AutoCompletePositioner,ho as AutoCompleteProps,eo as AutoCompleteProvider,Y as AutoCompleteRoot,Z as AutoCompleteTrigger,_ as AutoCompleteValue,P as defaultArrowProps,C as defaultClearProps,A as defaultEmptyProps,x as defaultFooterProps,g as defaultHeaderProps,h as defaultIndicatorProps,y as defaultInputProps,q as defaultListProps,v as defaultOptionIndicatorProps,O as defaultOptionProps,R as defaultPopupProps,I as defaultPortalProps,f as defaultPositionerProps,b as defaultRootProps,E as defaultTriggerProps,L as defaultValueProps,m as useAutoCompleteContext,$ as useAutoCompleteOptionContext};