primereact/listbox/index.mjs

A rich set of premium UI Components for React.

'use client';

var Y=Object.defineProperty;var $=(o,r)=>{for(var e in r)Y(o,e,{get:r[e],enumerable:!0})};import{createOptionalContext as Z}from"@primereact/core/utils";var[j,i]=Z();var Q={};$(Q,{Empty:()=>C,Filter:()=>v,Footer:()=>F,Header:()=>I,List:()=>N,Option:()=>f,OptionIndicator:()=>G,Root:()=>V});import{Component as _,withComponent as oo}from"@primereact/core/component";import{mergeProps as to}from"@primeuix/utils";import*as M from"react";var u={as:"span"};var C=oo({name:"Listbox.Empty",defaultProps:u,setup(){return{listbox:i()}},render(o){let{props:r,ptmi:e,listbox:t}=o,s=to({className:t?.cx("empty")},t?.ptm("empty"),e("root"));return M.createElement(_,{pIf:t?.getOptions().length===0,instance:o,attrs:s,children:r.children})}});import{Component as ro,withComponent as eo}from"@primereact/core/component";import{mergeProps as so}from"@primeuix/utils";import*as T from"react";var b={as:"input"};var v=eo({name:"Listbox.Filter",defaultProps:b,setup(){return{listbox:i()}},render(o){let{props:r,ptmi:e,listbox:t}=o,s=so(t?.filterProps,{className:t?.cx("pcFilter")},t?.ptm("pcFilter"),e("root"));return T.createElement(ro,{instance:o,attrs:s,children:r.children})}});import{Component as io,withComponent as po}from"@primereact/core/component";import{mergeProps as no}from"@primeuix/utils";import*as q from"react";var P={as:"div"};var F=po({name:"Listbox.Footer",defaultProps:P,setup(){return{listbox:i()}},render(o){let{props:r,ptmi:e,listbox:t}=o,s=no({className:t?.cx("footer")},t?.ptm("footer"),e("root"));return q.createElement(io,{instance:o,attrs:s,children:r.children})}});import{Component as mo,withComponent as ao}from"@primereact/core/component";import{mergeProps as xo}from"@primeuix/utils";import*as z from"react";var L={as:"div"};var I=ao({name:"Listbox.Header",defaultProps:L,setup(){return{listbox:i()}},render(o){let{props:r,ptmi:e,listbox:t}=o,s=xo({className:t?.cx("header")},t?.ptm("header"),e("root"));return z.createElement(mo,{instance:o,attrs:s,children:r.children})}});import{Component as bo,withComponent as Po}from"@primereact/core/component";import{mergeProps as Lo,resolve as yo}from"@primeuix/utils";import*as h from"react";import{Component as co,withComponent as fo}from"@primereact/core/component";import{useListboxOption as uo}from"@primereact/headless/listbox";import{mergeProps as E}from"@primeuix/utils";import*as k from"react";import{createOptionalContext as lo}from"@primereact/core/utils";var[H,w]=lo();var y={as:"li",group:!1,uKey:void 0,index:void 0};var f=fo({name:"Listbox.Option",defaultProps:y,setup(o){let r=i(),e=r?.getOptions(),t=o.props?.index??e?.findIndex(p=>p&&typeof p=="object"&&r?.props.optionKey?p[r.props.optionKey]===o.props.uKey:!1)??-1,s=e?.[t],n=o.props?.group??r?.isOptionGroup(s),m=uo({option:s,index:t,group:n,context:r}),a=m.state.selected;return{listbox:r,listboxOption:m,option:s,index:t,group:n,selected:a}},render(o){let{props:r,ptmi:e,listbox:t,listboxOption:s,index:n,selected:m,group:a}=o,p=a?E(s.groupProps,{className:t?.cx("optionGroup",{index:n})},t?.ptm("optionGroup")):E(s.optionProps,{className:t?.cx("option",{index:n,selected:m,disabled:s.state.disabled})},t?.ptm("option")),x=E(p,e("root"));return k.createElement(H,{value:o},k.createElement(co,{instance:o,attrs:x,children:r.children}))}});var O={as:"ul"};var N=Po({name:"Listbox.List",defaultProps:O,setup(){let o=i();return{listbox:o,options:o?.getOptions()}},render(o){let{props:r,ptmi:e,listbox:t,options:s}=o,n=()=>s?.map((p,x)=>{if(t?.isOptionGroup(p)){let d=t?.getOptionGroupLabel(p.optionGroup),l=`group-${String(d??x)}`;return h.createElement(f,{key:l,index:x,group:!0},d)}else{let d=t?.getOptionLabel(p),l=t?.getOptionValue(p),W=l!=null&&typeof l!="object"?l:d??x,X=`opt-${String(W)}-${x}`;return h.createElement(f,{key:X,index:x},d)}}),m=Lo(t?.listProps,{className:t?.cx("list")},t?.ptm("list"),e("root")),a=yo(r.children,o)??n();return h.createElement(bo,{ref:t?.listRef,instance:o,attrs:m},a)}});import{Component as Oo,withComponent as go}from"@primereact/core/component";import{mergeProps as Ro}from"@primeuix/utils";import*as A from"react";var g={as:"div",match:"always"};var G=go({name:"Listbox.OptionIndicator",defaultProps:g,setup(){let o=i(),r=w();return{listbox:o,option:r?.option,index:r?.index,group:r?.group,selected:r?.selected,listboxOption:r?.listboxOption}},render(o){let{props:r,ptmi:e,listbox:t,listboxOption:s,selected:n}=o;if(r.match!=="always"){let a=n?"selected":"unselected";if(r.match!==a)return null}let m=Ro(s?.optionIndicatorProps,{className:t?.cx("optionIndicator")},t?.ptm("optionIndicator"),e("root"));return A.createElement(Oo,{instance:o,attrs:m,children:r.children})}});import{Component as D,withComponent as ho}from"@primereact/core/component";import{useListbox as Co}from"@primereact/headless/listbox";import{mergeProps as K}from"@primeuix/utils";import{VisuallyHidden as J}from"primereact/visuallyhidden";import*as c from"react";import*as B from"@primereact/headless/listbox";var R={...B.defaultProps,as:"div",tabIndex:0};var V=ho({name:"Listbox.Root",defaultProps:R,setup(o){return o?.inProps?.instance??Co(o?.inProps)},render(o){let{props:r,ptmi:e,ptm:t,cx:s,firstHiddenElementRef:n,lastHiddenElementRef:m,rootProps:a,firstHiddenProps:p,lastHiddenProps:x}=o,S=K(p,t("hiddenElement"),t("pcVisibleHidden.root")),d=K(x,t("hiddenElement"),t("pcVisibleHidden.root")),l=K(a,{className:s("root")},e("root"));return c.createElement(j,{value:o},c.createElement(D,{instance:o,attrs:l},c.createElement(J,{ref:n,focusable:!r.disabled,...S}),c.createElement(D,{as:c.Fragment,instance:o,attrs:l,children:r.children}),c.createElement(J,{ref:m,focusable:!r.disabled,...d})))}});var U={};$(U,{defaultEmptyProps:()=>u,defaultFilterProps:()=>b,defaultFooterProps:()=>P,defaultHeaderProps:()=>L,defaultListProps:()=>O,defaultOptionIndicatorProps:()=>g,defaultOptionProps:()=>y,defaultRootProps:()=>R});export{Q as Listbox,C as ListboxEmpty,v as ListboxFilter,F as ListboxFooter,I as ListboxHeader,N as ListboxList,f as ListboxOption,G as ListboxOptionIndicator,H as ListboxOptionProvider,U as ListboxProps,j as ListboxProvider,V as ListboxRoot,u as defaultEmptyProps,b as defaultFilterProps,P as defaultFooterProps,L as defaultHeaderProps,O as defaultListProps,g as defaultOptionIndicatorProps,y as defaultOptionProps,R as defaultRootProps,i as useListboxContext,w as useListboxOptionContext};