UNPKG

primereact

Version:

A rich set of premium UI Components for React.

primereact.dev

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