primereact/select/index.mjs

A rich set of premium UI Components for React.

'use client';

var Ce=Object.defineProperty;var te=(e,t)=>{for(var r in t)Ce(e,r,{get:t[r],enumerable:!0})};import{createOptionalContext as Oe}from"@primereact/core/utils";var[oe,s]=Oe();var ge={};te(ge,{Arrow:()=>A,Clear:()=>k,Empty:()=>M,Filter:()=>G,Footer:()=>j,Header:()=>K,Indicator:()=>$,List:()=>J,Option:()=>f,OptionIndicator:()=>Q,Popup:()=>U,Portal:()=>X,Positioner:()=>H,Root:()=>Z,Trigger:()=>_,Value:()=>V});import{Component as ve,withComponent as Re}from"@primereact/core/component";import{mergeProps as we}from"@primeuix/utils";import*as re from"react";var x={as:"div"};var A=Re({name:"Select.Arrow",defaultProps:x,setup(){return{select:s()}},render(e){let{props:t,select:r,ptmi:o}=e,p=we(r?.arrowProps,{className:r?.cx("arrow")},r?.ptm("arrow"),o("root"));return re.createElement(ve,{instance:e,attrs:p,children:t.children})}});import{Component as Ie,withComponent as be}from"@primereact/core/component";import{mergeProps as Fe}from"@primeuix/utils";import*as pe from"react";var S={as:"span"};var k=be({name:"Select.Clear",defaultProps:S,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e;if(!o?.hasValue())return null;let p=Fe(o?.clearProps,{className:o?.cx("clear")},o?.ptm("clear"),r("root"));return pe.createElement(Ie,{instance:e,attrs:p,children:t.children})}});import{Component as Ee,withComponent as Le}from"@primereact/core/component";import{mergeProps as De}from"@primeuix/utils";import*as se from"react";var g={as:"span"};var M=Le({name:"Select.Empty",defaultProps:g,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,{listbox:p}=o||{},n=De({className:o?.cx("empty")},o?.ptm("empty"),r("root"));return se.createElement(Ee,{pIf:p?.getOptions().length===0,instance:e,attrs:n,children:t.children})}});import{Component as Te,withComponent as He}from"@primereact/core/component";import{mergeProps as Ne}from"@primeuix/utils";import*as ne from"react";var h={as:"input"};var G=He({name:"Select.Filter",defaultProps:h,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=Ne(o?.filterProps,{className:o?.cx("filter")},o?.ptm("filter"),r("root"));return ne.createElement(Te,{instance:e,attrs:p,children:t.children})}});import{Component as Ve,withComponent as Ae}from"@primereact/core/component";import{mergeProps as ke}from"@primeuix/utils";import*as ie from"react";var y={as:"div"};var j=Ae({name:"Select.Footer",defaultProps:y,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=ke({className:o?.cx("footer")},o?.ptm("footer"),r("root"));return ie.createElement(Ve,{instance:e,attrs:p,children:t.children})}});import{Component as Me,withComponent as Ge}from"@primereact/core/component";import{mergeProps as je}from"@primeuix/utils";import*as le from"react";var C={as:"div"};var K=Ge({name:"Select.Header",defaultProps:C,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=je({className:o?.cx("header")},o?.ptm("header"),r("root"));return le.createElement(Me,{instance:e,attrs:p,children:t.children})}});import{Component as Ke,withComponent as $e}from"@primereact/core/component";import{mergeProps as We}from"@primeuix/utils";import*as ce from"react";var O={as:"span",match:"always"};var $=$e({name:"Select.Indicator",defaultProps:O,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=o?.state?.opened;if(t.match&&t.match!=="always"){let i=p?"open":"closed";if(t.match!==i)return null}let n=We(o?.indicatorProps,{className:o?.cx("indicator")},o?.ptm("indicator"),r("root"));return ce.createElement(Ke,{instance:e,attrs:n,children:t.children})}});import{Component as Qe,withComponent as Ue}from"@primereact/core/component";import{mergeProps as Xe,resolve as Ye}from"@primeuix/utils";import*as T from"react";import{Component as Be,withComponent as qe}from"@primereact/core/component";import{useListboxOption as Je}from"@primereact/headless/listbox";import{mergeProps as B}from"@primeuix/utils";import*as q from"react";import{createOptionalContext as ze}from"@primereact/core/utils";var[W,z]=ze();var v={as:"li",group:!1,uKey:void 0,index:void 0};var f=qe({name:"Select.Option",defaultProps:v,setup(e){let t=s(),{listbox:r}=t||{},o=r?.getOptions(),p=e.props?.index??o?.findIndex(a=>a&&typeof a=="object"&&r?.props.optionKey?a[r.props.optionKey]===e.props.uKey:!1)??-1,n=o?.[p],i=e.props?.group??r?.isOptionGroup(n),c=Je({option:n,index:p,group:i,context:r});return{select:t,listbox:r,listboxOption:c,option:n,index:p,...c?.state}},render(e){let{props:t,ptmi:r,select:o,listboxOption:p,index:n,selected:i,focused:c,disabled:a,group:l}=e,m=l?B(p.groupProps,{className:o?.cx("optionGroup",{index:n})},o?.ptm("optionGroup")):B(p.optionProps,{className:o?.cx("option",{index:n,selected:i,focused:c,disabled:a})},o?.ptm("option")),ee=B(m,r("root"));return q.createElement(W,{value:e},q.createElement(Be,{instance:e,attrs:ee,children:t.children}))}});var R={as:"ul"};var J=Ue({name:"Select.List",defaultProps:R,setup(){let e=s(),t=e?.listbox;return{select:e,listbox:t,options:t?.getOptions()}},render(e){let{props:t,ptmi:r,select:o,options:p}=e,{listbox:n}=o||{},i=()=>p?.map((l,m)=>{if(n?.isOptionGroup(l)){let P=n?.getOptionGroupLabel(l.optionGroup),D=`group-${String(P??m)}`;return T.createElement(f,{key:D,index:m,group:!0},P)}else{let P=n?.getOptionLabel(l),D=n?.getOptionValue(l),ye=D!=null?`opt-${String(D)}`:`opt-${String(P??m)}`;return T.createElement(f,{key:ye,index:m},P)}}),c=Xe(o?.listProps,{className:o?.cx("list")},o?.ptm("list"),r("root")),a=t.children?Ye(t.children,e):i();return T.createElement(Qe,{ref:n?.listRef,instance:e,attrs:c},a)}});import{Component as Ze,withComponent as _e}from"@primereact/core/component";import{mergeProps as et}from"@primeuix/utils";import*as ae from"react";var w={as:"div",match:"always"};var Q=_e({name:"Select.OptionIndicator",defaultProps:w,setup(){let e=s(),t=z();return{select:e,option:t?.option,index:t?.index,group:t?.group,selected:t?.selected,listboxOption:t?.listboxOption}},render(e){let{props:t,ptmi:r,select:o,selected:p,listboxOption:n}=e;if(t.match!=="always"){let c=p?"selected":"unselected";if(t.match!==c)return null}let i=et(n?.optionIndicatorProps,{className:o?.cx("optionIndicator")},o?.ptm("optionIndicator"),r("root"));return ae.createElement(Ze,{instance:e,attrs:i,children:t.children})}});import{Component as tt,withComponent as ot}from"@primereact/core/component";import{useMotion as rt}from"@primereact/core/motion";import{OverlayEventBus as me}from"@primereact/core/utils";import{mergeProps as pt}from"@primeuix/utils";import{FocusTrap as st}from"primereact/focustrap";import*as b from"react";var I={as:"div",motionProps:void 0};var U=ot({name:"Select.Popup",defaultProps:I,setup({props:e}){let t=s(),r=rt({cssVarPrefix:"px-select-popup",...e.motionProps,elementRef:t?.state.popupElement,visible:!!t?.state?.opened,onAfterLeave:o=>{e.motionProps?.onAfterLeave?.(o),t?.setRendered?.(!1)}});return{select:t,motion:r}},render(e){let{props:t,select:r,ptmi:o,motion:p}=e,n=pt(r?.popupProps,{className:r?.cx("popup"),onPointerDownCapture:i=>{me.emit("overlay-click",{originalEvent:i,target:r?.elementRef?.current??null})},onMouseDownCapture:i=>{me.emit("overlay-click",{originalEvent:i,target:r?.elementRef?.current??null})}},r?.ptm("popup"),o("root"),p?.rootProps);return b.createElement(st,{as:b.Fragment,trapped:r?.state.opened,autoFocus:!1,onEscape:()=>r?.hide?.(),onTabFirst:()=>r?.focus?.(),onTabLast:()=>r?.focus?.()},b.createElement(tt,{instance:e,attrs:n,children:t.children}))}});import{withComponent as nt}from"@primereact/core/component";import{mergeProps as it}from"@primeuix/utils";import{Portal as lt}from"primereact/portal";import*as fe from"react";var F={};var X=nt({name:"Select.Portal",defaultProps:F,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=it({className:o?.cx("portal")},o?.ptm("portal"),r("root"));return fe.createElement(lt,{instance:e,attrs:p,children:t.children,appendTo:t.appendTo})}});import{Component as ct,withComponent as at}from"@primereact/core/component";import{usePositioner as mt}from"@primereact/headless/positioner";import{mergeProps as ft}from"@primeuix/utils";import*as de from"react";import*as ue from"@primereact/headless/positioner";var u={...ue.defaultProps,as:"div",sideOffset:2};var H=at({name:"Select.Positioner",defaultProps:u,setup({props:e}){let t=s(),r=mt({align:e.align,side:e.side,sideOffset:e.sideOffset,alignOffset:e.alignOffset,flip:e.flip,shift:e.shift,hideWhenDetached:e.hideWhenDetached,anchor:t?.state.anchorElement,content:t?.state.positionerElement,arrow:t?.state.arrowElement});return{select:t,positioner:r}},render(e){let{props:t,select:r,ptmi:o}=e,p=ft(r?.positionerProps,{className:r?.cx("positioner")},r?.ptm("positioner"),o("root"));return de.createElement(ct,{pIf:r?.state.rendered,instance:e,attrs:p,children:t.children})}});import{Component as ut,withComponent as dt}from"@primereact/core/component";import{useSelect as Pt}from"@primereact/headless/select";import{mergeProps as xt}from"@primeuix/utils";import*as Y from"react";import*as Pe from"@primereact/headless/select";var E={...Pe.defaultProps,as:"div",invalid:void 0,variant:void 0,fluid:void 0,disabled:void 0,size:void 0,tabIndex:0};var Z=dt({name:"Select.Root",defaultProps:E,setup(e){return Pt(e.inProps)},render(e){let{props:t,ptmi:r,cx:o,rootProps:p}=e,n=xt(p,{className:o("root")},r("root"));return Y.createElement(oe,{value:e},Y.createElement(ut,{instance:e,attrs:n,children:t.children}))}});import{Component as St,withComponent as gt}from"@primereact/core/component";import{mergeProps as ht}from"@primeuix/utils";import*as xe from"react";var L={as:"button"};var _=gt({name:"Select.Trigger",defaultProps:L,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=ht(o?.triggerProps,{className:o?.cx("trigger")},o?.ptm("trigger"),r("root"));return xe.createElement(St,{instance:e,attrs:p,children:t.children})}});import{Component as yt,withComponent as Ct}from"@primereact/core/component";import{isNotEmpty as Se,mergeProps as Ot,resolve as vt}from"@primeuix/utils";import*as N from"react";var d={as:"span",placeholder:void 0};var V=Ct({name:"Select.Value",defaultProps:d,setup(){return{select:s()}},render(e){let{props:t,ptmi:r,select:o}=e,p=N.useRef(!1),i=(()=>{if(t.children){p.current=!1;let m=vt(t.children,e);if(Se(m))return m}let l=o?.getSelectedOptionLabel();return Se(l)?(p.current=!1,Array.isArray(l)?l.join(", "):l):(p.current=!0,t.placeholder??"\xA0")})(),c=i==="\xA0",a=Ot({className:o?.cx("value",{empty:c,showPlaceholder:p.current}),"data-placeholder":p.current?"":void 0},o?.ptm("value"),r("root"));return N.createElement(yt,{instance:e,attrs:a,children:i})}});var he={};te(he,{ArrowDefaults:()=>x,ClearDefaults:()=>S,EmptyDefaults:()=>g,FilterDefaults:()=>h,FooterDefaults:()=>y,HeaderDefaults:()=>C,IndicatorDefaults:()=>O,ListDefaults:()=>R,OptionDefaults:()=>v,OptionIndicatorDefaults:()=>w,PopupDefaults:()=>I,PortalDefaults:()=>F,PositionerDefaults:()=>u,RootDefaults:()=>E,TriggerDefaults:()=>L,ValueDefaults:()=>d});export{ge as Select,A as SelectArrow,k as SelectClear,M as SelectEmpty,G as SelectFilter,j as SelectFooter,K as SelectHeader,$ as SelectIndicator,J as SelectList,f as SelectOption,Q as SelectOptionIndicator,W as SelectOptionProvider,U as SelectPopup,X as SelectPortal,H as SelectPositioner,he as SelectProps,oe as SelectProvider,Z as SelectRoot,_ as SelectTrigger,V as SelectValue,x as defaultArrowProps,S as defaultClearProps,g as defaultEmptyProps,h as defaultFilterProps,y as defaultFooterProps,C as defaultHeaderProps,O as defaultIndicatorProps,R as defaultListProps,w as defaultOptionIndicatorProps,v as defaultOptionProps,I as defaultPopupProps,F as defaultPortalProps,u as defaultPositionerProps,E as defaultRootProps,L as defaultTriggerProps,d as defaultValueProps,s as useSelectContext,z as useSelectOptionContext};